:root{--bg:#16181d;--bg-2:#1d2027;--bg-3:#262a33;--line:#2f3440;--fg:#e4e7ee;--fg-2:#a8afbd;--fg-3:#6c7382;--accent:#4c8dff;--ghost:#c29bff;--danger:#ff6b6b;--mono:ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;color:inherit}ul{margin:0;padding:0;list-style:none}code,.mono{font-family:var(--mono);font-size:12px}.editor{grid-template:"top top top"44px"left center right"1fr/260px 1fr 320px;height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--bg-2);grid-area:top;align-items:center;gap:8px;padding:0 12px;display:flex}.topbar__site{margin-right:8px}.topbar__page{min-width:260px}.topbar__spacer{flex:1}.left,.right{background:var(--bg-2);flex-direction:column;min-width:0;display:flex;overflow:hidden}.left{border-right:1px solid var(--line);grid-area:left}.right{border-left:1px solid var(--line);grid-area:right}.center{background:#0f1115;flex-direction:column;grid-area:center;min-width:0;display:flex;overflow:hidden}.center>.canvas{flex:auto;height:auto;min-height:0}.dock{background:var(--bg-2);flex-direction:column;min-height:0;display:flex;position:relative}.left>.dock,.right>.dock{flex:1}.dock--bottom{border-top:1px solid var(--line);flex:none}.dock__tabs{border-bottom:1px solid var(--line);flex:none;align-items:stretch;gap:2px;height:30px;padding:0 6px;display:flex}.dock__tabs--over{background:#4c8dff26}.dock__tab{color:var(--fg-3);cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:2px solid #0000;align-items:center;gap:2px;padding:0 2px 0 8px;font-size:12px;display:flex}.dock__tab--active{color:var(--fg);border-bottom-color:var(--accent)}.dock__menu{display:flex;position:relative}.dock__menu-button{color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:0 4px;line-height:18px}.dock__menu-button:hover{background:var(--bg-3);color:var(--fg)}.dock__menu-list{z-index:20;background:var(--bg-3);border:1px solid var(--line);border-radius:6px;flex-direction:column;min-width:140px;padding:4px;display:flex;position:absolute;top:22px;left:0;box-shadow:0 6px 20px #0006}.dock__menu-list button{text-align:left;color:var(--fg);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:5px 8px;font-size:12px}.dock__menu-list button:hover{background:var(--accent);color:#fff}.dock__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.dock__body>.html-panel{border-top:0;flex:1;min-height:0}.dock__edge{z-index:4;position:absolute}.dock__edge:hover,.is-resizing .dock__edge:active{background:var(--accent)}.dock__edge--left{cursor:col-resize;width:6px;top:0;bottom:0;right:0}.dock__edge--right{cursor:col-resize;width:6px;top:0;bottom:0;left:0}.dock__edge--bottom{cursor:row-resize;height:6px;top:0;left:0;right:0}.is-resizing iframe{pointer-events:none}.is-resizing--cols,.is-resizing--cols *{cursor:col-resize!important}.is-resizing--rows,.is-resizing--rows *{cursor:row-resize!important}.is-resizing{-webkit-user-select:none;user-select:none}.drops{z-index:30;pointer-events:none;position:fixed;inset:44px 0 0}.drops__zone{text-align:center;color:var(--fg);pointer-events:auto;background:#4c8dff1f;border:2px dashed #4c8dff99;border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:12px;display:flex;position:absolute}.drops__zone--over{border-color:var(--accent);background:#4c8dff59}.drops__zone--left{width:140px;top:8px;bottom:8px;left:8px}.drops__zone--right{width:140px;top:8px;bottom:8px;right:8px}.drops__zone--bottom{height:110px;bottom:8px;left:160px;right:160px}.canvas{justify-content:center;height:100%;display:flex;position:relative;overflow:auto}.canvas iframe{background:#fff;border:0;max-width:100%;height:100%;transition:width .2s}.canvas__error{color:#ffd0d0;z-index:1;background:#3a1f24;border-radius:6px;padding:10px 12px;position:absolute;inset:12px 12px auto}.panel__heading{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin:0;padding:10px 12px 6px;font-size:11px;font-weight:600}.muted{color:var(--fg-3)}.panel.muted,.structure .muted{margin:0;padding:8px 12px}.hint{color:var(--fg-3);margin:4px 0 0;font-size:11px}.error{color:var(--danger)}.row{cursor:default;white-space:nowrap;background-image:repeating-linear-gradient(90deg, transparent 0 10px, var(--line) 10px 11px, transparent 11px 12px);background-size:calc(var(--depth,0) * 12px) 100%;background-position:4px 0;background-repeat:no-repeat;align-items:center;gap:4px;height:24px;padding-right:8px;display:flex;overflow:hidden}.row:hover{background-color:var(--bg-3)}.row--selected,.row--selected:hover{background-color:#4c8dff38}.row__twisty{width:16px;color:var(--fg-3);cursor:pointer;background:0 0;border:0;flex:none;margin-right:-2px;padding:0}.row__icon{color:var(--fg-3);flex:none}.row__icon--heading,.row__icon--text,.row__icon--textnode{color:#d7b56d}.row__icon--link,.row__icon--button{color:#6fb4ff}.row__icon--image,.row__icon--icon,.row__icon--media{color:#ff9f6b}.row__icon--landmark{color:#9aa3b5}.row__icon--component{color:#7ee0b5}.row__icon--each,.row__icon--if,.row__icon--slot,.row__icon--render{color:var(--ghost)}.row__label{align-items:baseline;gap:6px;min-width:0;display:flex;overflow:hidden}.row__name{text-overflow:ellipsis;flex:none;max-width:100%;font-size:12px;overflow:hidden}.row__name--class{font-family:var(--mono)}.row__detail{font-family:var(--mono);color:var(--fg-3);flex:none;font-size:11px}.row__text{text-overflow:ellipsis;min-width:0;color:var(--fg-2);font-size:12px;overflow:hidden}.row__text:before{content:"“"}.row__text:after{content:"”"}.row--text .row__text{color:var(--fg-2)}.row__badge,.row__count{background:var(--bg-3);color:var(--fg-3);border-radius:7px;flex:none;margin-left:auto;padding:0 5px;font-size:10px;line-height:14px}.row__badge+.row__count{margin-left:0}.row--ghost .row__name{color:var(--ghost);font-style:italic}.row--component .row__name{color:#7ee0b5}.structure__tools{z-index:1;background:var(--bg-2);border-bottom:1px solid var(--line);gap:4px;padding:8px;display:flex;position:sticky;top:0}.structure__find{flex:1;min-width:0}.structure__none{padding:8px 12px}.row--match .row__name,.row--match .row__text{color:var(--fg);font-weight:600}.row--match{box-shadow:inset 2px 0 0 var(--accent)}.btn--small{padding:2px 6px;font-size:11px}.row--part{color:var(--fg-3);height:20px;font-size:11px}.inspector__title{border-bottom:1px solid var(--line);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;padding:10px 12px;font-size:12px;overflow:hidden}.panel{border-bottom:1px solid var(--line);padding:0 12px 12px}.panel .panel__heading{padding-left:0;padding-right:0}.panel--grow{border-bottom:0;flex:1}.prop{grid-template-columns:72px 1fr;align-items:center;gap:8px;margin-bottom:6px;display:grid}.prop>span{color:var(--fg-2);text-overflow:ellipsis;font-size:12px;overflow:hidden}.prop--attr{grid-template-columns:90px 1fr 20px}.field{border:1px solid var(--line);background:var(--bg);resize:vertical;border-radius:5px;outline:none;width:100%;padding:5px 7px}.field:focus{border-color:var(--accent)}.field--mono{font-family:var(--mono);font-size:12px}textarea.field{margin-bottom:6px}.pills{flex-wrap:wrap;gap:4px;display:flex}.pill{background:var(--bg-3);font-family:var(--mono);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:2px 4px 2px 8px;font-size:12px;display:inline-flex}.pill--active{background:var(--accent);color:#fff}.pill button,.icon{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;padding:0 4px}.pill button:hover,.icon:hover{opacity:1}.pill-input{border:1px dashed var(--line);min-width:80px;font-family:var(--mono);background:0 0;border-radius:999px;outline:none;flex:1;padding:3px 8px;font-size:12px}.css-editor .cm-editor{max-height:50vh}.btn{border:1px solid var(--line);background:var(--bg-3);cursor:pointer;border-radius:6px;padding:5px 12px}.btn:hover:not(:disabled){border-color:var(--fg-3)}.btn:disabled{opacity:.4;cursor:default}.btn--ghost{background:0 0}.picker{flex-direction:column;gap:8px;max-width:360px;margin:10vh auto 0;padding-bottom:10vh;display:flex}.picker h1{margin:0 0 12px;font-size:20px}.toast{background:var(--bg-3);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:8px 14px;position:fixed;bottom:16px;left:50%;translate:-50%;box-shadow:0 6px 24px #0006}.toast--error{background:#3a1f24;border-color:#6b2c35}.row__input{border:1px solid var(--accent);background:var(--bg);min-width:0;font-family:var(--mono);border-radius:3px;outline:none;flex:1;padding:1px 4px;font-size:12px}.row--drop-before{box-shadow:inset 0 2px 0 var(--accent)}.row--drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.row--drop-inside{outline:1px dashed var(--accent);outline-offset:-1px;background-color:#4c8dff26}.structure__keys{padding:12px}.overlay{z-index:10;background:#00000059;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.command{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;width:min(640px,92vw);overflow:hidden;box-shadow:0 20px 60px #00000080}.command__title{color:var(--fg-3);font-family:var(--mono);padding:10px 14px 0;font-size:12px}.command__input{border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;width:100%;padding:12px 14px;font-size:14px}.command__list{max-height:50vh;padding:4px;overflow:auto}.command__item{cursor:pointer;border-radius:6px;align-items:baseline;gap:10px;padding:7px 10px;display:flex}.command__item--active{background:#4c8dff33}.command__group{width:72px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;flex:none;font-size:11px}.command__label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.command__detail{color:var(--fg-3);font-size:12px}.command__empty{color:var(--fg-3);padding:10px}.elements{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;padding:8px;display:flex}.elements__btn{border:1px solid var(--line);background:var(--bg-3);cursor:pointer;border-radius:5px;padding:3px 8px;font-size:12px}.elements__btn:hover{border-color:var(--accent)}html,body{overflow:hidden}#root{overflow-y:auto}.editor{overflow:hidden}.topbar{white-space:nowrap;min-width:0;overflow:hidden}.topbar>*{flex:none}.topbar__page{flex:0 260px;min-width:0}.canvas__frame{max-width:100%;height:100%;margin:0 auto;position:relative}.canvas__frame iframe{background:#fff;border:0;width:100%;height:100%;display:block}.canvas__handle{cursor:ew-resize;z-index:2;touch-action:none;width:10px;position:absolute;top:0;bottom:0}.canvas__handle:after{content:"";background:var(--fg-3);opacity:.5;border-radius:2px;width:4px;height:48px;margin-top:-24px;position:absolute;top:50%;left:3px}.canvas__handle:hover:after{opacity:1;background:var(--accent)}.canvas__handle--left{left:0}.canvas__handle--right{right:0}.canvas__width{color:var(--fg);font:11px var(--mono);pointer-events:none;background:#16181dcc;border-radius:4px;padding:2px 6px;position:absolute;top:6px;right:8px}.pill--rule small{opacity:.7;margin-left:4px;font-size:10px}.pill--rule{padding-right:8px}.styles__new{margin:8px 0}.styles__key{margin:4px 0 6px;font-size:12px}.css-editor__tools{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.chip{border:1px solid var(--line);font:11px var(--mono);cursor:pointer;color:var(--fg-2);background:0 0;border-radius:999px;padding:2px 8px}.chip:hover{border-color:var(--accent);color:var(--fg)}.sm{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;width:min(1100px,96vw);height:min(760px,86vh);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.sm__head{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:8px 12px;display:flex}.sm__head strong{margin-right:12px}.sm__tab{color:var(--fg-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 10px}.sm__tab--active{background:var(--bg-3);color:var(--fg)}.sm__body{flex:1;min-height:0;overflow:auto}.sm__split{grid-template-columns:300px 1fr;height:100%;display:grid}.sm__list{border-right:1px solid var(--line);flex-direction:column;gap:6px;padding:10px;display:flex;overflow:auto}.sm__detail{flex-direction:column;gap:8px;padding:12px;display:flex;overflow:auto}.sm__row{cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:4px 8px;display:flex}.sm__row:hover{background:var(--bg-3)}.sm__row--active{background:#4c8dff38}.sm__badge{background:var(--bg-3);color:var(--fg-3);border-radius:999px;margin-left:auto;padding:0 6px;font-size:10px}.sm__vars{flex-direction:column;gap:14px;padding:12px;display:flex}.sm__collection{border:1px solid var(--line);border-radius:8px;padding:10px}.sm__collection-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.sm__collection-head .field{max-width:260px}.sm__table{border-collapse:collapse;width:100%;margin-bottom:6px}.sm__table td{padding:2px 4px}.sm__table td:first-child{width:14px;color:var(--fg-3)}.sm__table td:nth-child(4),.sm__table td:nth-child(5){width:24px}.swatch{border:1px solid var(--line);vertical-align:middle;border-radius:4px;width:16px;height:16px;display:inline-block}.btn--danger{color:var(--danger);align-self:flex-start}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){border-color:#fff}.banner{z-index:5;color:#ffe3b3;background:#5a3d10;padding:6px 12px;font-size:12px;position:fixed;top:44px;left:0;right:0}.publish{height:min(700px,86vh)}.publish__body{flex-direction:column;flex:1;gap:14px;padding:12px;display:flex;overflow:auto}.publish__confirm{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.publish__confirm p{margin:0;line-height:1.5}.publish__status{margin-bottom:6px;font-weight:600}.publish__status--live{color:#7ee0b5}.publish__status--built{color:#ffd27a}.publish__status--failed{color:var(--danger)}.publish__status--building,.publish__status--deploying{color:var(--accent)}.publish__log{border:1px solid var(--line);background:var(--bg);max-height:320px;font:11px/1.5 var(--mono);white-space:pre-wrap;border-radius:6px;margin:0;padding:10px;overflow:auto}.publish__history td{white-space:nowrap;padding:4px 6px;font-size:12px}.publish__history a{color:var(--accent)}.propdef{border:1px solid var(--line);border-radius:6px;margin-bottom:8px;padding:8px}.propdef__head{grid-template-columns:1fr 100px 20px;align-items:center;gap:6px;margin-bottom:6px;display:grid}.propdef__add{grid-template-columns:1fr 90px auto;gap:6px;display:grid}.picker__new{grid-template-columns:1fr auto;gap:6px;margin-top:8px;display:grid}.topbar .field{width:auto}.topbar .topbar__page{flex:0 320px;min-width:140px}.topbar .topbar__spacer{flex:auto;min-width:8px}.import{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:8px;margin-top:12px;padding:14px;display:flex}.import h2{margin:0;font-size:15px}.import__paste{min-height:90px}.import__check{color:var(--fg-2);align-items:center;gap:6px;font-size:12px;display:flex}.overlay .import{background:var(--bg-2);margin-top:0}.picker{max-width:460px}.panel .btn input[hidden]{display:none}label.btn{display:inline-block}.overlay--full{align-items:stretch;padding:2vh 1.5vw}.compare{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.compare__head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 14px;display:flex}.compare__head h2{margin:0;font-size:15px}.compare__head .spacer{flex:1}.compare__head .btn--active{border-color:var(--accent);color:var(--fg)}.compare__score{margin-left:4px;font-weight:700}.compare__score--pass{color:#5ad68b}.compare__score--fail{color:var(--danger)}.compare__body{flex:1;grid-template-columns:1fr 1fr 340px;align-items:start;gap:12px;min-height:0;padding:12px;display:grid;position:relative;overflow:auto}.compare__cell{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.compare__cell--hidden{width:400px;position:absolute;top:0;left:-20000px}.compare__label{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);align-self:flex-start;font-size:11px}.compare__viewport{border:1px solid var(--line);background:#fff;border-radius:6px;position:relative;overflow:hidden}.compare__viewport iframe{transform-origin:0 0;background:#fff;border:0;position:absolute;top:0;left:0}.compare__list{min-width:0;font-size:12px}.compare__list ul{flex-direction:column;gap:2px;margin:8px 0 0;padding:0;list-style:none;display:flex}.compare__verdict{margin:0;font-size:14px;font-weight:700}.compare__verdict--pass{color:#5ad68b}.compare__verdict--fail{color:var(--danger)}.compare__diff{cursor:pointer;border-radius:6px;grid-template-columns:56px 1fr;gap:2px 8px;padding:6px 8px;display:grid}.compare__diff:hover{background:var(--bg-3)}.compare__diff--active{background:var(--bg-3);outline:1px solid var(--accent)}.compare__kind{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-3);grid-row:span 2;padding-top:2px;font-size:10px}.compare__kind--missing{color:var(--danger)}.compare__kind--style{color:var(--ghost)}.compare__what{font-family:var(--mono);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.compare__detail{color:var(--fg-2)}.compare__empty{color:var(--fg-2);padding:24px}.history{flex-direction:column;width:min(760px,94vw);max-height:76vh;display:flex}.history__head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 14px;display:flex}.history__head h2{margin:0;font-size:15px}.history__head .spacer{flex:1}.history__list{margin:0;padding:6px;list-style:none;overflow:auto}.history__row{border-radius:6px;grid-template-columns:44px 1fr auto 76px;align-items:baseline;gap:10px;padding:6px 8px;font-size:12px;display:grid}.history__row:hover{background:var(--bg-3)}.history__row--undo .history__label,.history__row--redo .history__label{color:var(--fg-2);font-style:italic}.history__v{color:var(--fg-3);font-family:var(--mono);font-size:11px}.history__who{background:var(--bg-3);color:var(--fg-2);white-space:nowrap;border-radius:99px;padding:1px 7px;font-size:11px}.history__who--mcp{color:var(--ghost);background:#c29bff29}.history__at{color:var(--fg-3);text-align:right;font-size:11px}.history__empty,.history__hint{margin:0;padding:10px 14px}.connect__row{align-items:center;gap:8px;display:flex}.connect__row .field{flex:1}.connect__made{flex-direction:column;gap:8px;display:flex}.connect__made p{margin:0;font-size:12px}.connect__code{background:var(--bg);border:1px solid var(--line);font-family:var(--mono);word-break:break-all;border-radius:6px;padding:8px;font-size:11px;display:block}.connect__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.connect__list li{grid-template-columns:1fr auto auto;align-items:center;gap:8px;font-size:12px;display:grid}a.btn{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.topbar__back{white-space:nowrap}.pill--framework{border-style:dashed}.pill--framework:after{content:"fw";color:var(--ghost);margin-left:4px;font-size:9px}.styles__readonly{border:1px dashed var(--line);font-family:var(--mono);color:var(--fg-2);white-space:pre-wrap;border-radius:6px;max-height:40vh;margin:0;padding:8px;font-size:11px;overflow:auto}.fw{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);height:100%;min-height:0;display:grid}.fw--off{max-width:640px;padding:24px;display:block}.fw__form{border-right:1px solid var(--line);flex-direction:column;gap:14px;padding:12px;display:flex;overflow:auto}.fw__group{flex-direction:column;gap:6px;display:flex}.fw__group h4{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin:0;font-size:12px}.fw__colour{grid-template-columns:32px 1fr 1fr auto auto;align-items:center;gap:6px;display:grid}.fw__colour input[type=color]{border:1px solid var(--line);background:0 0;border-radius:4px;block-size:28px;inline-size:32px;padding:0}.fw__small{color:var(--fg-2);align-items:center;gap:4px;font-size:11px;display:flex}.fw__grid{grid-template-columns:90px 1fr 1fr;align-items:center;gap:4px 8px;font-size:12px;display:grid}.fw__pairs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;display:grid}.fw__pairs label{color:var(--fg-2);flex-direction:column;gap:3px;font-size:11px;display:flex}.fw__pairs label span{gap:4px;display:flex}.fw__headings{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.fw__headings label{color:var(--fg-2);flex-direction:column;gap:3px;font-size:11px;display:flex}.fw__variants{grid-template-columns:1.1fr 1fr 1fr 1fr 1fr auto;align-items:center;gap:4px;font-size:11px;display:grid}.fw__preview{flex-direction:column;gap:8px;min-height:0;padding:12px;display:flex}.fw__preview-head{justify-content:space-between;align-items:center;display:flex}.fw__theme{gap:4px;display:flex}.fw__specimen{min-height:0;border:1px solid var(--line);background:#fff;border-radius:6px;flex:1;inline-size:100%}.text-edit{align-items:flex-start;gap:4px;display:flex}.text-edit .field{flex:1}.media-pick,.link-edit{align-items:center;gap:6px;display:flex}.media-pick select,.link-edit .field{flex:1;min-width:0}.repeater{flex-direction:column;gap:6px;display:flex}.repeater__item{border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:4px;padding:6px;display:flex}.repeater__head{align-items:center;gap:2px;display:flex}.instance__slots{flex-direction:column;gap:4px;margin-top:8px;display:flex}.instance__slot{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.instance__actions{gap:6px;margin-top:10px;display:flex}.panel__sub{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin:0;font-size:11px}.variant-pills{margin-top:4px}.pill--new{color:var(--fg-3);border-style:dashed}.content-list{flex-direction:column;gap:14px;padding:12px;display:flex}.content-type__head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.content-table tr{cursor:pointer}.content-table tr:hover{background:var(--bg-3)}.content-table__actions{text-align:right;white-space:nowrap}.badge{background:var(--bg-3);color:var(--fg-2);border-radius:99px;padding:1px 6px;font-size:10px}.badge--draft{color:var(--ghost)}.record{flex-direction:column;gap:8px;max-width:760px;padding:12px 16px;display:flex}.record__head{align-items:center;gap:8px;display:flex}.record__row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.record__seo{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:8px;display:flex}.record__seo summary{cursor:pointer;color:var(--fg-2);font-size:12px}.checks{flex-wrap:wrap;gap:4px 12px;display:flex}.fieldlist{flex-direction:column;gap:6px;margin-block:8px;display:flex}.rich-summary{white-space:pre-wrap}.rt{border:1px solid var(--line);background:var(--bg);border-radius:6px}.rt__bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:2px;padding:4px;display:flex}.rt__style{width:auto}.rt__btn{min-width:26px;height:26px;color:var(--fg-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;font-weight:600}.rt__btn:hover{background:var(--bg-3)}.rt__btn--on{background:var(--bg-3);color:var(--fg);border-color:var(--line)}.rt__sep{background:var(--line);width:1px;height:18px;margin:0 4px}.rt__link{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.rt__link .field{flex:1;min-width:140px}.rt__content .ProseMirror{outline:none;min-height:120px;padding:10px 12px;font-size:13px;line-height:1.6}.rt__content .ProseMirror>*+*{margin-top:.6em}.rt__content .ProseMirror h2{font-size:18px}.rt__content .ProseMirror h3{font-size:16px}.rt__content .ProseMirror h4{font-size:14px}.rt__content .ProseMirror blockquote{border-left:3px solid var(--line);color:var(--fg-2);margin-left:0;padding-left:10px}.rt__content .ProseMirror a{color:var(--accent)}.rt__content .ProseMirror p{margin:0}.routes{flex-direction:column;gap:6px;padding:12px;display:flex}.route{border-left:2px solid var(--line);flex-direction:column;gap:4px;padding:4px 0 4px 8px;display:flex}.route__line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.route__line .field{width:auto;min-width:90px}.route__paging{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.route__paging .field{width:70px}.route__pages{font-family:var(--mono);font-size:11px}.query__filters{flex-direction:column;gap:4px;display:flex}.import__url{gap:6px;display:flex}.import__url .field:first-child{flex:1}.import__url select{width:auto}.pages{width:min(980px,96vw)}.pages__body{flex-direction:column;gap:12px;padding:12px;display:flex}.pages__new{border:1px solid var(--line);background:var(--bg-3);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.pages__new>.field{flex:200px}.pages__addr{align-items:center;gap:6px;font-size:12px;display:flex}.pages__addr .field{width:160px}.pages__list{flex-direction:column;display:flex}.pages__head,.pages__row{grid-template-columns:minmax(160px,1.2fr) minmax(200px,1.4fr) 110px auto;align-items:center;gap:8px;padding:4px 10px;display:grid}.pages__head{text-transform:uppercase;letter-spacing:.05em;font-size:11px}.pages__row{border-top:1px solid var(--line)}.pages__row:hover{background:var(--bg-3)}.pages__path{align-items:center;gap:2px;font-size:12px;display:flex}.pages__path .field{padding-inline:4px}.pages__actions{justify-content:flex-end;gap:2px;display:flex}.pages__other{border-top:1px solid var(--line);padding:4px 10px;font-size:12px;font-style:italic}.overlay--top{z-index:20}.media--over{outline:2px dashed var(--accent);outline-offset:-6px}.media__search{width:200px}.media__filter{color:var(--fg-2);align-items:center;gap:4px;font-size:12px;display:flex}.media__empty{text-align:center;padding:40px}.media__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:12px;list-style:none;display:grid}.media__item{flex-direction:column;gap:4px;min-width:0;display:flex}.media__thumb{aspect-ratio:4/3;border:1px solid var(--line);background:repeating-conic-gradient(var(--bg-3) 0 25%, var(--bg-2) 0 50%) 0 0 / 16px 16px;cursor:pointer;border-radius:6px;place-items:center;padding:0;display:grid;overflow:hidden}.media__thumb:hover{border-color:var(--fg-2)}.media__thumb img{object-fit:contain;width:100%;height:100%}.media__ext{text-transform:uppercase;color:var(--fg-2);font:600 13px/1 ui-monospace,monospace}.media__name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.media__meta{align-items:center;font-size:11px;display:flex}.client{grid-template-rows:44px 1fr;height:100%;display:grid}.client>.topbar{grid-area:auto}.client__body{grid-template-columns:minmax(380px,1fr) minmax(0,1.3fr);min-height:0;display:grid}.client__records{border-right:1px solid var(--line);background:var(--bg-2);overflow:auto}.client__preview{background:var(--bg);flex-direction:column;min-height:0;display:flex}.client__bar{border-bottom:1px solid var(--line);padding:6px 12px;font-size:12px}.client__frame{background:#fff;border:0;flex:1;width:100%}.client__note{padding:24px}@media (width<=900px){.client__body{grid-template-rows:auto minmax(420px,1fr);grid-template-columns:1fr;overflow:auto}.client__records{border-right:0;border-bottom:1px solid var(--line)}}.import__where{grid-template-columns:minmax(90px,160px) 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.import__where>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.import__plan{flex-direction:column;gap:6px;max-height:40vh;display:flex;overflow:auto}.fonts{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.fonts__list{flex-direction:column;display:flex}.fonts__list li{border-top:1px solid var(--line);grid-template-columns:minmax(180px,1fr) 2fr auto;align-items:center;gap:10px;padding:6px 0;display:grid}.fonts__name{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.inbox__empty{padding:32px}.inbox__list{gap:0;padding:0}.inbox__row{border-bottom:1px solid var(--line);cursor:pointer;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.inbox__row:hover,.inbox__row--open{background:var(--bg-3)}.inbox__row--new .inbox__gist{font-weight:700}.inbox__row--new{box-shadow:inset 3px 0 0 var(--accent)}.inbox__gist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inbox__fields{flex-direction:column;gap:10px;margin:0;display:flex}.inbox__fields dt{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-2);font-size:11px}.inbox__fields dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0}.settings__body{flex-direction:column;gap:22px;max-inline-size:760px;padding:16px 20px;display:flex}.settings__body .prop{grid-template-columns:120px 1fr}.prop--stack{grid-template-columns:1fr!important}.prop--stack textarea{min-block-size:110px}.pages__settings{border:1px solid var(--line);background:var(--bg-3);border-radius:8px;flex-direction:column;gap:6px;max-inline-size:640px;margin-block:2px 8px;padding:10px 12px;display:flex}.icon--on{color:var(--accent)}button.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.picker:has(.sites){max-width:760px}.sites{flex-direction:column;gap:8px;display:flex}.sites__head{align-items:center;gap:12px;display:flex}.sites__head h2{margin:0;font-size:15px}.sites__search{width:220px;margin-inline-start:auto}.sites__list{border:1px solid var(--line);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.sites__row{border-top:1px solid var(--line);background:var(--bg-2);grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:10px 12px;display:grid}.sites__row:first-child{border-top:0}.sites__row:hover{background:var(--bg-3)}.sites__main{flex-direction:column;gap:2px;min-width:0;display:flex}.sites__name{all:unset;cursor:pointer;font-size:14px;font-weight:600}.sites__name:hover{text-decoration:underline}.sites__meta,.sites__standing{font-size:12px}.sites__standing--live{color:#6fd08c}.sites__standing a{color:inherit}.sites__actions{gap:6px;display:flex}.sites__delete:hover{color:#ff8a80}.sites__confirm{background:#aa333314;border:1px solid #a33;border-radius:6px;flex-direction:column;grid-column:1/-1;gap:8px;padding:10px;display:flex}.sites__confirm p{margin:0}.html-panel{border-top:1px solid var(--line);background:var(--bg-2);flex-direction:column;flex:0 0 42%;min-height:180px;display:flex}.html-panel__head{border-bottom:1px solid var(--line);white-space:nowrap;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:6px 10px;font-size:12px;display:flex}.html-panel__error{color:#ff8a80;text-overflow:ellipsis;overflow:hidden}.html-panel__live{align-items:center;gap:4px;display:flex}.html-panel__code{flex:1;min-height:0;overflow:auto}.html-panel__code .cm-editor{border:0;border-radius:0;height:100%}.btn--active{color:var(--accent)}.is-dragging-tab,.is-dragging-tab *{cursor:grabbing!important}.alt__ai{border-bottom:1px solid var(--line);color:var(--fg-2);padding:10px 14px;font-size:12px}.alt__ai p{margin:0 0 8px}.alt__ask{align-items:flex-start;gap:8px;display:flex}.alt__ask code{background:var(--bg);white-space:normal;border-radius:6px;flex:1;padding:6px 8px;line-height:1.5}.alt__list{flex:1;min-height:0;padding:6px 14px;overflow:auto}.alt__row{border-bottom:1px solid var(--line);grid-template-columns:96px minmax(0,1fr) minmax(260px,1.2fr);align-items:start;gap:12px;padding:10px 0;display:grid}.alt__thumb{object-fit:contain;background:repeating-conic-gradient(#2a2e38 0 25%, #20242c 0 50%) 0 0 / 12px 12px;border-radius:4px;width:96px;height:72px}.alt__about{flex-direction:column;gap:3px;min-width:0;font-size:12px;display:flex}.alt__file{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alt__write{flex-direction:column;gap:4px;display:flex}.alt__write textarea{resize:vertical;width:100%}.alt__decorative{color:var(--fg-2);align-items:center;gap:4px;font-size:12px;display:flex}.alt__empty{padding:20px 14px}