:root{--grey-0: #ffffff;--grey-25: #fafafc;--grey-50: #f4f4f7;--grey-100: #eaeaf0;--grey-150: #e9e9ed;--grey-200: #dbdbe1;--grey-300: #c4c5cd;--grey-500: #8b8d96;--grey-600: #6e7079;--grey-700: #4c4e57;--grey-800: #33343a;--grey-900: #1c1d21;--app-bg: var(--grey-50);--rail-bg: var(--grey-100);--card: var(--grey-0);--surface: #f8f8fa;--surface-hover: var(--grey-25);--inset: #f1f1f4;--field: var(--card);--pattern-ink: #272756;--pattern-opacity: .08;--ms-button-bg: #ffffff;--ms-button-hover: #f3f3f3;--ms-button-ink: #5e5e5e;--ms-button-line: #8c8c8c;--ink: var(--grey-900);--ink-soft: var(--grey-800);--body: var(--grey-700);--muted: var(--grey-600);--muted-soft: var(--grey-500);--on-accent: #ffffff;--line: var(--grey-150);--line-soft: #f0f0f3;--line-strong: var(--grey-200);--accent: #3d6ed6;--accent-ink: #2c58b4;--accent-soft: #edf2fd;--accent-line: #cedcf8;--ok: #2f7a37;--ok-soft: #ecf5ec;--ok-line: #cee4d0;--warn: #9a6112;--warn-soft: #fdf4e6;--warn-line: #f2e0c1;--danger: #b3392a;--danger-soft: #fdf1ef;--danger-line: #eed3cd;--info: #5b5ea6;--info-soft: #eeeefc;--radius-card: 14px;--radius-panel: 12px;--radius-ctl: 8px;--radius-sm: 6px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgb(21 22 28 / 4.5%);--shadow-raised: 0 1px 3px rgb(21 22 28 / 10%), 0 0 0 1px rgb(21 22 28 / 4%);--shadow-pop: 0 16px 40px rgb(21 22 28 / 13%), 0 2px 8px rgb(21 22 28 / 6%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--control-y: 9px;--field-control-height: 38px;--info-control-size: 16px;--panel-pad: 22px;--page-x: 28px;--font: Inter, "Segoe UI", system-ui, sans-serif;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 18px;--text-xl: 26px;--text-h2: 15px;--ease: cubic-bezier(.2, 0, 0, 1);--spring: cubic-bezier(.34, 1.4, .5, 1);--fast: .12s;--slow: .22s;--rail-w: 290px;--inspector-w: 340px;--topbar-h: 64px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--app-bg: #111317;--rail-bg: #0e1013;--card: #1b1e24;--surface: #252930;--surface-hover: #30353e;--inset: #282d34;--field: #2c3139;--pattern-ink: #a9b0e0;--pattern-opacity: .07;--ms-button-bg: #2f2f2f;--ms-button-hover: #3a3a3a;--ms-button-ink: #ffffff;--ms-button-line: #2f2f2f;--ink: #f2f2f0;--ink-soft: #e0e1df;--body: #c3c6c9;--muted: #9fa5aa;--muted-soft: #838b93;--line: #343a42;--line-soft: #2b3037;--line-strong: #49525d;--accent: #7b9ff0;--accent-ink: #a9c1f7;--accent-soft: #1a2438;--accent-line: #2c3d63;--on-accent: #211c17;--ok: #87be91;--ok-soft: #203026;--ok-line: #385342;--warn: #d8ab68;--warn-soft: #352a1d;--warn-line: #5b452d;--danger: #df8c84;--danger-soft: #392424;--danger-line: #603b3d;--info: #b1a9c8;--info-soft: #302b3d;--shadow-card: 0 1px 2px rgb(0 0 0 / 45%);--shadow-raised: 0 1px 3px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 5%);--shadow-pop: 0 16px 40px rgb(0 0 0 / 60%), 0 2px 8px rgb(0 0 0 / 45%);color-scheme:dark}}:root[data-theme=dark]{--app-bg: #111317;--rail-bg: #0e1013;--card: #1b1e24;--surface: #252930;--surface-hover: #30353e;--inset: #282d34;--field: #2c3139;--pattern-ink: #a9b0e0;--pattern-opacity: .07;--ms-button-bg: #2f2f2f;--ms-button-hover: #3a3a3a;--ms-button-ink: #ffffff;--ms-button-line: #2f2f2f;--ink: #f2f2f0;--ink-soft: #e0e1df;--body: #c3c6c9;--muted: #9fa5aa;--muted-soft: #838b93;--line: #343a42;--line-soft: #2b3037;--line-strong: #49525d;--accent: #7b9ff0;--accent-ink: #a9c1f7;--accent-soft: #1a2438;--accent-line: #2c3d63;--on-accent: #211c17;--ok: #87be91;--ok-soft: #203026;--ok-line: #385342;--warn: #d8ab68;--warn-soft: #352a1d;--warn-line: #5b452d;--danger: #df8c84;--danger-soft: #392424;--danger-line: #603b3d;--info: #b1a9c8;--info-soft: #302b3d;--shadow-card: 0 1px 2px rgb(0 0 0 / 45%);--shadow-raised: 0 1px 3px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 5%);--shadow-pop: 0 16px 40px rgb(0 0 0 / 60%), 0 2px 8px rgb(0 0 0 / 45%);color-scheme:dark}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important}}:root{font-family:var(--font);color:var(--ink);background:var(--app-bg);font-synthesis:none;font-size:var(--text-md);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;background:var(--app-bg)}button,input,select,textarea{font:inherit}button{border:1px solid var(--line-strong);background:var(--card);border-radius:var(--radius-ctl);padding:var(--control-y) 13px;cursor:pointer;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.2;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--fast) var(--ease)}button:hover{background:var(--inset)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.primary:hover{background:var(--accent-ink);color:var(--on-accent)}.primary.danger{background:var(--danger);border-color:var(--danger)}.primary.danger:hover{background:color-mix(in oklab,var(--danger) 85%,black)}.subtle{background:none;border-color:transparent;color:var(--muted)}.danger-outline{color:var(--danger);border-color:var(--danger-line)}.danger-outline:hover{background:var(--danger-soft)}button.link{border:0;background:none;padding:0;color:var(--accent);font-size:var(--text-sm);justify-content:flex-start}button.link:hover{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}.icon-button{width:28px;height:28px;padding:0;border-color:transparent;background:none;color:var(--muted-soft)}.icon-button:hover{color:var(--ink);background:var(--inset)}.icon{flex:none;display:inline-block}input,select,textarea{border:1px solid var(--line-strong);border-radius:var(--radius-ctl);padding:var(--control-y) 12px;line-height:1.2;background:var(--field);color:var(--ink-soft);max-width:100%;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}input,textarea,select{width:100%}input:not([type=checkbox]),select{height:var(--field-control-height)}textarea{resize:vertical;line-height:1.5}select{appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b8d96' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9.5 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;cursor:pointer}input:hover,select:hover,textarea:hover{border-color:var(--grey-300)}input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}a{color:var(--accent-ink);text-decoration:none}p a:hover{text-decoration:underline;text-underline-offset:2px}h1,h2,h3,p{margin-top:0}h2{font-size:var(--text-h2);font-weight:620}p{line-height:1.65;color:var(--body)}small{font-size:var(--text-sm);color:var(--muted)}.muted{color:var(--muted)}.empty-note{margin:var(--space-2) 0;color:var(--muted);font-size:var(--text-base)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.status{--tag: var(--muted);display:inline-block;padding:3px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;line-height:1.3;white-space:nowrap;background:color-mix(in srgb,var(--tag) 14%,var(--card));border:1px solid color-mix(in srgb,var(--tag) 38%,var(--card));color:color-mix(in srgb,var(--tag) 78%,var(--ink))}.status.accent{--tag: var(--accent)}.status.ok{--tag: var(--ok)}.status.warn{--tag: var(--warn)}.status.danger{--tag: var(--danger)}.count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:var(--radius-sm);background:var(--line);color:var(--muted);font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums}.segments{display:inline-flex;gap:3px;background:var(--rail-bg);border-radius:var(--radius-ctl);padding:4px;flex-wrap:wrap}.segments button{background:none;border:0;padding:7px var(--space-3);font-size:var(--text-sm);color:var(--muted)}.segments button:hover{color:var(--ink)}.segments button[aria-pressed=true]{background:var(--card);box-shadow:var(--shadow-raised);color:var(--ink)}.notice{border:1px solid var(--danger-line);background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-ctl);padding:var(--space-3) 14px;margin:0 0 var(--space-4);font-size:var(--text-sm);line-height:1.5;animation:drop-in var(--slow) var(--spring)}.notice.warn{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}.info{display:inline-flex;vertical-align:middle;flex:none}button.info-button{display:grid;place-items:center;width:var(--info-control-size);height:var(--info-control-size);padding:0;border:1px solid var(--line-strong);border-radius:50%;background:transparent;color:var(--muted)}.info-button>span{font:600 10px / 1 var(--font)}button.info-button:hover,button.info-button[aria-expanded=true]{background:var(--inset);color:var(--ink)}.info-popover{-webkit-user-select:text;user-select:text;position:fixed;inset:auto;margin:0;width:300px;max-width:calc(100vw - 24px);padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:var(--card);color:var(--ink-soft);box-shadow:var(--shadow-pop);font-size:var(--text-sm);font-weight:400;line-height:1.6;text-align:left;text-transform:none;letter-spacing:normal;white-space:normal}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{width:26px;height:26px;flex-shrink:0}.wordmark{font-size:23px;font-weight:750;letter-spacing:.02em;color:var(--accent-ink)}.welcome{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;display:grid;place-items:center;padding:24px}.welcome-pattern{position:absolute;inset:-161px -127px;z-index:-1;background:var(--pattern-ink);opacity:var(--pattern-opacity);-webkit-mask:url(/lexicon-pattern.png) 0 0 / 127px 161px repeat;mask:url(/lexicon-pattern.png) 0 0 / 127px 161px repeat;animation:pattern-drift 24s linear infinite}@keyframes pattern-drift{to{transform:translate(127px,161px)}}.welcome-card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:42px;box-shadow:var(--shadow-pop);animation:pop-in var(--slow) var(--spring)}.welcome-card .brand{margin-bottom:34px}.welcome-card .brand-mark{width:34px;height:34px}.welcome-card h1{margin-bottom:26px;font-size:var(--text-xl);font-weight:620;letter-spacing:-.035em;line-height:1.25}.ms-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:42px;padding:0 14px;font-family:"Segoe UI",var(--font);font-size:15px;font-weight:600;background:var(--ms-button-bg);color:var(--ms-button-ink);border:1px solid var(--ms-button-line)}.ms-button:hover:not(:disabled){background:var(--ms-button-hover);color:var(--ms-button-ink)}.ms-logo{flex-shrink:0}.app-shell{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);height:100vh;height:100dvh}.sidebar{background:var(--rail-bg);padding:24px 16px 16px;display:flex;flex-direction:column;gap:22px;min-height:0}.sidebar>.brand{padding:0 8px}.sidebar-tabs{display:grid;grid-template-columns:1fr 1fr;background:color-mix(in srgb,var(--ink) 5%,transparent)}.sidebar-tabs button{gap:6px}.sidebar-tabs .icon{color:var(--muted-soft)}.sidebar-tabs button[aria-pressed=true] .icon{color:var(--accent)}.tab-count{min-width:18px;padding:1px 5px;border-radius:var(--radius-pill);background:var(--warn-soft);color:var(--warn);font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums}.sidebar-panel{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -8px;padding:0 8px}.sidebar-bottom{display:grid;gap:var(--space-2)}.sidebar-link{justify-content:flex-start;gap:12px;padding:9px 12px;border-color:transparent;background:none;color:var(--body)}.sidebar-link .icon{color:var(--muted-soft)}.sidebar-link:hover{background:var(--surface-hover);color:var(--ink)}.account-button{width:100%;justify-content:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--card);text-align:left}.account-button-copy{min-width:0;display:grid;gap:2px}.account-button-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:600}.account-button-copy small{font-size:var(--text-xs)}.avatar{display:grid;place-items:center;background:var(--accent-line);border-radius:50%;height:30px;width:30px;flex-shrink:0;color:var(--accent-ink);font-size:var(--text-sm);font-weight:600}.avatar.large{height:42px;width:42px;font-size:16px}.account-identity{display:flex;align-items:center;gap:var(--space-3)}.account-identity p{margin:2px 0 0;font-size:var(--text-sm)}.appearance-group{border:0;padding:0;margin:0;display:grid;gap:var(--space-2)}.appearance-group legend{font-size:var(--text-sm);font-weight:600;color:var(--ink);padding:0 0 var(--space-2)}.appearance-group .segments{justify-self:start}.account-actions{display:grid}.account-actions>button{justify-content:flex-start;min-height:var(--field-control-height)}.account-signout{color:var(--danger);border-color:var(--danger-line)}.account-signout:hover{background:var(--danger-soft)}.workspace{display:grid;grid-template-rows:var(--topbar-h) minmax(0,1fr);min-width:0;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--page-x);background:var(--card);border-bottom:1px solid var(--line);box-shadow:var(--shadow-card);z-index:2}.topbar-start{display:flex;align-items:center;gap:var(--space-3);min-width:0}.topbar h1{margin:0;font-size:var(--text-lg);font-weight:620;letter-spacing:-.02em;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.studio-body{display:grid;grid-template-columns:minmax(0,1fr) var(--inspector-w);min-height:0}.canvas{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.canvas-scroll{flex:1;overflow:auto;overscroll-behavior:contain;padding:var(--space-6) var(--page-x) var(--space-8)}.inspector{background:var(--card);border-left:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain;padding:var(--panel-pad)}.queue-panel{display:grid;gap:var(--space-5)}.queue-section{display:grid;gap:var(--space-2)}.queue-head{display:flex;align-items:center;gap:var(--space-2);padding:0 4px}.queue-head h3{margin:0;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.queue-head-action{margin-left:auto;white-space:nowrap}.queue{list-style:none;margin:0;padding:0;display:grid;gap:2px}.queue li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:8px 10px;border-radius:var(--radius-ctl);border-left:3px solid var(--line-strong);background:color-mix(in srgb,var(--card) 55%,transparent)}.queue.override_pending li{border-left-color:var(--warn)}.queue.needs_placement li{border-left-color:var(--accent)}.queue.invalid li{border-left-color:var(--danger)}.queue.override_satisfied li{border-left-color:var(--ok)}.queue.warnings li{border-left-color:var(--line-strong)}.queue-copy{display:grid;gap:1px;min-width:0;text-align:left}.queue-select{flex:1;justify-content:flex-start;padding:0;border:0;background:none;color:var(--ink-soft)}.queue-select:hover{background:none;color:var(--accent-ink)}.queue-name{font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue small{font-size:var(--text-xs);line-height:1.45}.version-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.version-row{display:flex;align-items:center;gap:2px}.version-entry{flex:1;width:100%;min-width:0;justify-content:space-between;gap:var(--space-3);padding:9px 12px;border-color:transparent;background:none;color:var(--body);font-size:var(--text-base)}.version-entry:hover{background:var(--surface-hover);color:var(--ink)}.version-entry.selected{background:var(--accent-soft);color:var(--accent-ink);box-shadow:var(--shadow-raised)}.version-name{white-space:nowrap}.skeleton-list{display:grid;gap:var(--space-4);padding:var(--space-2) 4px}.skeleton-line{display:block;height:.8em;border-radius:var(--radius-pill);background:var(--inset);opacity:.65;animation:skeleton-pulse 1.4s ease-in-out infinite alternate}@keyframes skeleton-pulse{to{opacity:.3}}.loading-card{display:grid;gap:var(--space-4);min-height:140px}.inspector h2{margin:0 0 2px;font-size:var(--text-lg);letter-spacing:-.02em}.inspector-head{padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--line)}.inspector-head p,.inspector-empty p{margin:0;color:var(--muted);font-size:var(--text-base)}.inspector-section{display:grid;gap:var(--space-5);padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--line)}.inspector-section:last-of-type{border-bottom:0}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:550;color:var(--ink-soft)}.field small{font-size:var(--text-xs)}.checkbox-row{display:flex;align-items:center;gap:6px}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);cursor:pointer}.disclosure{justify-self:start;gap:6px;padding:0;border:0;background:none;color:var(--ink-soft);font-size:var(--text-base);font-weight:550}.disclosure:hover{background:none;color:var(--ink)}.disclosure .icon{color:var(--muted-soft)}.disclosure-body{display:grid;gap:var(--space-5)}.disclosure-body .notice{margin:0}.inspector-actions{display:grid;gap:var(--space-2)}.chart{display:flex;flex-direction:column;gap:var(--space-5);min-width:min-content}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.block{padding:var(--space-5)}.block header{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--line-soft)}.block header h2{margin:0;font-size:var(--text-h2);letter-spacing:-.01em;line-height:1.3}.block header .who{color:var(--muted);font-size:var(--text-base)}.block-title{padding:0;border:0;border-radius:0;background:none;font:inherit;color:var(--ink);border-bottom:1px solid transparent}.block-title:hover{background:none;border-bottom-color:var(--accent)}.block-title[aria-pressed=true]{background:none;color:var(--accent-ink);border-bottom-color:var(--accent)}.block-hint{color:var(--muted);font-size:var(--text-sm);margin:0 0 var(--space-3)}.block-empty{color:var(--muted);font-size:var(--text-base);margin:0}.band-row{display:flex;align-items:stretch;overflow-x:auto;padding-bottom:var(--space-2)}.band-item{display:flex;align-items:stretch}.band-row .node{width:16rem}.columns{display:flex;gap:var(--space-3);align-items:flex-start;flex-wrap:wrap}.column{flex:0 0 auto;min-width:17rem;border:1px dashed var(--line-strong);border-radius:var(--radius-panel);padding:var(--space-2);background:var(--surface)}.column .node{max-width:16rem}.column .side-box .node{max-width:13rem}.column.spare{background:none;border-color:transparent}.column.spare:hover{border-color:var(--line-strong)}.column-head{padding:2px 4px var(--space-2)}.column-head .eyebrow{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-soft)}.column-empty{color:var(--muted);font-size:var(--text-sm);text-align:center;padding:var(--space-3) 0;margin:0}.node{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;width:100%;text-align:left;background:var(--card);border:1px solid var(--line-strong);border-left:3px solid var(--line-strong);border-radius:var(--radius-ctl);padding:9px 12px;box-shadow:var(--shadow-card);color:var(--ink);cursor:grab;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.node:hover{background:var(--surface-hover);border-color:var(--accent-line);box-shadow:var(--shadow-raised)}.node:active:not(:disabled){transform:none}.node[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}.node.dragging{opacity:.4;cursor:grabbing}.node.vacancy,.node.external{border-style:dashed;background:var(--surface)}.node.overridden{border-left-color:var(--warn)}.node.unplaced{border-left-color:var(--accent)}.node.sideways{cursor:pointer}.node-name{font-size:var(--text-base);font-weight:600;letter-spacing:-.005em}.node-title{color:var(--muted);font-size:var(--text-sm)}.node-flags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:6px}.subtree{list-style:none;margin:var(--space-2) 0 0 var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--line-strong);display:flex;flex-direction:column;gap:var(--space-2)}.subtree-zone{list-style:none}.dropzone{height:var(--space-2);border-radius:var(--radius-sm);transition:height var(--fast) var(--ease)}.band-row .dropzone{height:auto;width:var(--space-2);align-self:stretch}.dropzone.armed{height:1.75rem;margin:2px 0;background:var(--accent-soft);border:1px dashed var(--accent-line)}.band-row .dropzone.armed{height:auto;width:1.75rem;margin:0 2px}.dropzone.over{height:3rem;background:var(--accent-soft);border:2px dashed var(--accent)}.band-row .dropzone.over{height:auto;width:3rem}.with-side{display:flex;align-items:center}.with-side.header>:first-child{flex:0 1 auto;min-width:0}.with-side.card>:first-child{flex:0 0 16rem;min-width:0}.side-boxes{display:flex;flex-direction:column;gap:var(--space-2);flex:0 0 auto}.side-box{display:flex;align-items:center}.side-link{display:block;width:var(--space-4);flex:0 0 auto;border-top:1px solid var(--line-strong)}.side-link.dotted{border-top-style:dashed}.side-box .node{width:13rem}.preview{flex:1;display:flex;flex-direction:column;gap:var(--space-4);min-height:0;padding:var(--space-6) var(--page-x);overflow:auto}.preview-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.preview-pdf{flex:1;width:100%;min-height:32rem;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card)}.preview-pdf p{padding:var(--space-4)}.preview-frame{padding:var(--space-4);overflow:auto}.preview-frame svg{max-width:100%;height:auto;display:block}.modal{border:0;border-radius:var(--radius-card);padding:0;width:min(480px,calc(100vw - 32px));background:var(--card);box-shadow:var(--shadow-pop);color:var(--ink)}.modal.wide{width:min(760px,calc(100vw - 32px))}.modal[open]{animation:pop-in var(--slow) var(--spring)}.modal::backdrop{background:#18191f70}.modal[open]::backdrop{animation:fade-in var(--slow) var(--ease)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:20px 22px 14px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:16px}.modal-head small{display:block;margin-top:4px}.modal-head .close{width:28px;height:28px;padding:0;border:0;background:none;color:var(--muted)}.modal-head .close:hover{background:var(--inset);color:var(--ink)}.modal-body{padding:20px 22px;display:grid;gap:var(--space-5);max-height:min(66vh,640px);overflow-y:auto}.modal-body p{margin:0}.modal-body h3{margin:0;font-size:var(--text-md);font-weight:620}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 18px;border-top:1px solid var(--line)}.help-list{margin:0;display:grid;grid-template-columns:11rem 1fr;gap:var(--space-3) var(--space-5)}.help-list dt{font-size:var(--text-base);font-weight:550;color:var(--ink-soft)}.help-list dd{margin:0;color:var(--body);font-size:var(--text-base);line-height:1.6}.toast{position:fixed;left:calc(var(--rail-w) + (100vw - var(--rail-w) - var(--inspector-w)) / 2);bottom:var(--space-5);transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:var(--space-3);max-width:min(560px,calc(100vw - 32px));padding:10px 10px 10px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-pop);color:var(--ink-soft);font-size:var(--text-base);animation:rise-in var(--slow) var(--spring)}.toast:not(:has(button)){padding-right:18px}.toast.busy:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--accent-line);border-top-color:var(--accent);animation:spin .8s linear infinite}.toast.done{border-color:var(--ok-line)}.toast.done:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}.toast.error{border-color:var(--danger-line);background:var(--danger-soft);color:var(--danger)}@keyframes drop-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes rise-in{0%{opacity:0;translate:0 8px}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}}@keyframes fade-in{0%{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:1100px){:root{--inspector-w: 0px}.app-shell{grid-template-columns:1fr;height:auto}.sidebar{max-height:none}.sidebar-panel{max-height:40vh}.workspace{grid-template-rows:auto auto}.topbar{flex-wrap:wrap;padding:var(--space-3) var(--space-4)}.studio-body{grid-template-columns:1fr}.canvas{min-height:70vh}.inspector{border-left:0;border-top:1px solid var(--line)}.toast{left:50%}.help-list{grid-template-columns:1fr;gap:var(--space-1)}.help-list dd{margin-bottom:var(--space-3)}}