:root{color-scheme:light;--canvas: #e9edf1;--paper: #ffffff;--raised: #ffffff;--sunken: #f4f6f8;--chrome: #0b2230;--ink: #101c25;--ink-2: #48596a;--ink-3: #7d8d9c;--on-chrome: #dbe6ee;--on-chrome-dim: #7d95a8;--edge: #dfe5ea;--edge-2: #eef1f4;--edge-strong: #c6d0d8;--brand: #0e8fc8;--brand-ink: #0a76a8;--brand-deep: #0b384f;--brand-wash: #e6f4fb;--brand-ring: rgba(14, 143, 200, .32);--live: #0f7a5f;--live-wash: #e2f3ee;--draft: #9a6a10;--draft-wash: #fbf1de;--danger: #c0362c;--danger-wash: #fbeceb;--lift-1: 0 1px 2px rgba(16, 28, 37, .06);--lift-2: 0 4px 12px -4px rgba(16, 28, 37, .14), 0 1px 3px rgba(16, 28, 37, .07);--lift-3: 0 18px 40px -18px rgba(16, 28, 37, .34), 0 2px 8px rgba(16, 28, 37, .08);--inset: inset 0 1px 2px rgba(16, 28, 37, .05);--ui: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-xs: 11.5px;--t-sm: 12.5px;--t-md: 13.5px;--t-base: 14.5px;--t-lg: 16px;--t-xl: 19px;--t-2xl: 24px;--t-3xl: 30px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--r-sm: 6px;--r-md: 9px;--r-lg: 13px;--r-xl: 18px;--r-full: 999px;--rail-w: 232px;--outline-w: 296px;--inspector-w: 340px;--topbar-h: 56px;--ease: cubic-bezier(.32, .72, 0, 1);--fast: .12s;--base: .2s}:root[data-theme=dark]{color-scheme:dark;--canvas: #070d12;--paper: #101a22;--raised: #16222c;--sunken: #0b141b;--chrome: #0a151d;--ink: #e6edf3;--ink-2: #9fb2c0;--ink-3: #6c8090;--on-chrome: #dbe6ee;--on-chrome-dim: #7d95a8;--edge: #21313d;--edge-2: #1a2731;--edge-strong: #2e414f;--brand-ink: #4fb4e2;--brand-wash: #0d2b3a;--brand-ring: rgba(53, 167, 217, .36);--live: #48c9a0;--live-wash: #0d2c25;--draft: #e0ae5c;--draft-wash: #2c2312;--danger: #f08379;--danger-wash: #2e1512;--lift-1: 0 1px 2px rgba(0, 0, 0, .4);--lift-2: 0 4px 12px -4px rgba(0, 0, 0, .6), 0 1px 3px rgba(0, 0, 0, .4);--lift-3: 0 18px 40px -18px rgba(0, 0, 0, .8), 0 2px 8px rgba(0, 0, 0, .5);--inset: inset 0 1px 2px rgba(0, 0, 0, .3)}@media (prefers-reduced-motion: reduce){:root{--fast: 1ms;--base: 1ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow-x:hidden}body{font-family:var(--ui);font-size:var(--t-base);line-height:1.5;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{color:var(--brand-ink);text-decoration:none}img{display:block;max-width:100%}svg{display:block;max-width:100%;width:16px;height:16px;flex:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--brand-ring)}*{scrollbar-width:thin;scrollbar-color:var(--edge-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--edge-strong);border:3px solid transparent;background-clip:content-box;border-radius:var(--r-full)}*::-webkit-scrollbar-thumb:hover{background-color:var(--ink-3);background-clip:content-box}.mono{font-family:var(--mono);font-size:.92em;letter-spacing:-.01em}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack{display:flex;flex-direction:column;gap:var(--s-3)}.row{display:flex;align-items:center;gap:var(--s-2)}.row--between{justify-content:space-between}.grow{flex:1;min-width:0}.shell{display:grid;grid-template-columns:var(--rail-w) 1fr;height:100%;overflow:hidden}.rail{display:flex;flex-direction:column;gap:var(--s-5);padding:var(--s-5) var(--s-3) var(--s-4);background:var(--chrome);color:var(--on-chrome);overflow-y:auto}.rail__brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2);padding:0 var(--s-2);color:#fff}.rail__brand-logo{height:26px;width:auto;flex:none}.rail__sub{font-size:var(--t-sm);color:var(--on-chrome-dim)}.rail__group{display:flex;flex-direction:column;gap:1px}.rail__label{padding:0 var(--s-3) var(--s-2);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--on-chrome-dim)}.rail__link{position:relative;display:flex;align-items:center;gap:var(--s-3);padding:8px var(--s-3);border-radius:var(--r-md);color:var(--on-chrome);font-size:var(--t-md);font-weight:500;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.rail__link svg{width:16px;height:16px;flex:none;opacity:.72}.rail__link:hover{background:#ffffff12}.rail__link[aria-current=page]{background:#ffffff1c;color:#fff}.rail__link[aria-current=page] svg{opacity:1;color:var(--brand)}.rail__count{margin-left:auto;font-family:var(--mono);font-size:var(--t-xs);color:var(--on-chrome-dim)}.rail__foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--s-2);padding-top:var(--s-4);border-top:1px solid rgba(255,255,255,.09)}.rail__me{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);width:100%;text-align:left;transition:background var(--fast) var(--ease)}.rail__me:hover{background:#ffffff12}.rail__avatar{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:var(--r-full);background:var(--brand);color:#fff;font-size:var(--t-sm);font-weight:600}.rail__email{font-size:var(--t-sm);color:var(--on-chrome)}.rail__role{font-family:var(--mono);font-size:var(--t-xs);color:var(--on-chrome-dim)}.main{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;overflow:hidden}.topbar{display:flex;align-items:center;gap:var(--s-3);height:var(--topbar-h);flex:none;padding:0 var(--s-5);background:var(--paper);border-bottom:1px solid var(--edge)}.topbar__title{font-size:var(--t-lg);font-weight:600;letter-spacing:-.015em}.topbar__crumb{display:flex;align-items:center;gap:var(--s-2);min-width:0}.topbar__sep{color:var(--ink-3)}.topbar--mobile,.topbar__menu,.topbar__insp{display:none}.screen{flex:1;overflow-y:auto;padding:var(--s-8) var(--s-8) var(--s-12)}.screen__inner{max-width:1080px;margin-inline:auto}.screen__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-5);margin-bottom:var(--s-6);flex-wrap:wrap}.screen__title{font-size:var(--t-2xl);font-weight:600;letter-spacing:-.02em}.screen__lead{color:var(--ink-2);font-size:var(--t-md);margin-top:2px;max-width:62ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:34px;padding:0 var(--s-4);border-radius:var(--r-md);border:1px solid transparent;font-size:var(--t-md);font-weight:550;white-space:nowrap;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:15px;height:15px;flex:none}.btn--primary{background:var(--brand-deep);color:#fff;box-shadow:var(--lift-1)}.btn--primary:hover:not(:disabled){background:#0d4763}.btn--accent{background:var(--brand);color:#fff;box-shadow:var(--lift-1)}.btn--accent:hover:not(:disabled){background:#0f9ddb}.btn--default{background:var(--paper);border-color:var(--edge);color:var(--ink);box-shadow:var(--lift-1)}.btn--default:hover:not(:disabled){border-color:var(--edge-strong);background:var(--sunken)}.btn--quiet{background:transparent;color:var(--ink-2)}.btn--quiet:hover:not(:disabled){background:var(--sunken);color:var(--ink)}.topbar .btn--theme{color:var(--ink)!important}.btn--theme svg{width:18px;height:18px}.rail .btn--quiet{color:var(--on-chrome)}.rail .btn--quiet svg{stroke-width:2}.rail .btn--quiet:hover:not(:disabled){background:#ffffff24;color:#fff}.btn--danger{background:var(--danger-wash);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn--sm{height:28px;padding:0 var(--s-3);font-size:var(--t-sm)}.btn--icon{width:34px;padding:0}.btn--icon.btn--sm{width:28px}.btn--block{width:100%}.btn--busy{position:relative;color:transparent!important}.btn--busy:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;color:#fff;animation:spin .62s linear infinite}.btn--default.btn--busy:after,.btn--quiet.btn--busy:after{color:var(--ink-2)}@keyframes spin{to{transform:rotate(360deg)}}.seg{display:inline-flex;padding:2px;gap:2px;border-radius:var(--r-md);background:var(--sunken);border:1px solid var(--edge)}.seg__b{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:6px;font-size:var(--t-sm);font-weight:550;color:var(--ink-2);transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.seg__b svg{width:14px;height:14px}.seg__b:hover{color:var(--ink)}.seg__b[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:var(--lift-1)}.field{display:flex;flex-direction:column;gap:5px}.field__label{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);font-weight:550;color:var(--ink-2)}.field__hint{font-size:var(--t-xs);color:var(--ink-3);line-height:1.45}.field__error{font-size:var(--t-xs);color:var(--danger);font-weight:550}.input,.textarea,.select{width:100%;min-height:34px;padding:7px 10px;border:1px solid var(--edge);border-radius:var(--r-md);background:var(--paper);color:var(--ink);font-size:var(--t-md);box-shadow:var(--inset);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.input:hover,.textarea:hover,.select:hover{border-color:var(--edge-strong)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.textarea{min-height:88px;resize:vertical;line-height:1.55}.input--mono{font-family:var(--mono);font-size:var(--t-sm)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237d8d9c' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:9px}.affix{display:flex;align-items:stretch;border:1px solid var(--edge);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--inset);overflow:hidden;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.affix:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.affix__pre{display:flex;align-items:center;padding:0 2px 0 10px;font-family:var(--mono);font-size:var(--t-sm);color:var(--ink-3);white-space:nowrap}.affix .input{border:0;box-shadow:none;border-radius:0;padding-left:2px}.affix .input:focus{box-shadow:none}.switch{position:relative;display:inline-flex;align-items:center;gap:var(--s-3);cursor:pointer}.switch__track{position:relative;width:34px;height:20px;flex:none;border-radius:var(--r-full);background:var(--edge-strong);transition:background var(--fast) var(--ease)}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--lift-1);transition:transform var(--fast) var(--ease)}.switch input:checked+.switch__track{background:var(--brand)}.switch input:checked+.switch__track:after{transform:translate(14px)}.switch input{position:absolute;opacity:0;width:0;height:0}.switch input:focus-visible+.switch__track{box-shadow:0 0 0 3px var(--brand-ring)}.stepper{display:flex;align-items:center;border:1px solid var(--edge);border-radius:var(--r-md);background:var(--paper);overflow:hidden}.stepper__b{width:26px;height:32px;display:grid;place-items:center;color:var(--ink-2);transition:background var(--fast) var(--ease)}.stepper__b:hover{background:var(--sunken);color:var(--ink)}.stepper__b svg{width:12px;height:12px}.stepper input{width:100%;min-width:0;border:0;text-align:center;font-family:var(--mono);font-size:var(--t-sm);background:none;padding:0}.stepper input:focus{outline:none}.stepper:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:26px;height:26px;border-radius:var(--r-sm);border:1px solid var(--edge-strong);position:relative;transition:transform var(--fast) var(--ease)}.swatch:hover{transform:scale(1.08)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--brand)}.swatch--auto{display:grid;place-items:center;font-family:var(--mono);font-size:10px;color:var(--ink-3);background:var(--sunken)}.badge{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;border-radius:var(--r-sm);font-family:var(--mono);font-size:var(--t-xs);font-weight:500;letter-spacing:.02em;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge--live{background:var(--live-wash);color:var(--live)}.badge--draft{background:var(--draft-wash);color:var(--draft)}.badge--neutral{background:var(--sunken);color:var(--ink-2)}.badge--plain:before{display:none}.panel{background:var(--paper);border:1px solid var(--edge);border-radius:var(--r-lg);box-shadow:var(--lift-1)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--edge-2)}.panel__title{font-size:var(--t-md);font-weight:600}.panel__body{padding:var(--s-5)}.empty{display:grid;justify-items:center;gap:var(--s-3);padding:var(--s-12) var(--s-6);text-align:center}.empty__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r-lg);background:var(--brand-wash);color:var(--brand-ink)}.empty__ic svg{width:22px;height:22px}.empty__t{font-size:var(--t-lg);font-weight:600}.empty__d{color:var(--ink-2);font-size:var(--t-md);max-width:46ch;line-height:1.6}.menu{position:fixed;z-index:60;min-width:184px;padding:var(--s-1);background:var(--raised);border:1px solid var(--edge);border-radius:var(--r-md);box-shadow:var(--lift-3)}.menu__i{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:7px 9px;border-radius:var(--r-sm);font-size:var(--t-md);text-align:left;color:var(--ink);transition:background var(--fast) var(--ease)}.menu__i svg{width:15px;height:15px;color:var(--ink-3);flex:none}.menu__i:hover,.menu__i:focus-visible{background:var(--sunken);outline:none}.menu__i--danger{color:var(--danger)}.menu__i--danger svg{color:var(--danger)}.menu__i--danger:hover{background:var(--danger-wash)}.menu__i kbd{margin-left:auto;font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3)}.menu__sep{height:1px;margin:var(--s-1) 0;background:var(--edge-2)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:var(--s-6);background:#0912196b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog{width:min(520px,100%);max-height:min(84vh,720px);display:flex;flex-direction:column;background:var(--raised);border-radius:var(--r-xl);box-shadow:var(--lift-3);overflow:hidden}.dialog--wide{width:min(920px,100%)}.dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);padding:var(--s-5) var(--s-5) var(--s-4)}.dialog__title{font-size:var(--t-lg);font-weight:600;letter-spacing:-.015em}.dialog__sub{margin-top:3px;font-size:var(--t-md);color:var(--ink-2);line-height:1.5}.dialog__body{padding:0 var(--s-5) var(--s-5);overflow-y:auto}.dialog__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--s-2);padding:var(--s-4) var(--s-5);border-top:1px solid var(--edge-2);background:var(--sunken)}.toasts{position:fixed;right:var(--s-5);bottom:var(--s-5);z-index:90;display:flex;flex-direction:column;gap:var(--s-2);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--s-3);min-width:260px;max-width:380px;padding:10px var(--s-4);border-radius:var(--r-md);background:var(--chrome);color:#fff;box-shadow:var(--lift-3);font-size:var(--t-md);pointer-events:auto}.toast svg{width:16px;height:16px;flex:none;margin-top:1px}.toast--ok svg{color:#58d6ae}.toast--err{background:var(--danger)}.toast__x{margin-left:auto;color:#fff9}.toast__x:hover{color:#fff}.signin{display:grid;place-items:center;min-height:100%;padding:var(--s-6);background:radial-gradient(1200px 600px at 50% -10%,rgba(14,143,200,.16),transparent 70%),var(--canvas)}.signin__card{width:min(400px,100%);padding:var(--s-8);background:var(--paper);border:1px solid var(--edge);border-radius:var(--r-xl);box-shadow:var(--lift-3);text-align:center}.signin__mark{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-lg);background:linear-gradient(150deg,var(--brand) 0%,var(--brand-deep) 100%);margin-bottom:var(--s-5)}.signin__mark svg{width:22px;height:22px;color:#fff}.signin__brand{display:flex;justify-content:center;margin-bottom:var(--s-5)}.signin__logo{height:32px;width:auto}.signin__logo--dark{display:none}:root[data-theme=dark] .signin__logo--light{display:none}:root[data-theme=dark] .signin__logo--dark{display:block}.signin__title{font-size:var(--t-xl);font-weight:600;letter-spacing:-.02em}.signin__sub{margin-top:4px;color:var(--ink-2);font-size:var(--t-md);line-height:1.55}.signin__form{display:flex;flex-direction:column;gap:var(--s-4);margin-top:var(--s-6);text-align:left}.signin__note{margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--edge-2);font-size:var(--t-sm);color:var(--ink-3);line-height:1.55;text-align:left}.notice{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--t-md);line-height:1.5}.notice svg{width:16px;height:16px;flex:none;margin-top:2px}.notice--err{background:var(--danger-wash);color:var(--danger)}.notice--info{background:var(--brand-wash);color:var(--brand-ink)}.notice--warn{background:var(--draft-wash);color:var(--draft)}.spaces{display:flex;flex-direction:column;gap:var(--s-6)}.tree{border:1px solid var(--edge);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--lift-1);overflow:hidden}.tree__head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--sunken);border-bottom:1px solid var(--edge)}.tree__name{font-weight:600;font-size:var(--t-md)}.tree__path{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3)}.prow{display:flex;align-items:center;gap:var(--s-3);padding:9px var(--s-4) 9px 0;border-bottom:1px solid var(--edge-2);background:var(--paper);transition:background var(--fast) var(--ease)}.prow:last-child{border-bottom:0}.prow:hover{background:var(--sunken)}.prow.is-dragging{box-shadow:var(--lift-3);border-radius:var(--r-md);border-bottom-color:transparent;opacity:.96}.prow.is-over{background:var(--brand-wash)}.prow__indent{display:flex;flex:none;align-self:stretch}.prow__guide{width:22px;border-right:1px solid var(--edge-2)}.prow__grip{display:grid;place-items:center;width:26px;height:28px;flex:none;color:var(--ink-3);cursor:grab;border-radius:var(--r-sm);opacity:0;transition:opacity var(--fast) var(--ease),background var(--fast) var(--ease)}.prow:hover .prow__grip,.prow__grip:focus-visible{opacity:1}.prow__grip:hover{background:var(--edge-2);color:var(--ink)}.prow__grip:active{cursor:grabbing}.prow__grip svg{width:13px;height:13px}.prow__twist{display:grid;place-items:center;width:20px;height:20px;flex:none;color:var(--ink-3);border-radius:var(--r-sm)}.prow__twist svg{width:11px;height:11px;transition:transform var(--fast) var(--ease)}.prow__twist[aria-expanded=true] svg{transform:rotate(90deg)}.prow__twist:hover{background:var(--edge-2);color:var(--ink)}.prow__link{display:flex;align-items:baseline;gap:var(--s-3);min-width:0;flex:1;color:inherit}.prow__title{font-weight:550;font-size:var(--t-md)}.prow__link:hover .prow__title{color:var(--brand-ink)}.prow__slug{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3)}.prow__meta{display:flex;align-items:center;gap:var(--s-3);flex:none}.prow__when{font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.prow__acts{display:flex;gap:2px;opacity:0;transition:opacity var(--fast) var(--ease)}.prow:hover .prow__acts,.prow:focus-within .prow__acts{opacity:1}.tree__foot{padding:var(--s-3) var(--s-4);border-top:1px solid var(--edge-2);background:var(--sunken)}.filters{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);flex-wrap:wrap}.search{position:relative;flex:1;min-width:220px;max-width:380px}.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--ink-3);pointer-events:none}.search .input{padding-left:31px}.editor{display:grid;grid-template-columns:var(--outline-w) 1fr var(--inspector-w);flex:1;min-height:0;background:var(--canvas)}.editor__pane{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--paper)}.editor__pane.is-squeezed{border-color:transparent}.editor__pane--left{border-right:1px solid var(--edge)}.editor__pane--right{border-left:1px solid var(--edge)}.editor__panehead{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--edge-2);flex:none}.editor__panetitle{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.editor__panebody{flex:1;min-height:0;overflow-y:auto;padding:var(--s-3)}.outline{position:relative;display:flex;flex-direction:column;gap:3px}.onode{position:relative;display:flex;align-items:center;gap:var(--s-2);padding:7px 8px 7px 4px;border-radius:var(--r-md);border:1px solid transparent;background:var(--paper);transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease)}.onode:hover{background:var(--sunken)}.onode.is-selected{background:var(--brand-wash);border-color:var(--brand-ring)}.onode.is-dragging{box-shadow:var(--lift-3);background:var(--paper);border-color:var(--edge);z-index:2}.onode.is-hidden .onode__name{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--edge-strong)}.onode__grip{display:grid;place-items:center;width:18px;height:26px;flex:none;color:var(--ink-3);cursor:grab;opacity:0;transition:opacity var(--fast) var(--ease)}.onode:hover .onode__grip,.onode__grip:focus-visible{opacity:1}.onode__grip svg{width:12px;height:12px}.onode__n{width:20px;flex:none;font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums}.onode.is-selected .onode__n{color:var(--brand-ink)}.onode__ic{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:var(--r-sm);background:var(--sunken);color:var(--ink-2)}.onode.is-selected .onode__ic{background:var(--brand);color:#fff}.onode__ic svg{width:13px;height:13px}.onode__text{flex:1;min-width:0}.onode__name{font-size:var(--t-md);font-weight:550;line-height:1.3}.onode__type{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3)}.onode__acts{display:flex;gap:1px;opacity:0;flex:none;transition:opacity var(--fast) var(--ease)}.onode:hover .onode__acts,.onode:focus-within .onode__acts,.onode.is-selected .onode__acts{opacity:1}.canvas{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;background:var(--canvas);overflow:hidden}.canvas__bar{display:flex;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);flex:none;border-bottom:1px solid var(--edge);background:color-mix(in srgb,var(--paper) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas__hint{position:absolute;left:50%;bottom:var(--s-4);transform:translate(-50%);padding:5px 12px;border-radius:var(--r-full);background:var(--chrome);color:#ffffffdb;font-size:var(--t-xs);box-shadow:var(--lift-2);pointer-events:none}.canvas__stage{flex:1;min-height:0;display:grid;place-items:start center;padding:var(--s-5);overflow:auto}.canvas__zoomwrap{position:relative;width:100%;height:100%}.canvas__sheet{position:relative;width:100%;max-width:var(--sheet-w, 100%);height:100%;border-radius:var(--r-lg);overflow:hidden;background:var(--paper);box-shadow:var(--lift-3);transition:max-width var(--base) var(--ease)}.canvas__sheet.is-resizing{transition:none}.canvas__sheet.is-resizing iframe{pointer-events:none}.canvas__sheet iframe{width:100%;height:100%;border:0;display:block}.canvas__handle{position:absolute;top:0;bottom:0;width:10px;cursor:ew-resize;touch-action:none;z-index:3}.canvas__handle--l{left:-5px}.canvas__handle--r{right:-5px}.canvas__handle:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:36px;transform:translate(-50%,-50%);border-radius:var(--r-full);background:var(--edge-strong);opacity:0;transition:opacity var(--fast) var(--ease)}.canvas__handle:hover:after,.canvas__handle:active:after{opacity:1}.zoombar{display:flex;align-items:center;gap:var(--s-2)}.zoombar__track{position:relative;width:96px;height:4px;border-radius:var(--r-full);background:var(--edge-2);cursor:pointer}.zoombar__fill{position:absolute;inset:0 auto 0 0;border-radius:var(--r-full);background:var(--brand)}.zoombar__thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--brand);box-shadow:var(--lift-2);transform:translate(-50%,-50%);pointer-events:none}.zoombar__pct{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3);width:34px;text-align:right;font-variant-numeric:tabular-nums}.canvas__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--canvas);color:var(--ink-3);font-size:var(--t-md);transition:opacity var(--base) var(--ease)}.tabs{display:flex;gap:2px;padding:var(--s-2) var(--s-3) 0;border-bottom:1px solid var(--edge-2);flex:none}.tabs__t{position:relative;padding:7px 11px 9px;font-size:var(--t-md);font-weight:550;color:var(--ink-3);border-radius:var(--r-sm) var(--r-sm) 0 0;transition:color var(--fast) var(--ease)}.tabs__t:hover,.tabs__t[aria-selected=true]{color:var(--ink)}.tabs__ink{position:absolute;bottom:-1px;height:2px;background:var(--brand);border-radius:2px 2px 0 0;transition:transform var(--base) var(--ease),width var(--base) var(--ease)}.insp{display:flex;flex-direction:column;gap:var(--s-5)}.insp__group{display:flex;flex-direction:column;gap:var(--s-3)}.insp__legend{display:flex;align-items:center;gap:var(--s-2);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.insp__legend:after{content:"";flex:1;height:1px;background:var(--edge-2)}.insp__pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.insp__rowlabel{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:var(--s-3)}.insp__rowlabel>.field__label{margin:0}.rep{display:flex;flex-direction:column;gap:var(--s-2)}.repitem{border:1px solid var(--edge);border-radius:var(--r-md);background:var(--paper);overflow:hidden}.repitem__head{display:flex;align-items:center;gap:var(--s-2);padding:6px 6px 6px 4px;background:var(--sunken)}.repitem__grip{display:grid;place-items:center;width:18px;height:24px;color:var(--ink-3);cursor:grab;flex:none}.repitem__grip svg{width:12px;height:12px}.repitem__label{flex:1;min-width:0;font-size:var(--t-sm);font-weight:550}.repitem__n{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3)}.repitem__body{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-3);border-top:1px solid var(--edge-2)}.repitem.is-dragging{box-shadow:var(--lift-2);z-index:2}.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s-2)}.pcard{display:flex;flex-direction:column;gap:7px;padding:var(--s-3);border:1px solid var(--edge);border-radius:var(--r-md);background:var(--paper);text-align:left;transition:border-color var(--fast) var(--ease),transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.pcard:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:var(--lift-2)}.pcard__ic{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-sm);background:var(--brand-wash);color:var(--brand-ink)}.pcard__ic svg{width:15px;height:15px}.pcard__n{font-size:var(--t-md);font-weight:600}.pcard__d{font-size:var(--t-xs);color:var(--ink-2);line-height:1.45}.iconpick{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--s-2)}.iconpick__b{display:grid;justify-items:center;gap:6px;padding:var(--s-3) var(--s-2);border:1px solid var(--edge);border-radius:var(--r-md);background:var(--paper);color:var(--ink-2);transition:border-color var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--fast) var(--ease)}.iconpick__b svg{width:22px;height:22px}.iconpick__b span{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3)}.iconpick__b:hover{border-color:var(--brand);color:var(--brand-ink);transform:translateY(-1px)}.iconpick__b.is-picked{border-color:var(--brand);color:var(--brand-ink);box-shadow:0 0 0 2px var(--brand-ring)}.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--s-3)}.mcard{position:relative;border:1px solid var(--edge);border-radius:var(--r-md);background:var(--paper);overflow:hidden;text-align:left;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.mcard:hover{border-color:var(--brand);box-shadow:var(--lift-2)}.mcard.is-picked{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-ring)}.mcard__thumb{aspect-ratio:4 / 3;background:var(--sunken) repeating-conic-gradient(var(--edge-2) 0% 25%,transparent 0% 50%) 50% / 16px 16px;display:grid;place-items:center}.mcard__thumb img{width:100%;height:100%;object-fit:contain}.mcard__meta{padding:7px 9px 9px;border-top:1px solid var(--edge-2)}.mcard__name{font-size:var(--t-sm);font-weight:550}.mcard__dim{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3)}.mcard__noalt{position:absolute;top:6px;right:6px}.drop{display:grid;place-items:center;gap:var(--s-2);padding:var(--s-8);border:1.5px dashed var(--edge-strong);border-radius:var(--r-lg);background:var(--sunken);color:var(--ink-2);text-align:center;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.drop.is-over{border-color:var(--brand);background:var(--brand-wash)}.mediapick{display:grid;grid-template-rows:auto 1fr;gap:var(--s-4);min-height:380px}.imgfield{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2);border:1px solid var(--edge);border-radius:var(--r-md);background:var(--paper)}.imgfield__t{width:46px;height:46px;flex:none;border-radius:var(--r-sm);background:var(--sunken);display:grid;place-items:center;overflow:hidden}.imgfield__t img{width:100%;height:100%;object-fit:cover}.imgfield__t svg{width:18px;height:18px;color:var(--ink-3)}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,var(--sunken) 0%,var(--edge-2) 50%,var(--sunken) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}.btn--busy:after{animation-duration:1.6s}}.center{display:grid;place-items:center;min-height:100%;padding:var(--s-8)}@media (max-width: 1200px){.editor{grid-template-columns:var(--outline-w) 1fr}.editor__pane--right{position:fixed;top:0;right:0;bottom:0;width:min(360px,92vw);z-index:50;box-shadow:var(--lift-3);transform:translate(100%);transition:transform var(--base) var(--ease)}.editor__pane--right.is-open{transform:none}.topbar__insp{display:inline-flex}}@media (max-width: 900px){.shell{grid-template-columns:1fr}.rail{position:fixed;inset:0 auto 0 0;width:var(--rail-w);z-index:55;transform:translate(-100%);transition:transform var(--base) var(--ease)}.rail.is-open{transform:none}.topbar--mobile{display:flex}.editor{grid-template-columns:1fr}.editor__pane--left{position:fixed;top:0;left:0;bottom:0;width:min(320px,92vw);z-index:50;box-shadow:var(--lift-3);transform:translate(-100%);transition:transform var(--base) var(--ease)}.editor__pane--left.is-open{transform:none}.topbar__menu{display:inline-flex}.screen{padding:var(--s-5) var(--s-4) var(--s-10)}}.sheetscrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0912194d}@media (min-width: 1201px){.sheetscrim{display:none}}