.cp-panel,.cp-quick{--cp-panel:var(--bg-panel,#101f35);--cp-card:var(--bg-card,#142640);--cp-hover:var(--bg-hover,#1a2f4e);--cp-active:var(--bg-active,#1e3558);--cp-t1:var(--text-1,#eef2f8);--cp-t2:var(--text-2,#a8bdd6);--cp-t3:var(--text-3,#8aa1ba);--cp-gold:var(--gold,#d4af6e);--cp-mid:var(--mid,#6194d7);--cp-danger:var(--danger,#e8836b);--cp-line:var(--line,#6194d724);--cp-line-2:var(--line-2,#6194d74d);--cp-f-label:var(--f-label,"IBM Plex Sans", "Segoe UI", system-ui, sans-serif);--cp-f-body:var(--f-body,"Lato", "Segoe UI", system-ui, sans-serif);--cp-canvas:#fafbfc;--cp-checker:repeating-conic-gradient(#cfd6df 0 25%, #fff 0 50%) 0 0 / 8px 8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-sizing:border-box;color:var(--cp-t1);font:13px/1.4 var(--cp-f-body);text-align:left}.cp-panel *,.cp-panel :before,.cp-panel :after,.cp-quick *,.cp-quick :before,.cp-quick :after{box-sizing:border-box}.cp-panel [hidden],.cp-quick [hidden]{display:none!important}.cp-panel button,.cp-panel input,.cp-panel select,.cp-quick button{font:inherit;color:inherit;margin:0}.cp-panel button,.cp-quick button{cursor:pointer}.cp-panel button:disabled{cursor:default}.cp-panel button:focus-visible,.cp-panel input:focus-visible,.cp-panel select:focus-visible,.cp-panel canvas:focus-visible,.cp-quick button:focus-visible,.cp-quick canvas:focus-visible{outline:2px solid var(--cp-gold);outline-offset:2px}.cp-panel{background:var(--cp-panel);border:1px solid var(--cp-line);border-radius:10px;gap:10px;min-width:0;padding:12px;display:grid}.cp-panel .cp-head{align-items:center;gap:12px;display:flex}.cp-panel .cp-dual{flex:none;width:70px;height:58px;position:relative}.cp-panel .cp-dual button{border-radius:6px;width:42px;height:42px;padding:0;position:absolute}.cp-panel .cp-sw-stroke{background:var(--cp-canvas);border:10px solid #999;bottom:0;right:0}.cp-panel .cp-sw-fill{background:#fff;border:1px solid #ffffff59;top:0;left:0}.cp-panel .cp-dual button.cp-on{outline:2px solid var(--cp-gold);outline-offset:2px;z-index:2}.cp-panel .cp-dual button.cp-none{background-image:linear-gradient(to top right, transparent 46%, var(--cp-danger) 47%, var(--cp-danger) 53%, transparent 54%)!important;background-color:var(--cp-canvas)!important}.cp-panel .cp-sw-stroke.cp-none{border-color:#cfd6df!important}.cp-panel .cp-dual button:disabled{opacity:.45}.cp-panel .cp-meta{gap:6px;min-width:0;display:grid}.cp-panel .cp-target{font:12.5px/1.35 var(--cp-f-label);color:var(--cp-t1)}.cp-panel .cp-target b{font-weight:600}.cp-panel .cp-actions{flex-wrap:wrap;gap:6px;display:flex}.cp-panel .cp-btn{font:600 11.5px/1.3 var(--cp-f-label);color:var(--cp-t1);background:var(--cp-card);border:1px solid var(--cp-line-2);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.cp-panel .cp-btn:hover:not(:disabled){background:var(--cp-hover)}.cp-panel .cp-btn:disabled{color:var(--cp-t3);opacity:.6}.cp-panel .cp-btn[aria-pressed=true]{background:var(--cp-active);border-color:var(--cp-mid);color:#fff;box-shadow:inset 0 -2px 0 var(--cp-gold)}.cp-panel .cp-file{cursor:pointer;position:relative}.cp-panel .cp-file:focus-within{outline:2px solid var(--cp-gold);outline-offset:2px}.cp-panel .cp-vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cp-panel .cp-tabs{background:var(--cp-card);border-radius:6px;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;display:grid}.cp-panel .cp-tabs button{font:600 12px var(--cp-f-label);color:var(--cp-t2);background:0 0;border:0;border-radius:5px;padding:6px 0}.cp-panel .cp-tabs button:hover{color:var(--cp-t1)}.cp-panel .cp-tabs button[aria-selected=true]{background:var(--cp-active);color:var(--cp-t1)}.cp-panel .cp-pane{gap:8px;display:grid}.cp-panel canvas,.cp-quick canvas{touch-action:none;display:block}.cp-panel .cp-sv{cursor:crosshair;border-radius:6px;width:100%;height:150px}.cp-panel .cp-strip{cursor:ew-resize;border-radius:7px;width:100%;height:14px}.cp-panel .cp-alpha[aria-disabled=true]{opacity:.45;cursor:not-allowed}.cp-panel .cp-wheel{cursor:crosshair;border-radius:50%;justify-self:center;width:180px;height:180px}.cp-panel .cp-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.cp-panel .cp-grow{flex:1}.cp-panel .cp-row input[type=range]{accent-color:var(--cp-gold);flex:1}.cp-panel .cp-lab{font:600 10.5px var(--cp-f-label);letter-spacing:.08em;text-transform:uppercase;color:var(--cp-t3)}.cp-panel select,.cp-panel input[type=number],.cp-panel input[type=text]{font:13px var(--cp-f-label);color:var(--cp-t1);background:var(--cp-card);border:1px solid var(--cp-line-2);border-radius:6px;min-width:0;padding:5px 7px}.cp-panel select:disabled{color:var(--cp-t3)}.cp-panel input[aria-invalid=true]{border-color:var(--cp-danger)}.cp-panel .cp-vals{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-panel .cp-vals label{gap:3px;display:grid}.cp-panel .cp-vals .cp-hex{grid-column:1/-1}.cp-panel .cp-vals input{font-variant-numeric:tabular-nums;width:100%}.cp-panel .cp-now{background:var(--cp-checker);border:1px solid #ffffff4d;border-radius:6px;flex:none;width:26px;height:26px;overflow:hidden}.cp-panel .cp-now i{width:100%;height:100%;display:block}.cp-panel .cp-mono{font:12px var(--cp-f-label);color:var(--cp-t2);font-variant-numeric:tabular-nums}.cp-panel .cp-sec{border-top:1px solid var(--cp-line);gap:6px;padding-top:8px;display:grid}.cp-panel .cp-swrow,.cp-quick .cp-swrow{flex-wrap:wrap;gap:5px;min-height:22px;display:flex}.cp-panel .cp-grid{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.cp-panel .cp-sw,.cp-quick .cp-sw{border:1px solid #ffffff47;border-radius:5px;flex:none;width:22px;height:22px;padding:0}.cp-panel .cp-grid .cp-sw{aspect-ratio:1;width:100%;height:auto}.cp-panel button.cp-sw:hover,.cp-quick button.cp-sw:hover{transform:scale(1.12)}.cp-panel .cp-thumb{border:1px solid var(--cp-line-2);border-radius:4px;width:96px}.cp-panel .cp-msg{font:12px var(--cp-f-label);color:var(--cp-danger);margin:0}.cp-panel .cp-st-list{gap:4px;display:grid}.cp-panel .cp-st{background:var(--cp-card);border-radius:6px;grid-template-columns:20px minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.cp-panel .cp-st .cp-sw{width:20px;height:20px}.cp-panel .cp-st-name{font:600 12.5px var(--cp-f-label);color:var(--cp-t1);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;overflow:hidden}.cp-panel .cp-st-name:hover{color:var(--cp-gold)}.cp-panel .cp-st-input{width:100%;font:600 12.5px var(--cp-f-label)!important;padding:1px 5px!important}.cp-panel .cp-st small{font:11px var(--cp-f-label);color:var(--cp-t3);white-space:nowrap}.cp-panel .cp-st-ic{border:1px solid var(--cp-line-2);color:var(--cp-t2);background:0 0;border-radius:5px;padding:1px 6px;font-size:12px;line-height:1.2}.cp-panel .cp-st-ic:hover{background:var(--cp-hover);color:var(--cp-t1)}.cp-panel .cp-st-ic[aria-pressed=true]{border-color:var(--cp-gold);color:var(--cp-gold)}.cp-panel .cp-st-del{padding:2px 5px;font-size:10px}.cp-panel .cp-st.cp-editing{outline:2px solid var(--cp-gold)}.cp-panel .cp-st-editing{font:12px var(--cp-f-label);color:var(--cp-gold);margin:0}.cp-quick{z-index:1000;background:var(--cp-panel);border:1px solid var(--cp-line-2);border-radius:10px;gap:6px;width:168px;padding:8px;display:grid;position:fixed;box-shadow:0 8px 24px #00000073}.cp-quick .cp-q-sv{cursor:crosshair;border-radius:5px;width:150px;height:110px}.cp-quick .cp-q-hue{cursor:ew-resize;border-radius:6px;width:150px;height:12px}.cp-quick .cp-swrow{max-width:150px}.cp-loupe{z-index:1001;pointer-events:none;width:88px;height:88px;image-rendering:pixelated;border:4px solid #fff;border-radius:50%;position:fixed;box-shadow:0 2px 10px #0006}.cp-loupe[hidden]{display:none}:root{--bg-base:#0d1b2e;--bg-panel:#101f35;--bg-card:#142640;--bg-hover:#1a2f4e;--bg-active:#1e3558;--text-1:#eef2f8;--text-2:#a8bdd6;--text-3:#8aa1ba;--gold:#d4af6e;--steel:#3c5889;--blue:#3c74bb;--mid:#6194d7;--walnut:#5c3d2e;--ai:#6b3fa8;--border:#6194d71f;--border-strong:#6194d73d;--border-gold:#d4af6e73;--canvas:#fafbfc;--canvas-desk:#dde3ec;--canvas-ink:#1b1f24;--select:#3c74bb;--guide:#e0409b;--danger:#e8836b;--success:#6fbf8f;--f-head:"Montserrat", "Segoe UI", sans-serif;--f-body:"Lato", "Segoe UI", sans-serif;--f-label:"IBM Plex Sans", "Segoe UI", sans-serif;--r-badge:4px;--r-field:6px;--r-panel:8px;--r-dialog:12px;--shadow-pop:0 8px 24px #00000059;--shadow:0 16px 42px #00000059;--topbar-h:44px;--docbar-h:40px;--statusbar-h:24px;--ink:var(--text-1);--muted:var(--text-2);--paper:var(--bg-card);--surface:var(--bg-panel);--line:var(--border);--accent:var(--gold);--accent-soft:var(--bg-active);color:var(--text-1);background:var(--bg-base);font-family:var(--f-body);font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:13px}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;margin:0}body{background:var(--bg-base);overflow:hidden}h1,h2,h3{font-family:var(--f-head);margin:0;font-weight:700}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:var(--mid)}kbd{border:1px solid var(--border-strong);border-radius:var(--r-badge);background:var(--bg-card);color:var(--text-2);font-family:var(--f-label);padding:1px 5px;font-size:10px}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:1000;background:var(--gold);color:var(--bg-base);border-radius:0 0 8px 8px;padding:10px 14px;position:fixed;top:-60px;left:12px}.skip-link:focus{top:0}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--r-field);background:var(--bg-card);min-height:28px;padding:4px 8px;font-size:12px}textarea{resize:vertical}input:hover,select:hover,textarea:hover{border-color:#6194d766}input[type=color]{cursor:pointer;width:100%;min-height:28px;padding:2px}input[type=range]{accent-color:var(--gold);background:0 0;border:0;padding:0}input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--gold)}.primary-button,.secondary-button,.danger-button{border-radius:var(--r-field);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 14px;font-weight:700;text-decoration:none;transition:background .14s,border-color .14s,filter .14s;display:inline-flex}.primary-button{background:var(--gold);color:var(--bg-base)}.primary-button:hover:not(:disabled){filter:brightness(1.08)}.secondary-button{border-color:var(--border-strong);background:var(--bg-card);color:var(--text-1)}.secondary-button:hover:not(:disabled){border-color:var(--border-gold);background:var(--bg-hover)}.danger-button{color:var(--danger);background:#e8836b1a;border-color:#e8836b66}.small{min-height:26px;padding:0 10px;font-size:11px}.icon-button{border-radius:var(--r-field);width:28px;height:28px;color:var(--text-2);background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;font-size:14px;line-height:1;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-1)}.link-button{color:var(--mid);text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.star-button{border-radius:var(--r-field);width:26px;height:26px;color:var(--text-3);background:0 0;border:0;padding:0;font-size:16px}.star-button.on,.star-button:hover{color:var(--gold)}.button-row{flex-wrap:wrap;gap:6px;display:flex}.segmented{border:1px solid var(--border);border-radius:var(--r-field);background:var(--bg-panel);padding:2px;display:inline-flex}.segmented button{min-height:26px;color:var(--text-2);white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:0 10px;font-size:12px}.segmented button small{color:var(--text-3);font-family:var(--f-label)}.segmented button[aria-selected=true],.segmented button[aria-pressed=true],.segmented button[aria-checked=true]{background:var(--bg-active);color:var(--text-1)}.segmented.scroll{max-width:100%;overflow-x:auto}.segmented.small button{min-height:22px;font-size:11px}.field{gap:4px;min-width:0;display:grid}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{width:100%;min-width:0}.field.inline{grid-auto-flow:column;align-items:center;gap:8px}.field-label,.inspector-section>summary,.panel-caption{color:var(--text-3);font-family:var(--f-label);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.field-hint{color:var(--text-3);font-size:11px}.field-error{color:var(--danger);font-size:11px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid .field:last-child:nth-child(odd),.form-grid .span-2{grid-column:1/-1}.check-field{align-items:center;gap:8px;font-size:12px;display:flex}.search-input{min-width:180px}.search-input.small{flex:1;min-width:0}.menu-root{display:inline-flex;position:relative}.menu-popover{z-index:60;border:1px solid var(--border-strong);border-radius:var(--r-panel);background:var(--bg-panel);min-width:200px;max-height:60vh;box-shadow:var(--shadow-pop);padding:4px;position:absolute;top:calc(100% + 4px);overflow:auto}.menu-popover.align-end{right:0}.menu-popover.align-start{left:0}.menu-popover button{width:100%;min-height:28px;color:var(--text-1);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:4px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:grid}.menu-popover button:hover:not(:disabled),.menu-popover button:focus-visible{background:var(--bg-active);outline:none}.menu-popover button.danger{color:var(--danger)}.menu-popover button small{color:var(--text-3);font-size:10px}.menu-popover .menu-icon{color:var(--text-2);text-align:center}.menu-separated{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.dialog-backdrop{z-index:100;background:#050c16a8;place-items:center;padding:16px;animation:.14s fade-in;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--border-strong);border-radius:var(--r-dialog);background:var(--bg-panel);max-width:100%;max-height:calc(100dvh - 32px);box-shadow:var(--shadow);grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.dialog-head{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 8px;display:flex}.dialog-head h2{font-size:18px}.dialog-description{color:var(--text-2);padding:0 18px}.dialog-body{align-content:start;gap:16px;padding:10px 18px 16px;display:grid;overflow:auto}.dialog-foot{border-top:1px solid var(--border);background:var(--bg-base);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.choice-group{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.choice-group legend{margin-bottom:8px}.choice-group.compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.choice-card{border:1px solid var(--border-strong);border-radius:var(--r-panel);background:var(--bg-card);cursor:pointer;gap:3px;padding:10px 12px 10px 34px;display:grid;position:relative}.choice-card input{position:absolute;top:12px;left:12px}.choice-card strong{font-size:12px}.choice-card small{color:var(--text-2);font-size:11px;line-height:1.35}.choice-card.selected{border-color:var(--gold);background:var(--bg-active)}.choice-card.disabled{cursor:not-allowed;opacity:.5}.shortcut-list{gap:6px;margin:0;display:grid}.shortcut-list div{grid-template-columns:150px 1fr;align-items:center;display:grid}.shortcut-list dd{color:var(--text-2);margin:0}.shortcuts-search{width:100%}.shortcuts-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px 24px;display:grid}.shortcuts-grid h3{color:var(--gold);font-family:var(--f-label);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:10.5px;font-weight:600}.shortcuts-grid .shortcut-list div{grid-template-columns:170px 1fr}.shortcuts-foot{align-self:center;margin-right:auto}.palette-backdrop{place-items:start center;padding-top:12vh}.palette{border:1px solid var(--border-strong);border-radius:var(--r-dialog);background:var(--bg-panel);width:min(600px,100%);box-shadow:var(--shadow);overflow:hidden}.palette-input{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;width:100%;min-height:48px;padding:0 16px;font-size:15px}.palette-input:focus-visible{outline:none}.palette-list{max-height:52vh;margin:0;padding:6px;list-style:none;overflow:auto}.palette-group{color:var(--text-3);font-family:var(--f-label);letter-spacing:.08em;text-transform:uppercase;padding:8px 8px 4px;font-size:10px;font-weight:600}.palette-list [role=option]{cursor:pointer;border-radius:4px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px;padding:0 8px;display:grid}.palette-list [role=option].active{background:var(--bg-active)}.palette-icon{color:var(--text-2);text-align:center}.palette-empty{color:var(--text-3);text-align:center;padding:16px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.app-frame{grid-template-rows:var(--topbar-h) minmax(0, 1fr);grid-template-columns:minmax(0,1fr);height:100dvh;display:grid}.screen-root{display:contents}.frame-content{min-width:0;min-height:0;display:grid;overflow:hidden}.frame-content>main,.app-frame>main{min-height:0;overflow:auto}.topbar{border-bottom:1px solid var(--border);background:var(--bg-panel);align-items:center;gap:12px;padding:0 12px;display:flex}.brand{color:var(--text-1);flex:none;align-items:center;gap:8px;text-decoration:none;display:flex}.brand img{object-fit:contain;width:26px;height:26px}.brand strong{font-family:var(--f-head);letter-spacing:.01em;font-size:13px;font-weight:800}.breadcrumb{flex:1;min-width:0}.breadcrumb ol{border-left:1px solid var(--border);align-items:center;min-width:0;margin:0;padding:0 0 0 12px;list-style:none;display:flex}.breadcrumb li{align-items:center;min-width:0;font-size:12px;display:flex}.breadcrumb li+li:before{content:"▸";color:var(--text-3);margin:0 8px;font-size:9px}.breadcrumb a{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.breadcrumb a:hover{color:var(--text-1)}.breadcrumb span[aria-current]{color:var(--text-1);font-weight:700}.crumb-switcher{border-radius:var(--r-field);max-width:280px;min-height:26px;color:var(--text-1);background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:0 8px;font-weight:700;display:inline-flex}.crumb-switcher>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crumb-switcher:hover{border-color:var(--border-strong);background:var(--bg-card)}.new-menu-button{border:1px solid var(--border-gold);border-radius:var(--r-field);min-height:28px;color:var(--gold);font-family:var(--f-label);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.new-menu-button:hover{background:var(--bg-hover)}.palette-trigger{border:1px solid var(--border);border-radius:var(--r-field);background:var(--bg-base);min-width:220px;min-height:28px;color:var(--text-3);align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.palette-trigger kbd{margin-left:auto}.palette-trigger:hover{border-color:var(--border-strong);color:var(--text-2)}.save-indicator{color:var(--text-2);font-family:var(--f-label);flex:none;align-items:center;gap:6px;font-size:11px;display:inline-flex}.save-indicator i{background:var(--success);border-radius:50%;width:7px;height:7px}.save-indicator.saving i{background:var(--gold)}.save-indicator.error{color:var(--danger)}.save-indicator.error i{background:var(--danger)}[data-tooltip]{position:relative}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{content:attr(data-tooltip);z-index:80;pointer-events:none;border:1px solid var(--border-strong);border-radius:var(--r-badge);background:var(--bg-panel);color:var(--text-1);font-family:var(--f-label);white-space:nowrap;box-shadow:var(--shadow-pop);padding:4px 8px;font-size:11px;position:absolute}[data-tooltip]:hover:after{animation:.12s .7s both tooltip-in}@keyframes tooltip-in{0%{opacity:0}to{opacity:1}}.tool-dock [data-tooltip]:hover:after,.tool-dock [data-tooltip]:focus-visible:after{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.banner{border:1px solid var(--border-gold);border-radius:var(--r-panel);background:#d4af6e14;margin-bottom:16px;padding:10px 14px}.inline-alert{color:var(--danger);background:#e8836b1f;justify-content:center;align-items:center;gap:10px;padding:6px 12px;font-size:12px;display:flex}.empty-block{border:1px dashed var(--border-strong);border-radius:var(--r-panel);color:var(--text-2);justify-items:start;gap:8px;padding:24px;display:grid}.empty-block strong{color:var(--text-1)}.editor-loading{background:var(--bg-base);min-height:100dvh}.loading-screen,.fatal-error{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:100dvh;padding:28px;display:grid}.loading-screen img{width:64px}.loading-screen>div{gap:4px;display:grid}.loading-screen small,.fatal-error p{color:var(--text-2)}.fatal-error>span{background:var(--gold);width:44px;height:44px;color:var(--bg-base);border-radius:10px;place-items:center;font-weight:800;display:grid}.home-screen,.summary-screen,.module-screen{width:100%;max-width:1320px;margin:0 auto;padding:28px 32px 48px}.home-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.home-head h1{font-size:26px;font-weight:800}.home-actions{gap:8px;display:flex}.home-section{margin-bottom:32px}.home-section h2,.summary-panel h2,.module-section h2{margin-bottom:12px;font-size:16px}.create-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.create-card{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--bg-panel);width:100%;min-height:96px;color:var(--text-1);text-align:left;align-content:start;justify-items:start;gap:4px;padding:12px;transition:border-color .14s,background .14s;display:grid}.create-card b{color:var(--gold);font-size:20px;line-height:1}.create-card strong{font-size:13px}.create-card small{color:var(--text-2);font-size:11px;line-height:1.35}.create-card:hover:not(:disabled){border-color:var(--border-gold);background:var(--bg-card)}.create-card:disabled{opacity:.6;cursor:not-allowed}.doc-grid.list{grid-template-columns:1fr;gap:6px}.doc-card.list{grid-template-rows:none;grid-template-columns:96px minmax(0,1fr)}.doc-card.list .doc-card-cover{border-bottom:0;border-right:1px solid var(--border);border-radius:var(--r-panel) 0 0 var(--r-panel);height:60px}.task-picker{border:0;gap:6px;margin:12px 0 0;padding:0;display:grid}.task-picker ul{gap:4px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.task-picker small{color:var(--text-3)}.sheet-fields{gap:8px;display:grid}.canvas-choice .sheet-fields,.canvas-choice>.field-hint{grid-column:1/-1}.pasteboard-swatch{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.section-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-toolbar h2{margin:0 8px 0 0}.section-toolbar>.primary-button{margin-left:auto}.doc-thumb{background:var(--canvas);border-radius:4px;width:100%;height:100%;display:block}.doc-thumb.empty{background:repeating-linear-gradient(135deg, var(--bg-card) 0 8px, var(--bg-hover) 8px 9px)}.project-grid.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.project-grid.list{gap:8px;display:grid}.project-card{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--bg-panel);min-width:0;transition:border-color .14s;display:grid;overflow:visible}.project-card:hover{border-color:var(--border-strong)}.project-card.grid{grid-template-rows:140px auto}.project-card.list{grid-template-columns:120px minmax(0,1fr)}.project-card.list .project-cover{height:76px}.project-cover{border:0;border-bottom:1px solid var(--border);border-radius:var(--r-panel) var(--r-panel) 0 0;background:var(--bg-card);min-height:0;padding:8px}.project-card.list .project-cover{border-bottom:0;border-right:1px solid var(--border);border-radius:var(--r-panel) 0 0 var(--r-panel)}.project-card-body{gap:6px;min-width:0;padding:10px 12px 12px;display:grid}.project-card-body header{align-items:center;gap:4px;display:flex}.project-card-body h3{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.project-card-body h3 a{color:var(--text-1);text-decoration:none}.project-card-body h3 a:hover{text-decoration:underline}.project-meta{color:var(--text-2);font-size:12px}.project-card-body footer{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.project-card-body footer time{margin-left:auto}.project-counts{font-family:var(--f-label);gap:6px;display:inline-flex}.project-counts b{color:var(--text-2);margin-right:2px;font-weight:400}.stage-chip{border-radius:var(--r-badge);background:var(--bg-active);color:var(--text-1);font-family:var(--f-label);padding:2px 7px;font-size:10px;font-weight:600}.stage-concepto{color:#b9d3f2;background:#6194d733}.stage-anteproyecto{color:#ead3a6;background:#d4af6e33}.stage-desarrollo{color:#cdb6ec;background:#6b3fa840}.stage-ejecutivo{color:#c9d6ec;background:#3c588959}.stage-obra{color:#f2c1b3;background:#e8836b33}.stage-entregado{color:#bfe6cd;background:#6fbf8f33}.home-footer{border-top:1px solid var(--border);grid-template-columns:2fr 1fr 1fr;gap:20px;padding-top:20px;display:grid}.template-links,.template-row,.template-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.template-row{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.link-card{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--bg-panel);width:100%;color:var(--text-1);text-align:left;gap:3px;padding:10px 12px;text-decoration:none;display:grid}.link-card:hover{border-color:var(--border-gold);background:var(--bg-card)}.link-card small{color:var(--text-2);font-size:11px;line-height:1.35}.version-note{color:var(--text-2);font-size:12px;line-height:1.5}.summary-head{grid-template-columns:200px minmax(0,1fr) auto;align-items:start;gap:20px;margin-bottom:28px;display:grid}.summary-cover{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--bg-card);height:130px;padding:8px}.summary-title{gap:8px;min-width:0;display:grid}.title-input{width:100%;min-height:40px;font-family:var(--f-head);background:0 0;border-color:#0000;margin-left:-7px;padding:0 6px;font-size:28px;font-weight:900}.title-input:hover,.title-input:focus{border-color:var(--border-strong);background:var(--bg-card)}.summary-title>p{color:var(--text-2)}.kpi-row{flex-wrap:wrap;gap:24px;margin:6px 0 0;display:flex}.kpi-row div{gap:2px;display:grid}.kpi-row dt{color:var(--text-3);font-family:var(--f-label);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.kpi-row dd{color:var(--text-2);font-family:var(--f-head);margin:0;font-size:22px;font-weight:800}.summary-actions{align-items:center;gap:8px;display:flex}.summary-docs,.summary-program{margin-bottom:32px}.summary-program .toolbar-spacer{flex:auto}.summary-program .section-toolbar>.primary-button{margin-left:0}.summary-program .inline-alert{border-radius:var(--r-panel);background:var(--bg-card);color:var(--text-1);justify-content:flex-start;margin-bottom:10px}.program-table-wrap{border:1px solid var(--border);border-radius:var(--r-panel);overflow-x:auto}.program-table{border-collapse:collapse;width:100%;font-size:12px}.program-table th,.program-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:6px 10px}.program-table thead th{color:var(--text-3);font-family:var(--f-label);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}.program-table .n{text-align:right;font-variant-numeric:tabular-nums}.program-table tr.level th{background:var(--bg-card);color:var(--text-1)}.program-table tr.level small{color:var(--text-3);font-weight:400}.program-table tfoot th{color:var(--gold);border-bottom:0}.program-table .cat-dot{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.doc-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.doc-card{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--bg-panel);grid-template-rows:120px auto;min-width:0;display:grid}.doc-card:hover{border-color:var(--border-strong)}.doc-card.archived{opacity:.65}.doc-card-cover{border:0;border-bottom:1px solid var(--border);border-radius:var(--r-panel) var(--r-panel) 0 0;background:var(--bg-card);min-height:0;padding:8px}.doc-card-cover:disabled{opacity:1;cursor:default}.doc-card-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 6px;padding:8px 10px;display:grid}.doc-card-body h3{font-family:var(--f-body);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.doc-card-body h3 a{color:var(--text-1);text-decoration:none}.doc-card-body h3 a:hover{text-decoration:underline}.doc-card-body p{color:var(--text-2);grid-column:1/-1;font-size:11px}.archived-block{gap:12px;margin-top:16px;display:grid}.summary-panel{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--bg-panel);max-width:720px;padding:18px}.summary-panel .field-hint{margin-top:10px}.module-head{align-items:center;gap:16px;margin-bottom:20px;display:flex}.module-glyph{border-radius:var(--r-panel);background:var(--bg-active);width:52px;height:52px;color:var(--gold);place-items:center;font-size:26px;display:grid}.module-head h1{font-size:22px;font-weight:800}.module-head p{color:var(--text-2);margin-top:4px}.module-actions{gap:8px;margin-bottom:24px;display:flex}.module-section{margin-bottom:28px}.phase-notice{border:1px solid var(--border-gold);border-radius:var(--r-panel);background:#d4af6e0f;justify-items:start;gap:10px;max-width:620px;padding:20px;display:grid}.phase-notice p{color:var(--text-2);line-height:1.5}.editor-body{min-width:0;min-height:0;display:flex;overflow:hidden!important}.left-panel,.inspector{background:var(--bg-panel);flex:none;grid-template-rows:36px minmax(0,1fr);min-height:0;display:grid;position:relative}.left-panel{border-right:1px solid var(--border)}.inspector{border-left:1px solid var(--border)}.left-panel.collapsed,.inspector.collapsed{flex-direction:column;align-items:center;gap:4px;width:40px;padding-top:4px;display:flex}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:6px;padding:0 6px 0 10px;display:flex}.panel-head h2{font-size:13px}.panel-tabs{gap:2px;min-width:0;display:flex;overflow-x:auto}.panel-tabs button{min-height:26px;color:var(--text-2);font-family:var(--f-head);white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:0 8px;font-size:12px;font-weight:700}.panel-tabs button[aria-selected=true]{background:var(--bg-active);color:var(--text-1)}.panel-scroll{min-height:0;padding:10px;overflow:auto}.panel-tools{align-items:center;gap:6px;margin-bottom:8px;display:flex}.panel-tools .panel-caption{flex:1}.panel-resizer{z-index:5;cursor:col-resize;width:6px;position:absolute;top:0;bottom:0}.panel-resizer.left{right:-3px}.panel-resizer.right{left:-3px}.panel-resizer:hover,.panel-resizer:focus-visible{background:#d4af6e66;outline:none}.layer-list,.object-list,.page-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.layer-item{border-radius:var(--r-field)}.layer-item.active>.layer-row{background:var(--bg-active)}.layer-item.dragging{opacity:.5}.layer-item.drop-target{box-shadow:inset 0 2px 0 var(--gold)}.layer-row{border-radius:var(--r-field);grid-template-columns:18px 14px minmax(0,1fr) auto 22px 22px 22px;align-items:center;gap:4px;min-height:28px;padding:0 2px;display:grid}.layer-row:hover{background:var(--bg-hover)}.layer-color{cursor:pointer;border-radius:3px;width:12px;height:12px;display:block;position:relative;overflow:hidden}.layer-color input{opacity:0;cursor:pointer;position:absolute;inset:0}.layer-name{text-align:left;background:0 0;border:0;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.layer-name span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.layer-name small,.layer-opacity{color:var(--text-3);font-family:var(--f-label);font-size:10px}.layer-opacity{background:0 0;border:0;padding:0 2px}.layer-opacity:hover{color:var(--text-1)}.layer-rename,.layer-opacity-input{min-height:22px;padding:0 4px;font-size:12px}.layer-opacity-input{width:48px}.row-toggle{width:22px;height:22px;color:var(--text-2);background:0 0;border:0;border-radius:4px;place-items:center;padding:0;font-size:11px;display:grid}.row-toggle:hover:not(:disabled){background:var(--bg-card);color:var(--text-1)}.object-list{padding:2px 0 6px 22px}.object-list.flat{padding-left:0}.object-row{border-radius:var(--r-field);grid-template-columns:minmax(0,1fr) 22px 22px;align-items:center;gap:2px;min-height:26px;display:grid}.object-row.selected{background:#3c74bb40}.object-row.hidden-object{opacity:.5}.object-name{text-align:left;background:0 0;border:0;align-items:center;gap:6px;min-width:0;padding:0 4px;display:flex}.object-name b{width:14px;color:var(--text-3);text-align:center;font-weight:400}.object-name span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.object-empty{color:var(--text-3);padding:4px;font-size:11px}.page-list li{border-radius:var(--r-field);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;padding:4px;display:grid}.page-list li.active{background:var(--bg-active)}.page-thumb{text-align:left;background:0 0;border:0;grid-template-columns:56px 18px minmax(0,1fr);align-items:center;gap:6px;padding:0;display:grid}.page-shape{background:var(--canvas);border-radius:2px;max-height:40px;display:block}.page-thumb small{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inspector-title{margin:0 0 4px;font-size:13px}.history-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.history-step{border-radius:var(--r-field);width:100%;min-height:28px;color:var(--text-1);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;padding:0 6px;font-size:12px;display:grid}.history-step:hover{background:var(--bg-hover)}.history-step[aria-current=step]{border-color:var(--border-gold);background:var(--bg-active);font-weight:700}.history-step.undone{color:var(--text-3);font-style:italic}.history-index{color:var(--text-3);font-family:var(--f-label);font-variant-numeric:tabular-nums;text-align:right;font-size:10px}.history-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-order{display:flex}.editor-center{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.document-bar{min-width:0;height:var(--docbar-h);border-bottom:1px solid var(--border);background:var(--bg-panel);flex:none;align-items:center;gap:6px;padding:0 10px;display:flex;overflow-x:auto}.doc-name{align-items:center;display:flex}.artifact-name{background:0 0;border-color:#0000;width:min(240px,26vw);min-height:28px;font-weight:700}.artifact-name:hover,.artifact-name:focus{border-color:var(--border-strong);background:var(--bg-card)}.bar-divider{background:var(--border-strong);flex:none;width:1px;height:20px}.bar-button{border-radius:var(--r-field);min-height:28px;color:var(--text-1);white-space:nowrap;background:0 0;border:1px solid #0000;padding:0 10px;font-size:12px}.bar-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-card)}.canvas-area{background:var(--canvas-desk);flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-area>.canvas-stage{padding:32px 32px 96px;position:absolute;inset:0}.canvas-area>.canvas-stage.infinite-canvas{background-color:var(--canvas);padding:0}.canvas-area>.canvas-stage.infinite-canvas .studio-canvas{width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0}.canvas-area>.board-list-wrap,.canvas-area>.cutsheet-grid,.canvas-area>.module-empty{background:var(--bg-base);position:absolute;inset:0}.canvas-empty-help{z-index:6;border-radius:var(--r-panel);color:var(--canvas-ink);background:#ffffffeb;border:1px solid #d5dce6;justify-items:center;gap:10px;padding:16px 18px;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #0d1b2e14}.canvas-empty-help>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.canvas-empty-help .secondary-button{color:var(--canvas-ink);background:#fff;border-color:#c7d0dc}.canvas-empty-help kbd{color:inherit;background:#0d1b2e1f;border-color:#0000}.dock-area{z-index:8;pointer-events:none;justify-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);display:grid;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.dock-area>*{pointer-events:auto}.tool-dock{border:1px solid var(--border-strong);background:var(--bg-panel);max-width:100%;box-shadow:var(--shadow-pop);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding:4px;display:flex}.tool-button{border-radius:var(--r-field);width:40px;height:40px;color:var(--text-2);background:0 0;border:0;flex:none;place-items:center;padding:0;font-size:17px;display:grid}.tool-button:hover{background:var(--bg-hover);color:var(--text-1)}.tool-button.active{background:var(--bg-active);color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold)}.dock-divider{background:var(--border-strong);flex:none;width:1px;height:26px;margin:0 4px}.dock-pill{border:1px solid var(--border-strong);background:var(--bg-panel);min-height:28px;color:var(--text-2);white-space:nowrap;box-shadow:var(--shadow-pop);border-radius:999px;align-items:center;gap:6px;padding:0 6px 0 12px;font-size:12px;display:inline-flex}.dock-pill b{color:var(--text-1)}.dock-pill button{background:var(--bg-active);min-height:22px;color:var(--gold);border:0;border-radius:999px;padding:0 8px;font-size:11px;font-weight:700}.frame-tour{z-index:9;border:1px solid var(--border-strong);border-radius:var(--r-panel);background:var(--bg-panel);box-shadow:var(--shadow-pop);align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.status-bar{min-width:0;height:var(--statusbar-h);border-top:1px solid var(--border);background:var(--bg-panel);color:var(--text-2);font-family:var(--f-label);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;gap:4px;padding:0 8px;font-size:11px;display:flex;overflow:hidden}.status-scale{color:var(--gold);padding:0 6px;font-weight:600}.status-coords{min-width:170px}.status-spacer{flex:1}.status-toggle{min-height:20px;color:var(--text-2);background:0 0;border:0;border-radius:4px;padding:0 6px;font-size:11px}.status-toggle:hover{background:var(--bg-hover);color:var(--text-1)}.status-toggle.on{color:var(--text-1)}.zoom-button{min-width:48px}.status-bar .menu-popover{top:auto;bottom:calc(100% + 4px)}.inspector-section{border-bottom:1px solid var(--border)}.inspector-section>summary{cursor:pointer;padding:10px 2px;list-style:none}.inspector-section>summary::-webkit-details-marker{display:none}.inspector-section>summary:before{content:"▾";width:12px;display:inline-block}.inspector-section:not([open])>summary:before{content:"▸"}.inspector-fields{gap:10px;padding:0 2px 14px;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.type-tag{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}.type-tag b{color:var(--gold);font-weight:400}.inspector-actions{gap:8px;padding:14px 2px;display:flex}.doc-stats{gap:16px;margin:0;display:flex}.doc-stats div{display:grid}.doc-stats dt{color:var(--text-3);font-size:10px}.doc-stats dd{font-family:var(--f-label);margin:0;font-size:14px}.palette-chips{flex-wrap:wrap;gap:4px;display:flex}.palette-chip{border-radius:4px;width:20px;height:20px}@media (width<=1100px){.home-footer,.summary-head{grid-template-columns:1fr}.summary-cover{max-width:260px}.palette-trigger{min-width:0}.palette-trigger kbd,.brand strong{display:none}}@media (width<=820px){.home-screen,.summary-screen,.module-screen{padding:18px 16px 40px}.palette-trigger,.new-menu-button>span:last-child{display:none}.form-grid,.choice-group{grid-template-columns:1fr}.create-row{grid-template-columns:repeat(2,minmax(0,1fr))}.left-panel:not(.collapsed),.inspector:not(.collapsed){z-index:20;box-shadow:var(--shadow);position:absolute;top:0;bottom:0}.left-panel:not(.collapsed){left:0}.inspector:not(.collapsed){right:0}.editor-body{position:relative}}@media (width<=620px){.save-indicator,.breadcrumb li:not(:last-child),.breadcrumb li+li:before,.status-coords{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.login-screen{background:radial-gradient(circle at 20% 15%, #3c74bb38, transparent 45%), var(--bg-base);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--bg-panel);width:min(380px,100%);box-shadow:var(--shadow);text-align:center;border-radius:12px;justify-items:center;gap:14px;padding:40px 32px 32px;display:grid}.login-logo{width:190px;height:auto;margin-bottom:6px}.login-card h1{letter-spacing:.02em;margin:0;font-size:22px;font-weight:800}.login-sub{color:var(--text-2);margin:0;font-size:13px;line-height:1.5}.login-google{color:#1f1f1f;background:#fff;border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:44px;margin-top:8px;font-weight:700;display:flex}.login-google:hover{filter:brightness(.96)}.login-status{color:var(--text-2);font-size:12px}.login-error{color:var(--danger);margin:0;font-size:12px}.login-note{color:var(--text-3);font-family:var(--f-label);margin:4px 0 0;font-size:11px}.user-menu{position:relative}.user-chip{border:1px solid var(--border-gold);background:var(--bg-active);width:32px;height:32px;color:var(--gold);font-family:var(--f-label);border-radius:50%;place-items:center;padding:0;font-size:11px;font-weight:600;display:grid;overflow:hidden}.user-chip img{object-fit:cover;width:100%;height:100%}.user-popover{z-index:50;border:1px solid var(--line);background:var(--bg-panel);min-width:220px;box-shadow:var(--shadow);border-radius:8px;gap:4px;padding:12px;display:grid;position:absolute;top:40px;right:0}.user-popover small{color:var(--text-2);font-size:11px}.user-popover .app-version{color:var(--text-3);font-family:var(--f-label)}.user-popover button{border:1px solid var(--line);background:var(--bg-card);min-height:32px;color:var(--text-1);border-radius:6px;margin-top:8px}.user-popover button:hover{border-color:var(--border-gold)}.ds-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.ds-icon svg{display:block}.menu-popover .menu-icon{justify-content:center;align-items:center;display:inline-flex}.rename-input{border:1px solid var(--border-gold);border-radius:var(--r-field);background:var(--bg-card);width:100%;min-width:0;height:26px;color:var(--text-1);font:inherit;padding:0 6px}.canvas-stage{place-items:center;min-height:0;padding:34px;display:grid;position:relative;overflow:hidden}.canvas-stage[data-grid=true]{background-image:radial-gradient(#b8c2d0 1px,#0000 1px);background-size:var(--grid-size) var(--grid-size)}.studio-canvas{background:var(--canvas);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:5px;width:min(100%,1400px);height:min(100%,900px);box-shadow:0 10px 30px #0d1b2e2e}.studio-canvas [role=button]{cursor:pointer}.selection-outline{fill:none;stroke:var(--select);stroke-width:2px;stroke-dasharray:8 5;pointer-events:none}.transform-handles line{stroke:var(--select);stroke-width:1.5px;pointer-events:none}.resize-handle,.rotate-handle{fill:#fff;stroke:var(--select);stroke-width:2px;vector-effect:non-scaling-stroke}.resize-handle{cursor:nwse-resize}.resize-handle[aria-label$=ne],.resize-handle[aria-label$=sw]{cursor:nesw-resize}.rotate-handle{fill:#dce8f7;cursor:grab}.selection-toolbar-shell,.inline-editor{overflow:visible}.selection-toolbar{border:1px solid var(--line);background:var(--bg-panel);border-radius:10px;align-items:center;gap:3px;height:40px;padding:4px;display:flex;box-shadow:0 8px 24px #00000059}.selection-toolbar button,.selection-toolbar label{width:40px;height:30px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.selection-toolbar button:hover{background:var(--accent-soft);color:var(--accent)}.selection-toolbar input[type=color]{border:1px solid var(--line);background:var(--bg-card);cursor:pointer;border-radius:50%;width:24px;height:24px;padding:2px}.inline-editor input{border:2px solid var(--accent);min-height:40px;color:var(--canvas-ink);background:#fff;border-radius:7px;outline:none;padding:6px 9px;box-shadow:0 8px 24px #0d1b2e33}.empty-canvas{text-align:center;color:#5f7a96;pointer-events:none;gap:5px;display:grid;position:absolute}.empty-canvas strong{color:var(--canvas-ink)}.sheets-canvas .studio-canvas{background:var(--desk)}.sheets-canvas[data-grid=true]{background-image:none}.studio-canvas .sheet-paper{stroke:#1e2a3a;filter:drop-shadow(0 6px 14px #00000059)}.studio-canvas .sheet.active .sheet-paper{stroke:var(--gold)}.studio-canvas .sheet-label{fill:var(--desk-ink);font-family:var(--f-label,"IBM Plex Sans", sans-serif);font-weight:600}.studio-canvas [data-connection-source=true]{filter:drop-shadow(0 0 8px #3c74bbcc)}.module-empty{text-align:center;place-content:center;justify-items:center;gap:6px;padding:30px;display:grid}.module-empty span{max-width:420px;color:var(--muted);font-size:11px}.board-list-wrap,.cutsheet-grid{min-height:0;padding:18px;overflow:auto}.board-list{border-collapse:collapse;background:var(--bg-card);width:100%}.board-list th,.board-list td{border-bottom:1px solid var(--line);text-align:left;padding:10px;font-size:10px}.board-list th{background:var(--paper);color:var(--muted);position:sticky;top:0}.board-list td button{color:var(--accent);background:0 0;border:0;font-weight:700}.status-pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 7px}.cutsheet-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:12px;display:grid}.cutsheet-card{border:1px solid var(--line);background:var(--bg-card);text-align:left;border-radius:12px;grid-template-columns:38% 1fr;gap:14px;min-height:190px;padding:12px;display:grid}.cutsheet-card:hover{border-color:var(--border-gold)}.cutsheet-preview{background:linear-gradient(135deg, var(--bg-active), var(--bg-hover));color:var(--accent);border-radius:8px;place-items:center;font-size:38px;display:grid}.cutsheet-card>div{align-content:start;gap:4px;min-width:0;display:grid}.cutsheet-card small{color:var(--muted);text-transform:uppercase;font-size:8px}.cutsheet-card strong{font-size:13px}.cutsheet-card dl{grid-template-columns:auto 1fr;gap:4px 8px;margin:8px 0 0;font-size:9px;display:grid}.cutsheet-card dt{color:var(--muted)}.cutsheet-card dd{margin:0}@media (width<=620px){.canvas-stage{padding:18px}}