:root{--shell-bg: oklch(.985 .004 80);--shell-panel: oklch(.965 .005 80);--shell-elevated: oklch(1 0 0);--shell-border: oklch(.91 .006 80);--shell-border-strong: oklch(.86 .008 80);--shell-text: oklch(.22 .012 260);--shell-text-muted: oklch(.5 .012 260);--shell-text-faint: oklch(.68 .01 260);--shell-hover: oklch(.945 .006 80);--shell-selected: oklch(.94 .012 240);--canvas-bg: oklch(.185 .012 260);--canvas-grid: oklch(.22 .013 260);--canvas-panel: oklch(.225 .013 260);--canvas-elevated: oklch(.26 .014 260);--canvas-border: oklch(.3 .014 260);--canvas-border-strong: oklch(.38 .016 260);--canvas-text: oklch(.93 .006 260);--canvas-text-muted: oklch(.68 .012 260);--canvas-text-faint: oklch(.52 .012 260);--canvas-hover: oklch(.275 .014 260);--canvas-selected: oklch(.32 .05 240);--accent: oklch(.72 .16 240);--accent-soft: oklch(.72 .16 240 / .16);--accent-strong: oklch(.62 .18 240);--accent-fg: oklch(.98 .005 240);--status-blocker: oklch(.66 .2 25);--status-blocker-soft: oklch(.66 .2 25 / .16);--status-warning: oklch(.78 .15 75);--status-warning-soft: oklch(.78 .15 75 / .18);--status-ok: oklch(.72 .14 150);--status-ok-soft: oklch(.72 .14 150 / .16);--status-info: var(--accent);--status-info-soft: var(--accent-soft);--status-forbidden: oklch(.58 .22 15);--status-forbidden-soft: oklch(.58 .22 15 / .16);--status-drifted: oklch(.72 .14 300);--status-drifted-soft: oklch(.72 .14 300 / .16);--font-sans: "IBM Plex Sans", "SF Pro Text", system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--row-h: 28px;--pad-x: 12px;--pad-y: 8px;--text-ui: 13px;--text-table: 12px;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--shadow-pop: 0 12px 28px -8px oklch(.2 .02 260 / .18), 0 2px 6px -2px oklch(.2 .02 260 / .08);--shadow-canvas: 0 0 0 1px oklch(0 0 0 / .4), 0 18px 50px -12px oklch(0 0 0 / .45)}[data-density=tight]{--row-h: 24px;--pad-x: 10px;--pad-y: 6px;--text-ui: 12px;--text-table: 11px}[data-density=roomy]{--row-h: 34px;--pad-x: 14px;--pad-y: 10px;--text-ui: 14px;--text-table: 13px}[data-accent-hue]{--accent: oklch(.72 .16 var(--accent-hue, 240));--accent-soft: oklch(.72 .16 var(--accent-hue, 240) / .16);--accent-strong: oklch(.62 .18 var(--accent-hue, 240))}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--text-ui);color:var(--shell-text);background:var(--shell-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03";overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}#root{display:grid;grid-template-rows:44px 1fr;grid-template-columns:264px 1fr 360px;grid-template-areas:"topbar topbar topbar" "sidebar workspace inspector";height:100vh;width:100vw}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#7d808640;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#60636973;background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-track{background:transparent}.app{display:contents}.auth-screen{grid-column:1 / -1;grid-row:1 / -1;min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,var(--shell-bg),var(--shell-panel))}.auth-card{width:min(420px,100%);display:grid;gap:18px;padding:24px;border:1px solid var(--shell-border);border-radius:var(--r-lg);background:var(--shell-elevated);box-shadow:var(--shadow-pop)}.auth-card.compact{gap:14px}.auth-brand{font-size:13px}.auth-copy h1{margin:0;font-size:24px;line-height:1.18;letter-spacing:0}.auth-copy p{margin:7px 0 0;color:var(--shell-text-muted);font-size:13px;line-height:1.45}.auth-field{display:grid;gap:6px;font-size:12px;color:var(--shell-text-muted)}.auth-field input{height:34px;border:1px solid var(--shell-border-strong);border-radius:var(--r-md);padding:0 10px;background:var(--shell-bg);color:var(--shell-text)}.auth-message{padding:9px 10px;border-radius:var(--r-md);border:1px solid var(--status-ok);background:var(--status-ok-soft);color:var(--shell-text);font-size:12px}.auth-message.error{border-color:#f4514f59;background:var(--status-blocker-soft)}.auth-submit{height:34px;justify-content:center}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--shell-text-faint);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--shell-border)}.auth-google{width:100%;background:var(--shell-bg);border-color:var(--shell-border-strong)}.auth-google:hover{background:var(--shell-hover)}.topbar{grid-area:topbar;background:var(--shell-bg);border-bottom:1px solid var(--shell-border);display:flex;align-items:center;padding:0 14px;gap:14px;-webkit-user-select:none;user-select:none}.brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;letter-spacing:0}.brand-mark{width:22px;height:22px;border-radius:5px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);position:relative;box-shadow:inset 0 0 0 1px #ffffff26}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#fffffff2}.brand-mark:before{width:5px;height:5px;border-radius:50%;top:4px;left:4px}.brand-mark:after{width:5px;height:5px;border-radius:50%;bottom:4px;right:4px}.brand-mark>span{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 36%,oklch(1 0 0 / .6) 38%,oklch(1 0 0 / .6) 40%,transparent 42%)}.brand .sub{color:var(--shell-text-muted);font-weight:400;margin-left:2px}.topbar-divider{width:1px;align-self:stretch;background:var(--shell-border);margin:8px 0}.crumbs{display:flex;align-items:center;gap:8px;color:var(--shell-text-muted);font-size:12px}.crumbs .sep{color:var(--shell-text-faint)}.crumbs .here{color:var(--shell-text);font-weight:500}.crumbs code{font-family:var(--font-mono);font-size:11.5px;background:var(--shell-panel);padding:2px 5px;border-radius:4px;border:1px solid var(--shell-border)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.role-menu{position:relative}.role-button{height:28px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--shell-border-strong);border-radius:var(--r-md);background:var(--shell-elevated);color:var(--shell-text);font-size:12px;font-weight:500}.role-dot{width:7px;height:7px;border-radius:50%;background:var(--status-ok)}.role-dot.admin{background:var(--accent)}.role-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:50;width:220px;padding:8px;border:1px solid var(--shell-border);border-radius:var(--r-md);background:var(--shell-elevated);box-shadow:var(--shadow-pop)}.role-email{padding:6px 8px 8px;color:var(--shell-text-muted);font-family:var(--font-mono);font-size:11px;overflow-wrap:anywhere}.role-menu-item{width:100%;height:28px;padding:0 8px;border-radius:var(--r-sm);text-align:left;color:var(--shell-text)}.role-menu-item:hover{background:var(--shell-hover)}.btn{height:28px;padding:0 10px;border-radius:var(--r-md);border:1px solid var(--shell-border-strong);background:var(--shell-elevated);color:var(--shell-text);font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:background .12s,border-color .12s,transform .05s}.btn:hover{background:var(--shell-hover)}.btn:active{transform:translateY(.5px)}.btn.primary{background:var(--accent);border-color:var(--accent-strong);color:var(--accent-fg)}.btn.primary:hover{background:var(--accent-strong)}.btn.primary:disabled{background:#ced1d6;border-color:#ced1d6;color:#7d8086;cursor:not-allowed}.btn.ghost{background:transparent;border-color:transparent;color:var(--shell-text-muted)}.btn.ghost:hover{background:var(--shell-hover);color:var(--shell-text)}.btn.danger{background:var(--status-blocker-soft);border-color:#f4514f59;color:var(--status-blocker)}.btn.sm{height:24px;padding:0 8px;font-size:11.5px;border-radius:5px}.status-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:11px;font-size:11px;font-weight:500;letter-spacing:.005em;background:var(--shell-panel);border:1px solid var(--shell-border);color:var(--shell-text-muted)}.status-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.blocker{color:var(--status-blocker);background:var(--status-blocker-soft);border-color:#f4514f40}.status-pill.warning{color:#a26000;color:oklch(.55 .13 65);background:var(--status-warning-soft);border-color:#efa83166}.status-pill.ok{color:var(--status-ok);background:var(--status-ok-soft);border-color:#5bbd7440}.status-pill.info{color:var(--accent-strong);background:var(--accent-soft);border-color:#19affe40}.status-pill.drifted{color:var(--status-drifted);background:var(--status-drifted-soft);border-color:#b28fef40}.status-pill.forbidden{color:var(--status-forbidden);background:var(--status-forbidden-soft);border-color:#de1c4e4d}.sidebar{grid-area:sidebar;background:var(--shell-panel);border-right:1px solid var(--shell-border);overflow-y:auto;display:flex;flex-direction:column}.sb-section{padding:12px 12px 10px;border-bottom:1px solid var(--shell-border)}.sb-title{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--shell-text-faint);margin:0 0 8px;display:flex;align-items:center;justify-content:space-between}.sb-title .count{font-family:var(--font-mono);font-weight:500;font-size:10px;background:var(--shell-elevated);border:1px solid var(--shell-border);color:var(--shell-text-muted);padding:1px 6px;border-radius:8px}.source-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:6px;border-radius:var(--r-md);cursor:pointer;font-size:12.5px}.source-row:hover{background:var(--shell-hover)}.source-row .file-ic{color:var(--shell-text-faint)}.source-row .path{color:var(--shell-text);font-family:var(--font-mono);font-size:11.5px}.source-row .status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.filter-row,.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:5px 6px;border-radius:var(--r-sm);font-size:12px;color:var(--shell-text)}.filter-row:hover,.toggle-row:hover{background:var(--shell-hover)}.filter-row .label{color:var(--shell-text)}.filter-row .val{color:var(--shell-text-muted);font-family:var(--font-mono);font-size:11px}.toggle{width:26px;height:14px;border-radius:10px;background:#cbced3;position:relative;transition:background .18s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:1px;left:1px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:left .18s}.toggle[data-on=true]{background:var(--accent)}.toggle[data-on=true]:after{left:13px}.workspace{grid-area:workspace;background:var(--shell-bg);display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}.tabs{display:flex;padding:0 12px;background:var(--shell-bg);border-bottom:1px solid var(--shell-border);gap:2px;align-items:stretch;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;padding:0 12px;height:38px;display:inline-flex;align-items:center;gap:8px;color:var(--shell-text-muted);font-size:12.5px;font-weight:500;border-radius:0;cursor:pointer;-webkit-user-select:none;user-select:none;flex:0 0 auto}.tab:hover,.tab.active{color:var(--shell-text)}.tab.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.tab .badge{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:1px 5px;border-radius:8px;background:var(--shell-panel);border:1px solid var(--shell-border);color:var(--shell-text-muted)}.tab.active .badge{color:var(--accent);border-color:#19affe4d;background:var(--accent-soft)}.tab .badge.blocker{color:var(--status-blocker);background:var(--status-blocker-soft);border-color:#f4514f4d}.tab .badge.warning{color:#a26000;color:oklch(.55 .13 65);background:var(--status-warning-soft);border-color:#efa83166}.tabs-right{margin-left:auto;display:flex;align-items:center;gap:8px;padding-right:4px}@media (max-width: 1480px){.tab{padding:0 9px;gap:5px}.tabs-right{display:none}}.canvas{flex:1;background:var(--canvas-bg);color:var(--canvas-text);position:relative;overflow:hidden;margin:10px;border-radius:var(--r-lg);box-shadow:var(--shadow-canvas);background-image:radial-gradient(circle at 1px 1px,var(--canvas-grid) 1px,transparent 0);background-size:22px 22px;background-position:-1px -1px}.canvas-toolbar{position:absolute;left:10px;top:10px;right:10px;display:flex;align-items:center;gap:8px;z-index:5}.canvas-toolbar .group{display:inline-flex;background:var(--canvas-panel);border:1px solid var(--canvas-border);border-radius:var(--r-md);padding:2px;gap:2px;box-shadow:0 1px #0003}.canvas-toolbar .group .btn{height:24px;border:0;background:transparent;color:var(--canvas-text-muted);font-size:11.5px;border-radius:4px}.canvas-toolbar .group .btn:hover{background:var(--canvas-hover);color:var(--canvas-text)}.canvas-toolbar .group .btn.active{background:var(--canvas-elevated);color:var(--canvas-text);box-shadow:inset 0 0 0 1px var(--canvas-border-strong)}.canvas-status{position:absolute;left:14px;bottom:12px;display:flex;gap:14px;align-items:center;color:var(--canvas-text-faint);font-family:var(--font-mono);font-size:11px;z-index:5}.canvas-status .sep{color:#3e434a}.inspector{grid-area:inspector;background:var(--shell-bg);border-left:1px solid var(--shell-border);overflow-y:auto;display:flex;flex-direction:column}.insp-header{padding:14px 16px 12px;border-bottom:1px solid var(--shell-border);background:var(--shell-panel)}.insp-eyebrow{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--shell-text-faint);display:flex;align-items:center;justify-content:space-between}.insp-name{margin-top:6px;font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--shell-text);word-break:break-all;line-height:1.4}.insp-row{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:7px 16px;align-items:baseline;font-size:12px}.insp-row .k{color:var(--shell-text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.insp-row .v{color:var(--shell-text);font-family:var(--font-mono);font-size:12px;word-break:break-all}.insp-section{padding:12px 16px;border-top:1px solid var(--shell-border)}.insp-section h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--shell-text-faint);display:flex;align-items:center;justify-content:space-between}.token-editor{display:grid;gap:8px}.edit-grid{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.edit-field{display:grid;gap:5px;min-width:0}.edit-field>span{color:var(--shell-text-faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.edit-field input,.edit-field select{width:100%;height:28px;min-width:0;border-radius:var(--r-sm);border:1px solid var(--shell-border-strong);background:var(--shell-elevated);color:var(--shell-text);font-family:var(--font-mono);font-size:11.5px;padding:0 8px}.edit-field input:disabled,.edit-field select:disabled{background:var(--shell-panel);color:var(--shell-text-faint);cursor:not-allowed}.edit-preview{grid-column:1 / -1;display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-sm);border:1px solid var(--shell-border);background:var(--shell-panel);font-family:var(--font-mono);font-size:11.5px}.edit-preview span:last-child{color:var(--shell-text-muted)}.edit-note,.edit-error{grid-column:1 / -1;font-size:11.5px;line-height:1.35}.edit-note{color:var(--shell-text-muted)}.edit-error{color:var(--status-blocker)}.sidecar-editor{display:grid;gap:10px;color:var(--canvas-text)}.sidecar-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sidecar-editor-title{font-size:12px;font-weight:600;color:var(--canvas-text)}.sidecar-editor-sub{margin-top:3px;color:var(--canvas-text-muted);font-size:11px;line-height:1.35}.sidecar-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sidecar-field{display:grid;gap:4px;min-width:0}.sidecar-field.wide{grid-column:1 / -1}.sidecar-field span{color:var(--canvas-text-muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.sidecar-field input,.sidecar-field select{width:100%;height:28px;min-width:0;border-radius:var(--r-sm);border:1px solid var(--canvas-border);background:var(--canvas-bg);color:var(--canvas-text);font-family:var(--font-mono);font-size:11px;padding:0 8px}.sidecar-field input:disabled,.sidecar-field select:disabled{color:var(--canvas-text-faint);cursor:not-allowed}.sidecar-actions{display:flex;gap:6px}.sidecar-message{padding:8px;border-radius:var(--r-sm);border:1px solid var(--canvas-border);background:var(--canvas-bg);color:var(--canvas-text-muted);font-size:11.5px;line-height:1.35}.sidecar-message.ok{color:var(--status-ok);border-color:#5bbd7459}.sidecar-message.warning{color:#efa831;border-color:#efa83159}.sidecar-message.blocker{color:var(--status-blocker);border-color:#f4514f59}.swatch{display:inline-flex;align-items:center;gap:8px}.swatch .sq{width:14px;height:14px;border-radius:3px;border:1px solid oklch(0 0 0 / .1);background:var(--c, #000);box-shadow:inset 0 0 0 1px #ffffff1a}.alias-chain{display:flex;flex-direction:column;gap:4px}.alias-step{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-sm);background:var(--shell-panel);border:1px solid var(--shell-border);font-family:var(--font-mono);font-size:11.5px}.alias-step.primary{border-color:var(--accent);background:var(--accent-soft)}.alias-arrow{color:var(--shell-text-faint);text-align:center;padding-left:8px;font-family:var(--font-mono)}.cand{display:grid;grid-template-columns:16px 1fr auto auto;gap:10px;align-items:center;padding:7px 8px;border-radius:var(--r-md);cursor:pointer;font-size:12px}.cand:hover{background:var(--shell-hover)}.cand .name{font-family:var(--font-mono);font-size:11.5px}.cand.current{background:var(--accent-soft)}.cand.current:before{content:"•";color:var(--accent);font-size:16px;line-height:.5}.tbl{width:100%;border-collapse:collapse;font-size:var(--text-table)}.tbl thead th{position:sticky;top:0;background:var(--canvas-bg);color:var(--canvas-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;text-align:left;padding:9px 12px;border-bottom:1px solid var(--canvas-border);z-index:2}.tbl tbody td{padding:7px 12px;border-bottom:1px solid oklch(.25 .013 260);color:var(--canvas-text);font-family:var(--font-mono);font-size:11.5px;vertical-align:middle}.tbl tbody tr:hover td{background:var(--canvas-hover)}.tbl tbody tr.selected td{background:#19affe24}.tbl tbody tr.selected td:first-child{box-shadow:inset 2px 0 0 var(--accent)}.tbl tbody td.muted{color:var(--canvas-text-muted)}.tbl tbody td .row-name{display:inline-flex;align-items:center;gap:8px}.workspace-card{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:8px;border:1px solid var(--shell-border);border-radius:var(--r-md);background:var(--shell-elevated)}.workspace-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:var(--accent);color:var(--accent-fg);font-family:var(--font-mono);font-size:11px;font-weight:700}.workspace-copy{min-width:0}.workspace-label{color:var(--shell-text-faint);font-size:10px;text-transform:uppercase;font-weight:600}.workspace-name{margin-top:2px;color:var(--shell-text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-meta{margin-top:2px;color:var(--shell-text-muted);font-family:var(--font-mono);font-size:10.5px;overflow-wrap:anywhere}.workspace-status-grid{margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:center;font-size:11.5px;color:var(--shell-text-muted)}.workspace-status-grid code{font-family:var(--font-mono);color:var(--shell-text);font-size:11px}.kit-list{display:grid;gap:4px}.kit-row{display:grid;gap:2px;width:100%;padding:8px;border-radius:var(--r-md);text-align:left;background:var(--shell-elevated);border:1px solid var(--shell-border)}.kit-name{color:var(--shell-text);font-size:12.5px;font-weight:600}.kit-meta{color:var(--shell-text-muted);font-family:var(--font-mono);font-size:10.5px}.kit-empty{padding:10px;border-radius:var(--r-md);border:1px dashed var(--shell-border-strong);color:var(--shell-text-muted);font-size:12px;line-height:1.4;background:var(--shell-elevated)}.kit-footer{margin-top:8px;color:var(--shell-text-faint);font-size:11px;font-family:var(--font-mono)}.sidebar-note p{margin:0;color:var(--shell-text-muted);font-size:12px;line-height:1.45}.tokens-table{width:auto;min-width:1076px;table-layout:fixed}.tokens-table th,.tokens-table td{overflow-wrap:anywhere}.tokens-table th:first-child,.tokens-table td:first-child{padding-left:12px;padding-right:6px}.canvas-badge{display:inline-flex;align-items:center;gap:5px;height:19px;padding:0 7px;border-radius:10px;font-size:10.5px;font-weight:500;background:var(--canvas-elevated);border:1px solid var(--canvas-border);color:var(--canvas-text-muted);font-family:var(--font-sans);letter-spacing:.01em}.canvas-badge .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.canvas-badge.blocker{color:#ff958d;color:oklch(.78 .18 25);background:#f4514f2e;border-color:#f4514f59}.canvas-badge.warning{color:#ffbe3d;color:oklch(.84 .16 80);background:#efa8312e;border-color:#efa83166}.canvas-badge.ok{color:#77eb94;background:#5bbd7429;border-color:#5bbd744d}.canvas-badge.info{color:#a3d8ff;color:oklch(.86 .13 240);background:#19affe29;border-color:#19affe5c}.canvas-badge.forbidden{color:#ff939c;color:oklch(.78 .2 15);background:#de1c4e2e;border-color:#de1c4e66}.canvas-badge.drifted{color:#d6c1ff;color:oklch(.85 .14 300);background:#b28fef29;border-color:#b28fef59}.map-stage{position:absolute;top:0;right:0;bottom:0;left:0}.map-cols{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr 1fr;padding:56px 24px 36px;gap:0}.map-col{position:relative;display:flex;flex-direction:column;gap:10px;padding:8px 12px;min-height:0;overflow-y:auto;scrollbar-gutter:stable}.map-col-head{position:sticky;top:0;z-index:2;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--canvas-text-faint);font-weight:500;padding:6px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,var(--canvas-bg) 60%,transparent)}.map-col-head .count{color:var(--canvas-text-muted);font-family:var(--font-mono)}.map-node{position:relative;display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;padding:8px 10px;background:var(--canvas-panel);border:1px solid var(--canvas-border);border-radius:var(--r-md);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-mono);font-size:11.5px;transition:border-color .12s,background .12s}.map-node:hover{background:var(--canvas-hover);border-color:var(--canvas-border-strong)}.map-node.selected{border-color:var(--accent);background:#19affe2e;box-shadow:0 0 0 1px var(--accent)}.map-node.dim{opacity:.35}.map-node .name{color:var(--canvas-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-node .meta{color:var(--canvas-text-faint);font-size:10.5px}.map-node.has-blocker{border-color:#f4514f8c}.map-node.has-warning{border-color:#efa8318c}.map-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--canvas-text-faint);font-size:13px;text-align:center}.empty-banner{position:absolute;left:18px;right:18px;top:18px;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-md);border:1px solid oklch(.72 .16 240 / .35);background:#19affe24;color:var(--canvas-text)}.empty-banner.error{border-color:#f4514f66;background:#f4514f29}.empty-banner-title{font-weight:650;font-size:13px}.empty-banner-body{margin-top:4px;color:var(--canvas-text-muted);font-size:12px;line-height:1.45}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#090b0f8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:grid;place-items:center;padding:40px}.modal{background:var(--shell-bg);border:1px solid var(--shell-border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);width:min(720px,100%);max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-head{padding:16px 18px 14px;border-bottom:1px solid var(--shell-border);display:flex;align-items:flex-start;gap:12px}.modal-head .title{font-weight:600;font-size:14px;line-height:1.4}.modal-head .sub{color:var(--shell-text-muted);font-size:12px;margin-top:3px}.modal-body{padding:14px 18px;overflow-y:auto}.modal-foot{padding:12px 16px;border-top:1px solid var(--shell-border);display:flex;align-items:center;gap:10px}.modal-foot .spacer{flex:1}.search{display:flex;align-items:center;gap:8px;background:var(--shell-elevated);border:1px solid var(--shell-border-strong);border-radius:var(--r-md);padding:0 10px;height:28px}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search input{background:transparent;border:0;outline:0;font-size:12px;width:100%}.search input::placeholder{color:var(--shell-text-faint)}.search .kbd{font-family:var(--font-mono);font-size:10px;color:var(--shell-text-faint);padding:1px 5px;border:1px solid var(--shell-border);border-radius:4px;background:var(--shell-panel)}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 7px;font-size:10.5px;font-weight:500;border-radius:9px;background:var(--shell-panel);border:1px solid var(--shell-border);color:var(--shell-text-muted);font-family:var(--font-sans)}.chip.mono{font-family:var(--font-mono);font-size:10.5px}.chip.accent{background:var(--accent-soft);border-color:#19affe4d;color:var(--accent-strong)}.chip.warn{background:var(--status-warning-soft);border-color:#efa83166;color:#a26000;color:oklch(.55 .13 65)}.chip.blocker{background:var(--status-blocker-soft);border-color:#f4514f4d;color:var(--status-blocker)}.chip.forbidden{background:var(--status-forbidden-soft);border-color:#de1c4e4d;color:var(--status-forbidden)}.issue{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid oklch(.25 .013 260);cursor:pointer}.issue:hover{background:var(--canvas-hover)}.issue .ic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;font-family:var(--font-mono)}.issue .title-line{color:var(--canvas-text);font-size:12.5px;font-weight:500}.issue .sub{color:var(--canvas-text-muted);font-size:11.5px;font-family:var(--font-mono);margin-top:2px;word-break:break-all}.issue .hint{color:var(--canvas-text-faint);font-size:11.5px;margin-top:4px}.issue.blocker .ic{background:var(--status-blocker-soft);color:var(--status-blocker)}.issue.warning .ic{background:var(--status-warning-soft);color:#ffbe3d;color:oklch(.84 .16 80)}.issue.drifted .ic{background:var(--status-drifted-soft);color:#d6c1ff;color:oklch(.85 .14 300)}.issue.forbidden .ic{background:var(--status-forbidden-soft);color:#ff939c;color:oklch(.78 .2 15)}.issue.info .ic{background:var(--accent-soft);color:#a3d8ff;color:oklch(.86 .13 240)}.diff-row{display:grid;grid-template-columns:80px 1.2fr 1fr 1fr;gap:12px;align-items:center;padding:8px 14px;border-bottom:1px solid oklch(.25 .013 260);font-family:var(--font-mono);font-size:11.5px;color:var(--canvas-text)}.diff-row .tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:2px 7px;border-radius:4px;font-family:var(--font-sans);letter-spacing:.06em;text-align:center}.diff-row .tag.add{background:#5bbd742e;color:#77eb94}.diff-row .tag.rem{background:#f4514f2e;color:#ff958d;color:oklch(.78 .18 25)}.diff-row .tag.mod{background:#efa8312e;color:#ffbe3d;color:oklch(.84 .16 80)}.diff-row .tag.ren{background:#b28fef2e;color:#d6c1ff;color:oklch(.85 .14 300)}.diff-row .before{color:var(--canvas-text-muted);text-decoration:line-through;text-decoration-color:#ff958d99;text-decoration-color:oklch(.78 .18 25 / .6)}.diff-row .after{color:#77eb94}[data-dim-others=true] .map-node:not(.selected):not(.connected){opacity:.32}.matrix-wrap{position:absolute;top:0;right:0;bottom:0;left:0;padding:56px 0 36px;overflow:auto}.matrix-table{border-collapse:separate;border-spacing:0;font-family:var(--font-mono);font-size:11px;min-width:100%}.matrix-table thead th{position:sticky;top:0;background:var(--canvas-bg);z-index:3;border-bottom:1px solid var(--canvas-border);border-right:1px solid oklch(.25 .013 260);padding:8px;text-align:left;font-weight:500;color:var(--canvas-text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;height:56px;vertical-align:bottom}.matrix-table thead th .vrt{display:inline-block;transform:rotate(-32deg);transform-origin:left bottom;min-width:80px}.matrix-table thead th.corner{position:sticky;left:0;z-index:4;min-width:220px;background:var(--canvas-bg);text-transform:none;letter-spacing:0;font-size:11px;color:var(--canvas-text);vertical-align:bottom}.matrix-table tbody th{position:sticky;left:0;z-index:2;background:var(--canvas-bg);text-align:left;font-weight:400;color:var(--canvas-text);padding:6px 12px;border-right:1px solid var(--canvas-border);border-bottom:1px solid oklch(.25 .013 260);white-space:nowrap;font-size:11.5px;cursor:pointer}.matrix-table tbody th:hover{background:var(--canvas-hover)}.matrix-table tbody tr.selected th{background:#19affe29;color:var(--canvas-text);box-shadow:inset 2px 0 0 var(--accent)}.matrix-cell{width:30px;height:28px;border-right:1px solid oklch(.25 .013 260);border-bottom:1px solid oklch(.25 .013 260);position:relative;text-align:center;vertical-align:middle;cursor:pointer}.matrix-cell:hover{background:var(--canvas-hover)}.matrix-cell .mk{display:inline-block;width:10px;height:10px;border-radius:50%;background:transparent}.matrix-cell.current .mk{background:var(--accent);box-shadow:0 0 0 3px #19affe40}.matrix-cell.allowed .mk{background:#5bbd7473}.matrix-cell.alternative .mk{background:#5bbd742e;width:6px;height:6px}.matrix-cell.forbidden .mk{width:12px;height:2px;background:#de1c4ecc;transform:rotate(45deg);border-radius:0}.matrix-cell.warning .mk{background:#efa8318c}.matrix-cell.selected-row{background:#19affe0f}.matrix-cell.collision{box-shadow:inset 0 0 0 2px #f4514f99}.tab-toolbar{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:center;gap:8px;z-index:5}.tab-toolbar .group{display:inline-flex;background:var(--canvas-panel);border:1px solid var(--canvas-border);border-radius:var(--r-md);padding:2px;gap:2px}.tab-toolbar .group .btn{background:transparent;color:var(--canvas-text-muted);border:0}.tab-toolbar .group .btn.active{background:var(--canvas-elevated);color:var(--canvas-text)}.tab-toolbar .search{background:var(--canvas-panel);border-color:var(--canvas-border)}.tab-toolbar .search input{color:var(--canvas-text)}.tab-toolbar .search input::placeholder{color:var(--canvas-text-faint)}.tab-toolbar .search .kbd{background:var(--canvas-bg);border-color:var(--canvas-border);color:var(--canvas-text-faint)}.tab-toolbar .search:focus-within{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent)}.tab-content{position:absolute;top:50px;left:8px;right:8px;bottom:8px;overflow:auto;border-radius:8px}.force-stage svg{width:100%;height:100%}.statusbar{height:26px;background:var(--shell-bg);border-top:1px solid var(--shell-border);display:flex;align-items:center;gap:14px;padding:0 12px;font-size:11px;color:var(--shell-text-muted);font-family:var(--font-mono)}.kbd{display:inline-block;padding:1px 5px;border-radius:4px;background:var(--shell-panel);border:1px solid var(--shell-border);font-family:var(--font-mono);font-size:10px;color:var(--shell-text-muted)}@keyframes pulse-ring{0%,to{box-shadow:0 0 #19affe80}50%{box-shadow:0 0 0 5px #19affe00}}.pulse{animation:pulse-ring 2s infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal{animation:fade-in .18s ease}.blast{display:flex;align-items:center;gap:8px;font-size:12px}.blast-bar{flex:1;height:6px;border-radius:4px;background:var(--shell-panel);overflow:hidden;border:1px solid var(--shell-border)}.blast-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:4px}.blast-bar.warn>span{background:linear-gradient(90deg,#efa831,#eb8917,#e36b00);background:linear-gradient(90deg,#efa831,#eb8917,color(xyz 0.372 0.267 0.026))}.blast-bar.danger>span{background:linear-gradient(90deg,#ff958d,#e54151);background:linear-gradient(90deg,color(xyz 0.624 0.437 0.239),#e54151)}.donut{width:96px;height:96px;position:relative}.donut svg{width:100%;height:100%;transform:rotate(-90deg)}.donut .center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;font-size:16px;color:var(--canvas-text)}.map-node.connected{border-color:#19affe73}.map-node.connected .name{color:var(--canvas-text)}.tweaks-floating{z-index:200}