.cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;background:var(--ui-overlay, rgba(0, 0, 0, .4))}.cmd-palette{width:520px;max-height:420px;background:var(--role-panel, var(--bg-1));border:1px solid var(--role-panel-border-color, var(--border));border-radius:10px;box-shadow:var(--ui-shadow-lg, 0 16px 48px rgba(0, 0, 0, .3));display:flex;flex-direction:column;overflow:hidden}.cmd-input-wrap{padding:var(--ui-space-sm, .75rem);border-bottom:1px solid var(--role-panel-border-color, var(--border))}.cmd-input{width:100%;padding:var(--ui-space-xs, .5rem) var(--ui-space-sm, .75rem);background:var(--role-input, var(--bg-2));border:1px solid var(--role-input-border-color, var(--border));border-radius:6px;color:var(--role-input-text, var(--text-0));font-size:var(--ui-font-size-base, .9rem);font-family:inherit;outline:none}.cmd-input:focus{border-color:var(--role-input-focus-border-color, var(--accent))}.cmd-input::placeholder{color:var(--role-input-text, var(--text-3));opacity:.6}.cmd-results{flex:1;overflow-y:auto;padding:var(--ui-space-xs, .4rem)}.cmd-group-label{padding:var(--ui-space-xs, .3rem) var(--ui-space-sm, .75rem);font-size:.65rem;font-weight:600;color:var(--role-panel-text, var(--text-3));text-transform:uppercase;letter-spacing:.06em}.cmd-item{display:flex;align-items:center;gap:var(--ui-space-sm, .6rem);padding:var(--ui-space-xs, .45rem) var(--ui-space-sm, .75rem);border-radius:6px;cursor:pointer;border:none;background:none;width:100%;font-family:inherit;font-size:var(--ui-font-size-small, .82rem);color:var(--role-panel-text, var(--text-1));text-align:left}.cmd-item:hover,.cmd-item.active{background:var(--role-nav-tab-active, var(--accent-dim));color:var(--role-nav-tab-active-text, var(--accent))}.cmd-item-icon{width:20px;text-align:center;flex-shrink:0}.cmd-item-label{flex:1}.cmd-item-shortcut{font-family:var(--mono, monospace);font-size:.68rem;color:var(--role-panel-text, var(--text-3));background:var(--role-panel, var(--bg-2));padding:.1rem .35rem;border-radius:3px;border:1px solid var(--role-panel-border-color, var(--border))}.cmd-empty{padding:var(--ui-space-lg, 2rem) var(--ui-space-md, 1rem);text-align:center;color:var(--role-panel-text, var(--text-3));font-size:var(--ui-font-size-small, .82rem)}.nav-sidebar-brand{padding:var(--ui-space-sm, .85rem) var(--ui-space-md, 1rem);border-bottom:1px solid var(--role-nav-rail-border-color, var(--border));display:flex;align-items:center;gap:var(--ui-space-xs, .5rem)}.nav-sidebar-logo{font-size:var(--ui-font-size-heading, 1.25rem);font-weight:800;color:var(--role-accent, var(--accent));letter-spacing:-.03em}.nav-sidebar-version{font-family:var(--mono, monospace);font-size:var(--ui-font-size-small, .6rem);color:var(--role-nav-rail-text, var(--text-3));background:var(--role-nav-rail-hover, var(--bg-2));padding:.08rem .3rem;border-radius:var(--ui-border-radius, 3px)}.nav-section-label{font-size:var(--ui-font-size-small, .62rem);text-transform:uppercase;letter-spacing:.08em;color:var(--role-nav-rail-text, var(--text-3));padding:var(--ui-space-sm, .85rem) var(--ui-space-md, 1rem) var(--ui-space-xs, .35rem);font-weight:600}.nav-item{display:flex;align-items:flex-start;gap:var(--ui-space-sm, .65rem);padding:var(--ui-space-xs, .6rem) var(--ui-space-md, 1rem);cursor:pointer;transition:all .1s;border-left:3px solid transparent;background:none;border-top:none;border-right:none;border-bottom:none;font-family:inherit;text-align:left;width:100%;color:inherit}.nav-item:hover{background:var(--role-nav-tab-hover, var(--bg-2))}.nav-item.active{background:var(--role-nav-tab-active, var(--accent-dim));border-left-color:var(--role-nav-tab-active-border-color, var(--accent))}.nav-item-icon{font-size:1.15rem;flex-shrink:0;margin-top:.05rem}.nav-item-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.nav-item-name{font-size:var(--ui-font-size-small, .88rem);font-weight:600;color:var(--role-nav-rail-text, var(--text-0))}.nav-item.active .nav-item-name{color:var(--role-nav-tab-active-text, var(--accent))}.nav-item-views{font-size:var(--ui-font-size-small, .72rem);color:var(--role-nav-rail-text, var(--text-2));opacity:.7}.nav-item-key{font-family:var(--mono, monospace);font-size:var(--ui-font-size-small, .58rem);color:var(--role-nav-rail-text, var(--text-3));background:var(--role-nav-rail, var(--bg-0));padding:.05rem .25rem;border-radius:var(--ui-border-radius, 3px);align-self:flex-start;margin-top:.15rem}.nav-spacer{flex:1}.nav-footer{padding:var(--ui-space-sm, .75rem) var(--ui-space-md, 1rem);border-top:1px solid var(--role-nav-rail-border-color, var(--border));display:flex;flex-direction:column;gap:var(--ui-space-xs, .4rem)}.nav-footer-stats{display:flex;gap:var(--ui-space-sm, .75rem)}.nav-footer-stat{display:flex;flex-direction:column;align-items:center}.nav-footer-stat-val{font-family:var(--mono, monospace);font-size:var(--ui-font-size-base, .85rem);font-weight:700;color:var(--role-nav-rail-text, var(--text-0))}.nav-footer-stat-label{font-size:var(--ui-font-size-small, .55rem);color:var(--role-nav-rail-text, var(--text-3));text-transform:uppercase;letter-spacing:.04em}.nav-footer-status{display:flex;align-items:center;gap:var(--ui-space-xs, .3rem);font-size:var(--ui-font-size-small, .68rem);color:var(--role-nav-rail-text, var(--text-2))}.brief-starter-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:stretch;justify-content:center;padding:var(--ui-space-lg, 1.5rem);background:var(--ui-overlay, rgba(0, 0, 0, .34))}.brief-starter-panel{width:min(1180px,100%);max-height:100%;background:var(--role-panel, var(--ui-panel-bg));border:1px solid var(--role-panel-border-color, var(--ui-border));border-radius:var(--ui-border-radius-lg, 12px);box-shadow:var(--ui-shadow-lg);display:flex;flex-direction:column;overflow:hidden}.brief-starter-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-md, 1rem);padding:var(--ui-space-lg, 1.5rem);border-bottom:1px solid var(--role-panel-border-color, var(--ui-border));background:var(--role-panel-alt, var(--ui-panel-bg-alt))}.brief-starter-header-copy{display:flex;flex-direction:column;gap:var(--ui-space-xs, .5rem)}.brief-starter-eyebrow{margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-size-small, .75rem);letter-spacing:.08em;text-transform:uppercase}.brief-starter-title{margin:0;color:var(--role-panel-text, var(--ui-text));font-size:var(--ui-font-size-heading, 1.35rem);line-height:1.2}.brief-starter-subtitle{margin:0;max-width:70ch;color:var(--ui-text-muted);font-size:var(--ui-font-size-small, .88rem);line-height:var(--ui-line-height-base, 1.5)}.brief-starter-header-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:var(--ui-space-xs, .5rem)}.brief-starter-chip{display:inline-flex;align-items:center;gap:var(--ui-space-xxs, .2rem);padding:.2rem .55rem;border-radius:var(--ui-border-radius-pill, 999px);border:1px solid var(--role-chip-border-color, var(--role-chip, var(--ui-border)));background:var(--role-chip, var(--ui-bg-subtle));color:var(--role-chip-text, var(--ui-text));font-size:var(--ui-font-size-small, .72rem);font-weight:600}.brief-starter-chip.is-ready{background:var(--role-success, var(--role-chip, var(--ui-bg-subtle)));color:var(--role-success-text, var(--role-chip-text, var(--ui-text)))}.brief-starter-chip.is-warning{background:var(--role-warning, var(--role-chip, var(--ui-bg-subtle)));color:var(--role-warning-text, var(--role-chip-text, var(--ui-text)))}.brief-starter-close{border:1px solid var(--role-button-border-color, var(--ui-border));background:var(--role-button, var(--ui-bg-subtle));color:var(--role-button-text, var(--ui-text));border-radius:var(--ui-border-radius, 6px);padding:.45rem .8rem;font:inherit;cursor:pointer}.brief-starter-close:hover{background:var(--role-button-hover, var(--role-button, var(--ui-bg-subtle)))}.brief-starter-body{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--ui-space-lg, 1.5rem);padding:var(--ui-space-lg, 1.5rem);background:var(--role-app-background, var(--ui-bg))}.brief-starter-column{display:flex;flex-direction:column;gap:var(--ui-space-md, 1rem);min-width:0}.brief-starter-card{display:flex;flex-direction:column;gap:var(--ui-space-sm, .75rem);padding:var(--ui-space-md, 1rem);background:var(--role-card, var(--ui-panel-bg));border:1px solid var(--role-card-border-color, var(--ui-border));border-radius:var(--ui-border-radius-lg, 12px);min-width:0}.brief-starter-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-sm, .75rem)}.brief-starter-card-title{margin:0;color:var(--role-card-text, var(--ui-text));font-size:var(--ui-font-size-base, .95rem)}.brief-starter-card-body{margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-size-small, .8rem);line-height:var(--ui-line-height-base, 1.5)}.brief-starter-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ui-space-sm, .75rem)}.brief-starter-field{display:flex;flex-direction:column;gap:var(--ui-space-xxs, .25rem)}.brief-starter-field label,.brief-starter-field span{color:var(--role-card-text, var(--ui-text));font-size:var(--ui-font-size-small, .78rem);font-weight:600}.brief-starter-input,.brief-starter-select,.brief-starter-textarea{width:100%;border:1px solid var(--role-input-border-color, var(--ui-border));border-radius:var(--ui-border-radius, 6px);background:var(--role-input, var(--ui-bg-subtle));color:var(--role-input-text, var(--ui-text));font:inherit;padding:.6rem .7rem}.brief-starter-input:focus,.brief-starter-select:focus,.brief-starter-textarea:focus{outline:none;border-color:var(--role-input-focus-border-color, var(--ui-primary))}.brief-starter-textarea{min-height:5.5rem;resize:vertical}.brief-starter-help{margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-size-mini, .72rem);line-height:var(--ui-line-height-base, 1.45)}.brief-starter-sliders{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--ui-space-sm, .75rem)}.brief-starter-slider{display:flex;flex-direction:column;gap:var(--ui-space-xs, .5rem);padding:var(--ui-space-sm, .75rem);background:var(--role-panel-alt, var(--ui-panel-bg-alt));border:1px solid var(--role-panel-border-color, var(--ui-border));border-radius:var(--ui-border-radius, 8px)}.brief-starter-slider-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-xs, .5rem)}.brief-starter-slider-label{color:var(--role-card-text, var(--ui-text));font-size:var(--ui-font-size-small, .8rem);font-weight:600}.brief-starter-slider-value{color:var(--ui-text-muted);font-size:var(--ui-font-size-small, .75rem);font-variant-numeric:tabular-nums}.brief-starter-slider-input{width:100%;accent-color:var(--ui-primary)}.brief-starter-slider-scale{display:flex;justify-content:space-between;gap:var(--ui-space-sm, .75rem);color:var(--ui-text-muted);font-size:var(--ui-font-size-mini, .7rem)}.brief-starter-list{display:grid;gap:var(--ui-space-xs, .45rem)}.brief-starter-list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-sm, .75rem);padding:.55rem .65rem;border-radius:var(--ui-border-radius, 6px);background:var(--role-panel-alt, var(--ui-panel-bg-alt));border:1px solid var(--role-panel-border-color, var(--ui-border))}.brief-starter-list-item strong{color:var(--role-card-text, var(--ui-text));font-size:var(--ui-font-size-small, .78rem)}.brief-starter-list-item span{color:var(--ui-text-muted);font-size:var(--ui-font-size-small, .74rem)}.brief-starter-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--ui-space-sm, .75rem)}.brief-starter-summary-item{display:flex;flex-direction:column;gap:.15rem;padding:.65rem .75rem;border-radius:var(--ui-border-radius, 6px);background:var(--role-panel-alt, var(--ui-panel-bg-alt))}.brief-starter-summary-item dt{color:var(--ui-text-muted);font-size:var(--ui-font-size-mini, .7rem);letter-spacing:.04em;text-transform:uppercase}.brief-starter-summary-item dd{margin:0;color:var(--role-card-text, var(--ui-text));font-size:var(--ui-font-size-small, .82rem);font-weight:600}.brief-starter-request{margin:0;overflow:auto;padding:var(--ui-space-sm, .75rem);border-radius:var(--ui-border-radius, 8px);background:var(--role-panel-alt, var(--ui-panel-bg-alt));color:var(--role-card-text, var(--ui-text));font-family:Consolas,Courier New,monospace;font-size:.73rem;line-height:1.5}.brief-starter-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-xs, .5rem)}.brief-starter-button{border:1px solid var(--role-button-border-color, var(--ui-border));background:var(--role-button, var(--ui-bg-subtle));color:var(--role-button-text, var(--ui-text));border-radius:var(--ui-border-radius, 6px);padding:.55rem .9rem;font:inherit;cursor:pointer}.brief-starter-button:hover{background:var(--role-button-hover, var(--role-button, var(--ui-bg-subtle)))}.brief-starter-button:disabled{opacity:.55;cursor:not-allowed}.brief-starter-button.is-accent{background:var(--ui-primary);color:var(--role-button-active-text, var(--ui-bg));border-color:var(--ui-primary)}.brief-starter-button.is-accent:hover:enabled{opacity:var(--ui-opacity-hover, .92)}.brief-starter-inline-note{color:var(--ui-text-muted);font-size:var(--ui-font-size-small, .76rem)}.brief-starter-callout{display:flex;flex-direction:column;gap:var(--ui-space-xs, .5rem);padding:var(--ui-space-sm, .75rem);border-radius:var(--ui-border-radius, 8px);background:var(--role-panel-alt, var(--ui-panel-bg-alt));border:1px solid var(--role-panel-border-color, var(--ui-border))}.brief-starter-callout.is-danger{border-color:var(--role-error, var(--ui-danger, #b42318));background:color-mix(in srgb,var(--role-error, #b42318) 8%,var(--role-panel-alt, var(--ui-panel-bg-alt)))}.brief-starter-callout-title{color:var(--role-card-text, var(--ui-text));font-size:var(--ui-font-size-small, .8rem)}.brief-starter-callout-body{margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-size-small, .78rem);line-height:var(--ui-line-height-base, 1.5)}.brief-starter-bullets{margin:0;padding-left:1rem;color:var(--role-card-text, var(--ui-text));font-size:var(--ui-font-size-small, .78rem);line-height:var(--ui-line-height-base, 1.55)}.brief-starter-bullets li+li{margin-top:.35rem}.brief-starter-refinements{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ui-space-sm, .75rem)}.brief-starter-refinement{display:flex;flex-direction:column;gap:var(--ui-space-xs, .45rem);padding:var(--ui-space-sm, .75rem);border-radius:var(--ui-border-radius, 8px);background:var(--role-panel-alt, var(--ui-panel-bg-alt));border:1px solid var(--role-panel-border-color, var(--ui-border))}.brief-starter-refinement-title{margin:0;color:var(--role-card-text, var(--ui-text));font-size:var(--ui-font-size-small, .82rem)}.brief-starter-refinement-body{margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-size-small, .78rem);line-height:var(--ui-line-height-base, 1.5)}.home-mode{position:relative;min-height:0}.home-header{display:flex;align-items:center;padding:var(--ui-space-xs, .45rem) var(--ui-space-sm, .85rem);background:var(--role-panel, var(--bg-1));border-bottom:1px solid var(--role-panel-border-color, var(--border));flex-shrink:0;gap:var(--ui-space-sm, .65rem)}.home-header-title{font-size:var(--ui-font-size-small, .8rem);font-weight:600;color:var(--role-panel-text, var(--text-1))}.home-brief-launch{margin-left:auto;border:1px solid var(--ui-primary, var(--role-panel-border-color, var(--border)));border-radius:var(--ui-border-radius, 6px);background:var(--ui-primary, var(--role-panel, var(--bg-1)));color:var(--role-button-active-text, var(--role-panel-text, var(--text-0)));font:inherit;font-size:var(--ui-font-size-small, .75rem);font-weight:600;cursor:pointer;padding:.35rem .7rem}.home-brief-launch:hover{opacity:var(--ui-opacity-hover, .92)}.content-blocks{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1px;background:var(--role-panel-border-color, var(--border))}.mode-block{background:var(--role-app-background, var(--bg-0));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:background .15s;gap:var(--ui-space-xs, .6rem);padding:var(--ui-space-xl, 2rem) var(--ui-space-lg, 1.5rem);border:none;font-family:inherit;color:inherit}.mode-block:hover{background:var(--role-panel, var(--bg-1))}.mode-block-icon{font-size:2.5rem;margin-bottom:.25rem}.mode-block-title{font-size:var(--ui-font-size-base, 1.15rem);font-weight:700;color:var(--role-panel-text, var(--text-0))}.mode-block-desc{font-size:var(--ui-font-size-small, .85rem);color:var(--role-panel-text, var(--text-2));max-width:30ch;line-height:1.5;opacity:.7}.mode-block-meta{display:flex;align-items:center;gap:var(--ui-space-xs, .5rem);margin-top:.25rem}.mode-block-views{font-family:var(--mono, monospace);font-size:var(--ui-font-size-small, .65rem);color:var(--role-panel-text, var(--text-2));background:var(--role-panel, var(--bg-2));padding:.12rem .4rem;border-radius:var(--ui-border-radius, 4px)}.mode-block-key{font-family:var(--mono, monospace);font-size:var(--ui-font-size-small, .6rem);color:var(--role-panel-text, var(--text-3));background:var(--role-panel, var(--bg-2));padding:.1rem .3rem;border-radius:var(--ui-border-radius, 3px);border:1px solid var(--role-panel-border-color, var(--border))}.mode-block-tags{display:flex;gap:.3rem;margin-top:.15rem}.mode-block-tag{font-size:var(--ui-font-size-small, .55rem);padding:.08rem .3rem;border-radius:10px;text-transform:uppercase;letter-spacing:.03em;font-weight:500;background:var(--role-chip, var(--bg-2));color:var(--role-chip-text, var(--text-1))}.mode-block.future{opacity:.35;cursor:default}.content-cards{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:var(--ui-space-lg, 1.5rem);gap:var(--ui-space-md, 1.25rem);background:var(--role-app-background, var(--bg-0))}.main-section-label{font-size:var(--ui-font-size-small, .7rem);text-transform:uppercase;letter-spacing:.08em;color:var(--role-panel-text, var(--text-3));font-weight:600}.quick-start{display:flex;gap:var(--ui-space-sm, .75rem);flex-wrap:wrap}.quick-card{flex:1;min-width:200px;padding:var(--ui-space-md, 1rem);background:var(--role-card, var(--bg-1));border:1px solid var(--role-card-border-color, var(--border));border-radius:var(--ui-border-radius, 8px);cursor:pointer;transition:border-color .15s;font-family:inherit;text-align:left;color:inherit}.quick-card:hover{border-color:var(--role-card-hover-border-color, var(--accent))}.quick-card.quick-card--ai{background:var(--role-accent, var(--role-card, var(--bg-1)));border-color:var(--role-accent-border-color, var(--role-card-border-color, var(--border)));color:var(--role-accent-text, var(--role-card-text, var(--text-0)))}.quick-card.quick-card--ai:hover{border-color:var(--role-accent-border-color, var(--role-card-hover-border-color, var(--accent)));opacity:var(--ui-opacity-hover, .92)}.quick-card.quick-card--ai .quick-card-title,.quick-card.quick-card--ai .quick-card-desc{color:inherit;opacity:.92}.quick-card-title{font-size:var(--ui-font-size-small, .85rem);font-weight:600;color:var(--role-card-text, var(--text-0));margin-bottom:.3rem}.quick-card-desc{font-size:var(--ui-font-size-small, .75rem);color:var(--role-card-text, var(--text-2));line-height:1.4;opacity:.7}.mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ui-space-sm, .75rem)}.mode-card{background:var(--role-card, var(--bg-1));border:1px solid var(--role-card-border-color, var(--border));border-radius:var(--ui-border-radius, 10px);padding:var(--ui-space-md, 1.25rem);display:flex;flex-direction:column;cursor:pointer;transition:all .15s;gap:var(--ui-space-xs, .5rem);font-family:inherit;text-align:left;color:inherit}.mode-card:hover{background:var(--role-card-hover, var(--bg-2));border-color:var(--role-card-hover-border-color, var(--accent));transform:translateY(-1px)}.mode-card-top{display:flex;align-items:center;gap:var(--ui-space-xs, .6rem)}.mode-card-icon{font-size:1.5rem}.mode-card-title{font-size:var(--ui-font-size-base, 1rem);font-weight:600;color:var(--role-card-text, var(--text-0))}.mode-card-views{font-family:var(--mono, monospace);font-size:var(--ui-font-size-small, .6rem);color:var(--role-card-text, var(--text-2));background:var(--role-panel, var(--bg-3));padding:.1rem .35rem;border-radius:var(--ui-border-radius, 3px);margin-left:auto}.mode-card-desc{font-size:var(--ui-font-size-small, .82rem);color:var(--role-card-text, var(--text-2));line-height:1.5;opacity:.7}.mode-card-tags{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.25rem}.mode-card-tag{font-size:var(--ui-font-size-small, .6rem);padding:.1rem .35rem;border-radius:10px;text-transform:uppercase;letter-spacing:.03em;font-weight:500;background:var(--role-chip, var(--bg-2));color:var(--role-chip-text, var(--text-1))}.mode-card.future{opacity:.35;cursor:default}.mode-card.future:hover{background:var(--role-card, var(--bg-1));border-color:var(--role-card-border-color, var(--border));transform:none}.welcome-hero{flex:1;display:flex;align-items:center;justify-content:center;background:var(--role-app-background, var(--bg-0));padding:var(--ui-space-xl, 2rem)}.welcome-content{max-width:560px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--ui-space-lg, 1.5rem)}.welcome-title{font-size:1.75rem;font-weight:700;color:var(--role-panel-text, var(--text-0));margin:0;line-height:1.2}.welcome-subtitle{font-size:var(--ui-font-size-base, 1rem);color:var(--role-panel-text, var(--text-2));line-height:1.6;margin:0;max-width:48ch;opacity:.8}.welcome-actions{display:flex;gap:var(--ui-space-sm, .75rem);flex-wrap:wrap;justify-content:center;width:100%}.welcome-action{flex:1;min-width:160px;max-width:200px;padding:var(--ui-space-md, 1rem) var(--ui-space-sm, .75rem);background:var(--role-card, var(--bg-1));border:1px solid var(--role-card-border-color, var(--border));border-radius:var(--ui-border-radius, 8px);cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit;text-align:center;color:inherit;display:flex;flex-direction:column;align-items:center;gap:var(--ui-space-xs, .4rem)}.welcome-action:hover{border-color:var(--role-card-hover-border-color, var(--accent));background:var(--role-card-hover, var(--bg-2))}.welcome-action.primary{border-color:var(--role-accent-border-color, var(--accent));background:var(--role-accent, var(--bg-2));color:var(--role-accent-text, var(--text-0))}.welcome-action.primary:hover{opacity:.9}.welcome-action-icon{font-size:1.5rem}.welcome-action-label{font-size:var(--ui-font-size-small, .85rem);font-weight:600;color:inherit}.welcome-action-desc{font-size:var(--ui-font-size-small, .72rem);opacity:.65;line-height:1.4;color:inherit}.welcome-learn{display:flex;align-items:center;gap:var(--ui-space-xs, .5rem);margin-top:var(--ui-space-xs, .25rem)}.welcome-learn-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--ui-font-size-small, .78rem);color:var(--role-accent-text, var(--accent));text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;padding:0}.welcome-learn-link:hover{opacity:.8}.welcome-learn-sep{color:var(--role-panel-text, var(--text-3));opacity:.4;font-size:var(--ui-font-size-small, .7rem)}.home-reset-onboarding{margin-left:0;background:none;border:1px solid var(--role-panel-border-color, var(--border));border-radius:var(--ui-border-radius, 4px);color:var(--role-panel-text, var(--text-3));cursor:pointer;font-family:inherit;font-size:var(--ui-font-size-small, .7rem);padding:.1rem .4rem;opacity:.5;transition:opacity .15s}.home-reset-onboarding:hover{opacity:1}._inspectorPanel_58kyx_7{display:flex;flex-direction:column;height:100%;min-height:0}._inspectorHeader_58kyx_15{display:flex;align-items:center;padding:var(--ui-space-xs, .4rem) var(--ui-space-sm, .6rem);background:var(--role-panel, var(--ui-bg-secondary));border-bottom:1px solid var(--role-panel-border-color, var(--ui-border));gap:var(--ui-space-xs, .35rem);flex-shrink:0}._inspectorDomainIcon_58kyx_25{font-size:.9rem;line-height:1}._inspectorDomainName_58kyx_27{font-size:var(--ui-font-size-small, .8rem);font-weight:600;color:var(--role-panel-text, var(--ui-text));flex:1}._inspectorPinBadge_58kyx_34{font-size:.55rem;font-weight:700;padding:.1rem .35rem;background:color-mix(in srgb,var(--role-success) 15%,transparent 85%);color:var(--role-success);border-radius:3px;letter-spacing:.03em}._inspectorPinnedVar_58kyx_44{font-family:var(--ui-font-mono, monospace);font-size:.65rem;color:var(--role-success);font-weight:600}._inspectorClearBtn_58kyx_51{font-size:.6rem;padding:.15rem .4rem;background:none;border:1px solid var(--role-panel-border-color, var(--ui-border));color:var(--role-panel-text, var(--ui-text-muted));border-radius:3px;cursor:pointer;font-family:inherit}._inspectorClearBtn_58kyx_51:hover{border-color:var(--role-accent);color:var(--role-panel-text, var(--ui-text))}._inspectorTabs_58kyx_68{display:flex;border-bottom:1px solid var(--role-panel-border-color, var(--ui-border));flex-shrink:0}._inspectorTab_58kyx_68{flex:1;padding:var(--ui-space-xs, .4rem) .2rem;font-size:var(--ui-font-size-small, .7rem);font-family:inherit;font-weight:500;text-align:center;background:transparent;border:none;color:var(--role-panel-text, var(--ui-text-muted));cursor:pointer;border-bottom:2px solid transparent;transition:color .1s,border-color .1s}._inspectorTab_58kyx_68:hover{color:var(--role-panel-text, var(--ui-text))}._inspectorTabActive_58kyx_93{color:var(--role-accent, var(--ui-primary));border-bottom-color:var(--role-accent, var(--ui-primary))}._inspectorTabBadge_58kyx_99{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;font-size:.52rem;font-weight:700;padding:0 3px;border-radius:8px;margin-left:4px;vertical-align:middle}._badgeError_58kyx_113{background:var(--role-error, #f87171);color:#fff}._badgeWarn_58kyx_114{background:var(--role-warning, #fb923c);color:#141418}._inspectorContent_58kyx_117{flex:1;overflow-y:auto;padding:var(--ui-space-sm, .6rem)}._emptyState_58kyx_123{padding:var(--ui-space-lg, 1.5rem);color:var(--role-panel-text, var(--ui-text-muted));font-size:var(--ui-font-size-small, .8rem);font-style:italic;text-align:center}._derivationChain_58kyx_133{display:flex;flex-direction:column;gap:var(--ui-space-xs, .5rem)}._derivationItem_58kyx_139{background:var(--role-card, var(--role-panel));border:1px solid var(--role-card-border-color, var(--role-panel-border-color, var(--ui-border)));border-radius:6px;overflow:hidden;transition:border-color .15s,opacity .15s}._derivationItemPinned_58kyx_147{border-color:var(--role-success);box-shadow:0 0 0 1px color-mix(in srgb,var(--role-success) 20%,transparent 80%)}._derivationItemDimmed_58kyx_152{opacity:.35}._derivationItemHeader_58kyx_156{display:flex;align-items:center;justify-content:space-between;padding:.3rem .5rem;background:var(--role-card-hover, color-mix(in srgb, var(--role-panel) 90%, var(--role-accent) 10%));font-size:var(--ui-font-size-small, .72rem);font-weight:600;color:var(--role-panel-text, var(--ui-text))}._ecVar_58kyx_167{font-family:var(--ui-font-mono, monospace);font-size:.62rem;color:var(--role-success)}._derivationItemBody_58kyx_173{padding:.35rem .5rem;display:flex;flex-direction:column;gap:.15rem}._derivationRow_58kyx_180{display:flex;align-items:center;gap:.35rem;font-size:.66rem}._derivationLayer_58kyx_187{font-size:.5rem;font-weight:700;padding:.06rem .2rem;border-radius:3px;min-width:20px;text-align:center}._derivationLayer_vt_58kyx_196{background:color-mix(in srgb,var(--role-accent) 15%,transparent 85%);color:var(--role-accent)}._derivationLayer_dt_58kyx_201{background:color-mix(in srgb,var(--role-warning) 15%,transparent 85%);color:var(--role-warning)}._derivationLayer_ec_58kyx_206{background:color-mix(in srgb,var(--role-success) 15%,transparent 85%);color:var(--role-success)}._derivationLabel_58kyx_211{color:var(--role-panel-text, var(--ui-text-muted));opacity:.8;min-width:75px}._derivationValue_58kyx_217{color:var(--role-panel-text, var(--ui-text));font-family:var(--ui-font-mono, monospace);font-size:.64rem}._derivationFormula_58kyx_223{color:var(--role-panel-text, var(--ui-text-muted));font-family:var(--ui-font-mono, monospace);font-size:.6rem;font-style:italic;padding:.2rem .4rem;background:color-mix(in srgb,var(--role-accent) 6%,transparent 94%);border-left:2px solid color-mix(in srgb,var(--role-accent) 30%,transparent 70%);border-radius:0 3px 3px 0;margin-top:.15rem}._derivationResult_58kyx_235{display:flex;align-items:center;gap:.3rem;padding:.2rem .4rem;background:color-mix(in srgb,var(--role-success) 6%,transparent 94%);border-left:2px solid color-mix(in srgb,var(--role-success) 30%,transparent 70%);border-radius:0 3px 3px 0;margin-top:.15rem}._derivationResultVar_58kyx_246{font-family:var(--ui-font-mono, monospace);font-size:.62rem;color:var(--role-success)}._derivationResultVal_58kyx_252{font-family:var(--ui-font-mono, monospace);font-size:.62rem;color:var(--role-panel-text, var(--ui-text));font-weight:600}._impactSection_58kyx_261{margin-bottom:.75rem}._impactSectionTitle_58kyx_263{font-size:var(--ui-font-size-small, .7rem);font-weight:600;color:var(--role-panel-text, var(--ui-text-muted));text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;padding-bottom:.2rem;border-bottom:1px solid var(--role-panel-border-color, var(--ui-border))}._impactVarList_58kyx_274{display:flex;flex-direction:column;gap:.1rem}._impactVarRow_58kyx_280{display:flex;align-items:center;gap:.3rem;padding:.2rem .35rem;border-radius:4px;font-size:.64rem;cursor:pointer}._impactVarRow_58kyx_280:hover{background:var(--role-card-hover, color-mix(in srgb, var(--role-accent) 8%, transparent 92%))}._impactVarName_58kyx_294{font-family:var(--ui-font-mono, monospace);color:var(--role-success);flex:1;overflow:hidden;text-overflow:ellipsis}._impactVarValue_58kyx_302{font-family:var(--ui-font-mono, monospace);color:var(--role-panel-text, var(--ui-text));white-space:nowrap}._impactColorSwatch_58kyx_308{width:12px;height:12px;border-radius:3px;border:1px solid var(--role-panel-border-color, var(--ui-border));flex-shrink:0}.domain-sidebar{--domain-sidebar-active-color: var(--role-accent, #38bdf8);--domain-sidebar-active-border: var(--role-accent-border-color, var(--role-accent, #38bdf8));width:148px;min-width:148px;overflow-y:auto;overflow-x:hidden;padding:var(--ui-space-xs, .5rem) 0;background:var(--role-panel, var(--ui-bg-secondary));border-right:1px solid var(--role-panel-border-color, var(--ui-border));flex-shrink:0}.domain-sidebar[data-active-layer=dt]{--domain-sidebar-active-color: var(--role-warning, #f59e0b);--domain-sidebar-active-border: var(--role-warning-border-color, var(--role-warning, #f59e0b))}.domain-sidebar-group{margin-bottom:var(--ui-space-xs, .5rem)}.domain-sidebar-group-header{display:flex;align-items:center;gap:var(--ui-space-xs, .4rem);padding:var(--ui-space-xxs, .25rem) var(--ui-space-sm, .85rem);font-size:var(--ui-font-size-small, .75rem);font-weight:600;color:var(--role-panel-text, var(--ui-text-muted));text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.domain-sidebar-group-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.domain-sidebar-group-label{opacity:.7}.domain-sidebar-item{display:flex;align-items:center;gap:var(--ui-space-xs, .4rem);width:100%;padding:var(--ui-space-xxs, .25rem) var(--ui-space-sm, .85rem);font-size:var(--ui-font-size-small, .8rem);font-family:inherit;font-weight:500;color:var(--role-panel-text, var(--ui-text));background:transparent;border:none;border-radius:0;cursor:pointer;text-align:left;white-space:nowrap;transition:background .1s,color .1s,box-shadow .1s}.domain-sidebar-item:hover:not(.disabled){background:var(--role-panel-alt, rgba(128, 128, 128, .08));color:var(--role-panel-alt-text, var(--role-panel-text, var(--ui-text)))}.domain-sidebar-item.active{background:color-mix(in srgb,var(--domain-sidebar-active-color) 18%,var(--role-panel) 82%);color:var(--role-panel-alt-text, var(--role-panel-text, var(--ui-text)));font-weight:600;box-shadow:inset 3px 0 0 var(--domain-sidebar-active-border)}.domain-sidebar-item.disabled{opacity:.38;cursor:default}.domain-sidebar-item-icon{width:1.2em;text-align:center;flex-shrink:0;font-size:.9em}.domain-sidebar-item-label{overflow:hidden;text-overflow:ellipsis}.dashboard-layout{display:flex;flex-direction:column;height:100%;min-height:0}.dash-header{display:flex;align-items:center;padding:var(--ui-space-xs, .5rem) var(--ui-space-sm, .85rem);background:var(--role-panel, var(--ui-bg-secondary));border-bottom:1px solid var(--role-panel-border-color, var(--ui-border));gap:var(--ui-space-sm, .5rem);flex-shrink:0}.dash-title{font-size:var(--ui-font-size-base, .85rem);font-weight:600;color:var(--role-panel-text, var(--ui-text))}.dash-subtitle{font-size:var(--ui-font-size-small, .7rem);color:var(--role-panel-text, var(--ui-text-muted));opacity:.7}.dash-spacer{flex:1}.dash-filter{display:flex;gap:.15rem}.dash-filter-btn{padding:.15rem .45rem;font-size:var(--ui-font-size-small, .7rem);font-family:inherit;border:1px solid var(--role-panel-border-color, var(--ui-border));background:transparent;color:var(--role-panel-text, var(--ui-text-muted));border-radius:4px;cursor:pointer;transition:background .1s,border-color .1s}.dash-filter-btn:hover{border-color:var(--role-accent, var(--ui-primary))}.dash-filter-btn.active{background:color-mix(in srgb,var(--role-accent) 16%,var(--role-panel) 84%);border-color:var(--role-accent);color:var(--role-accent-text, var(--role-panel-text))}.dash-grid{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--ui-space-sm, .85rem);display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ui-space-sm, .65rem);align-content:start}.dash-card{background:var(--role-card, var(--role-panel));border:1px solid var(--role-card-border-color, var(--role-panel-border-color, var(--ui-border)));border-radius:var(--role-card-border-radius, 8px);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}.dash-card:hover{border-color:var(--role-accent);box-shadow:0 2px 8px #0000001a}.dash-card:focus-visible{outline:2px solid var(--role-accent);outline-offset:2px}.dash-card.unavailable{opacity:.5;cursor:default}.dash-card.unavailable:hover{border-color:var(--role-card-border-color, var(--role-panel-border-color, var(--ui-border)));box-shadow:none}.dash-card-head{display:flex;align-items:center;padding:.35rem .5rem;background:var(--role-card-hover, color-mix(in srgb, var(--role-panel) 90%, var(--role-accent) 10%));gap:.3rem}.dash-card-icon{font-size:.85rem;line-height:1;flex-shrink:0}.dash-card-name{font-size:var(--ui-font-size-small, .76rem);font-weight:600;color:var(--role-panel-text, var(--ui-text));flex:1}.dash-card-layer{font-size:.5rem;font-weight:700;padding:.05rem .2rem;border-radius:3px;text-transform:uppercase;letter-spacing:.02em}.dash-card-layer--vt{background:color-mix(in srgb,var(--role-accent) 15%,transparent 85%);color:var(--role-accent)}.dash-card-layer--dt{background:color-mix(in srgb,var(--role-warning) 15%,transparent 85%);color:var(--role-warning)}.dash-card-body{padding:.4rem .5rem}.dash-card-unavailable{font-size:var(--ui-font-size-small, .7rem);color:var(--role-panel-text, var(--ui-text-muted));font-style:italic;opacity:.7}.dash-mini-row{display:flex;justify-content:space-between;align-items:center;padding:.1rem 0;font-size:var(--ui-font-size-small, .68rem)}.dash-mini-label{color:var(--role-panel-text, var(--ui-text-muted));opacity:.8}.dash-mini-value{font-family:var(--ui-font-mono, monospace);font-size:.64rem;color:var(--role-panel-text, var(--ui-text))}.dash-swatch-row{display:flex;gap:3px;margin-top:.25rem}.dash-swatch{width:18px;height:18px;border-radius:4px;border:1px solid var(--role-panel-border-color, var(--ui-border))}.dash-type-preview{display:flex;align-items:baseline;gap:4px;margin-top:.25rem;color:var(--role-panel-text, var(--ui-text))}.dash-surface-strip{display:flex;gap:2px;margin-top:.2rem;border-radius:4px;overflow:hidden}.dash-surface-cell{flex:1;height:18px}.dash-summary{display:flex;align-items:center;padding:.3rem var(--ui-space-sm, .85rem);background:var(--role-panel, var(--ui-bg-secondary));border-top:1px solid var(--role-panel-border-color, var(--ui-border));gap:var(--ui-space-md, 1rem);flex-shrink:0;font-size:var(--ui-font-size-small, .68rem);color:var(--role-panel-text, var(--ui-text-muted))}.dash-summary-item{display:flex;align-items:center;gap:.3rem}.dash-summary-value{font-family:var(--ui-font-mono, monospace);color:var(--role-panel-text, var(--ui-text))}.ec-column-view{display:flex;flex-direction:column;gap:var(--ui-space-xs, .4rem)}.ec-column-count{font-size:.65rem;font-family:var(--ui-font-mono, monospace);color:var(--role-panel-content-text, var(--ui-text-muted));opacity:.7;padding:0 .1rem}.ec-column-list{display:flex;flex-direction:column}.ec-row{display:flex;justify-content:space-between;align-items:baseline;padding:.2rem .1rem;border-bottom:1px solid color-mix(in srgb,var(--role-panel-content-border-color, var(--ui-border)) 40%,transparent 60%);gap:.5rem}.ec-row:last-child{border-bottom:none}.ec-row-clickable{cursor:pointer;border-radius:3px}.ec-row-clickable:hover{background:color-mix(in srgb,var(--role-success) 8%,transparent 92%)}.ec-var{font-family:var(--ui-font-mono, monospace);font-size:.62rem;color:var(--role-success);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.ec-val{font-family:var(--ui-font-mono, monospace);font-size:.62rem;color:var(--role-panel-content-text, var(--ui-text));white-space:nowrap;text-align:right;flex-shrink:0;display:flex;align-items:center;gap:.3rem}.ec-color-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;border:1px solid color-mix(in srgb,var(--role-panel-content-border-color, var(--ui-border)) 60%,transparent 40%);flex-shrink:0}.ec-val-with-unit{display:inline}.ec-unit{opacity:.5;font-size:.55rem;margin-left:.05rem}.ec-column-empty{padding:var(--ui-space-lg, 1.5rem) var(--ui-space-sm, .5rem);color:var(--role-panel-content-text, var(--ui-text-muted));font-size:var(--ui-font-size-small, .8rem);font-style:italic;text-align:center;opacity:.6}.token-table-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.token-table-toolbar{display:flex;align-items:center;gap:var(--ui-space-sm, .5rem);padding:var(--ui-space-xs, .3rem) var(--ui-space-sm, .5rem);border-bottom:1px solid var(--role-panel-content-border-color, var(--ui-border));flex-shrink:0}.token-table-filter{flex:1;padding:.25rem .5rem;font-size:var(--ui-font-size-small, .8rem);font-family:var(--ui-font-mono, monospace);background:var(--role-input, var(--ui-bg));color:var(--role-input-text, var(--ui-text));border:1px solid var(--role-input-border-color, var(--ui-border));border-radius:4px;outline:none}.token-table-filter:focus{border-color:var(--role-input-focus-border-color, var(--role-accent, var(--ui-accent)))}.token-table-count{font-size:.65rem;font-family:var(--ui-font-mono, monospace);color:var(--role-panel-content-text, var(--ui-text-muted));opacity:.7;white-space:nowrap}.token-table-body{flex:1;overflow-y:auto;overflow-x:hidden}.token-table-group{border-bottom:1px solid color-mix(in srgb,var(--role-panel-content-border-color, var(--ui-border)) 30%,transparent 70%)}.token-table-group-header{display:flex;align-items:center;gap:var(--ui-space-xs, .3rem);width:100%;padding:.35rem .5rem;border:none;background:color-mix(in srgb,var(--role-panel-content, var(--ui-bg)) 50%,transparent 50%);color:var(--role-panel-content-text, var(--ui-text));font-size:var(--ui-font-size-small, .8rem);cursor:pointer;text-align:left}.token-table-group-header:hover{background:color-mix(in srgb,var(--role-panel-content, var(--ui-bg)) 70%,transparent 30%)}.token-table-group-icon{font-size:.85rem;width:1.2em;text-align:center}.token-table-group-label{flex:1;font-weight:500}.token-table-group-count{font-family:var(--ui-font-mono, monospace);font-size:.6rem;opacity:.6}.token-table-group-chevron{font-size:.55rem;opacity:.5;width:1em;text-align:center}.token-table{width:100%;border-collapse:collapse;font-family:var(--ui-font-mono, monospace);font-size:.62rem}.token-table-row td{padding:.15rem .5rem;border-bottom:1px solid color-mix(in srgb,var(--role-panel-content-border-color, var(--ui-border)) 20%,transparent 80%);vertical-align:baseline}.token-table-row:last-child td{border-bottom:none}.token-table-row-clickable{cursor:pointer}.token-table-row-clickable:hover td{background:color-mix(in srgb,var(--role-success) 8%,transparent 92%)}.token-table-var{color:var(--role-success);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.token-table-val{color:var(--role-panel-content-text, var(--ui-text));text-align:right;white-space:nowrap}.token-table-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;border:1px solid color-mix(in srgb,var(--role-panel-content-border-color, var(--ui-border)) 60%,transparent 40%);margin-right:.3rem;vertical-align:middle}.token-table-empty{padding:var(--ui-space-lg, 1.5rem) var(--ui-space-sm, .5rem);color:var(--role-panel-content-text, var(--ui-text-muted));font-size:var(--ui-font-size-small, .8rem);font-style:italic;text-align:center;opacity:.6}.layer-pill-bar{display:flex;align-items:center;gap:var(--ui-space-sm, .85rem);padding:var(--ui-space-xs, .5rem) var(--ui-space-sm, .85rem);border-bottom:1px solid var(--role-panel-border-color, var(--ui-border));background:var(--role-panel, var(--ui-bg-secondary));flex-shrink:0}.layer-pill{display:inline-flex;border-radius:6px;overflow:hidden;border:1px solid var(--role-panel-border-color, var(--ui-border))}.layer-pill-segment{padding:var(--ui-space-xxs, .2rem) var(--ui-space-sm, .6rem);font-size:var(--ui-font-size-small, .75rem);font-family:inherit;font-weight:600;border:none;cursor:pointer;transition:background .1s,color .1s;background:transparent;color:var(--role-panel-text, var(--ui-text-muted));line-height:1.4}.layer-pill-segment:disabled{opacity:.3;cursor:default}.layer-pill-segment:hover:not(:disabled):not(.active){background:#80808014}.layer-pill-vt.active{background:var(--role-accent, #38bdf8);color:var(--role-accent-text, #fff)}.layer-pill-dt.active{background:var(--role-warning, #f59e0b);color:var(--role-warning-text, #fff)}.layer-pill-domain-label{font-size:var(--ui-font-size-small, .8rem);font-weight:600;color:var(--role-panel-text, var(--ui-text));-webkit-user-select:none;user-select:none}.editor-grid{display:grid;grid-template-columns:var(--panel-left-width, 350px) 1fr var(--panel-right-width, 320px);flex:1;overflow:hidden;background-color:var(--role-app-background, var(--bg-0))}.editor-grid.no-right-panel{grid-template-columns:var(--panel-left-width, 350px) 1fr}.editor-panel-left{overflow-y:auto;overflow-x:hidden;padding:0;padding-right:calc(var(--ui-space-md, 1rem) + var(--ui-space-md, 1rem));background-color:var(--role-panel-content, var(--bg-1));color:var(--role-panel-content-text, var(--text-0));border-right:1px solid var(--role-panel-content-border-color, var(--border));position:relative}.editor-panel-middle{overflow-y:auto;overflow-x:hidden;background-color:var(--role-app-background, var(--bg-0));color:var(--role-app-background-text, var(--text-0));padding:var(--ui-space-md, 1rem)}.editor-panel-right{overflow-y:auto;overflow-x:hidden;padding:0;padding-left:calc(var(--ui-space-md, 1rem) + var(--ui-space-md, 1rem));background-color:var(--role-panel-content-alt, var(--bg-1));color:var(--role-panel-content-alt-text, var(--text-0));border-left:1px solid var(--role-panel-content-alt-border-color, var(--border));position:relative}.editor-subnav{display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--ui-space-xxs, .2rem);column-gap:var(--ui-space-sm, .85rem);padding:var(--ui-space-xxs, .2rem) var(--ui-space-sm, .85rem);min-height:44px;background:var(--role-panel, var(--bg-1));border-bottom:1px solid var(--role-panel-border-color, var(--border));flex-shrink:0;font-size:var(--ui-font-size-small, .8rem)}.editor-subnav-section{display:flex;align-items:center;gap:var(--ui-space-xs, .5rem);min-width:0}.editor-subnav-label{color:var(--role-panel-text, var(--text-2));font-size:var(--ui-font-size-mini, .68rem);font-weight:700;letter-spacing:.08em;opacity:.72;text-transform:uppercase;white-space:nowrap}.editor-subnav-group{display:flex;align-items:center;gap:.15rem;min-width:0}.editor-subnav-group--preview{gap:var(--ui-space-xs, .5rem);min-width:0}.editor-subnav-select-wrap{display:flex;align-items:center;gap:var(--ui-space-xs, .5rem);min-width:0}.editor-subnav-spacer{flex:1 1 auto}.editor-subnav-btn{padding:.2rem .55rem;font-size:var(--ui-font-size-small, .75rem);font-family:inherit;color:var(--role-nav-tab-text, var(--text-2));background:var(--role-nav-tab, transparent);border:none;border-radius:4px;cursor:pointer;font-weight:500;white-space:nowrap}.editor-subnav-btn:hover{color:var(--role-panel-text, var(--text-1));background:color-mix(in srgb,var(--role-accent, var(--accent)) 10%,var(--role-panel, var(--bg-1)) 90%)}.editor-subnav-btn.active{background:color-mix(in srgb,var(--role-accent, var(--accent)) 16%,var(--role-panel, var(--bg-1)) 84%);color:var(--role-panel-text, var(--text-0));box-shadow:inset 0 0 0 1px var(--role-accent-border-color, var(--role-accent, var(--accent)))}.editor-subnav-btn.pinned{color:var(--role-panel-text, var(--text-0));background:color-mix(in srgb,var(--role-accent, var(--accent)) 12%,var(--role-panel, var(--bg-1)) 88%);box-shadow:inset 0 0 0 1px var(--role-accent-border-color, var(--role-accent, var(--accent)))}.editor-subnav-select{min-width:9rem;max-width:14rem;padding:.22rem var(--ui-space-lg, 1.2rem) .22rem var(--ui-space-xs, .5rem);border:1px solid var(--role-input-border-color, var(--role-panel-border-color, var(--border)));border-radius:4px;background:var(--role-input, var(--role-panel, var(--bg-1)));color:var(--role-input-text, var(--role-panel-text, var(--text-0)));font:inherit;line-height:1.2}.editor-subnav-select--preview{min-width:12rem;max-width:18rem}.editor-subnav-section--preview{flex:1 1 18rem;min-width:0}.editor-subnav-section--inspector{flex-shrink:0}@media (max-width: 1200px){.editor-subnav{align-items:flex-start}.editor-subnav-spacer{display:none}.editor-subnav-section--preview{flex-basis:100%}.editor-subnav-select--preview{max-width:none;width:100%}}.editor-domain-layout{display:flex;height:100%;min-height:0}.editor-controls{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.editor-column-headers{display:grid;flex-shrink:0;border-bottom:1px solid var(--role-panel-content-border-color, var(--border))}.editor-column-header{display:flex;align-items:center;gap:.35rem;padding:.3rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.editor-column-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.editor-column-header--vt{color:var(--role-accent);background:color-mix(in srgb,var(--role-accent) 8%,var(--role-panel-content, var(--role-panel)) 92%)}.editor-column-header--vt .editor-column-dot{background:var(--role-accent)}.editor-column-header--dt{color:var(--role-warning);background:color-mix(in srgb,var(--role-warning) 8%,var(--role-panel-content, var(--role-panel)) 92%)}.editor-column-header--dt .editor-column-dot{background:var(--role-warning)}.editor-column-header--ec{color:var(--role-success);background:color-mix(in srgb,var(--role-success) 8%,var(--role-panel-content, var(--role-panel)) 92%)}.editor-column-header--ec .editor-column-dot{background:var(--role-success)}.editor-column-body{display:grid;flex:1;min-height:0;overflow:hidden}.editor-column{overflow-y:auto;overflow-x:hidden;padding:var(--ui-space-sm, .85rem);border-right:1px solid color-mix(in srgb,var(--role-panel-content-border-color, var(--border)) 50%,transparent 50%)}.editor-column:last-child{border-right:none}.editor-column--vt[data-active-layer=vt]{--ui-primary: var(--role-accent, #38bdf8);--role-hint: color-mix(in srgb, var(--role-accent, #38bdf8) 16%, var(--role-panel-content, var(--role-panel)) 84%);--role-hint-text: var(--role-panel-content-text, var(--role-panel-text, var(--ui-text)));--role-hint-border-color: var(--role-accent-border-color, var(--role-accent, #38bdf8))}.editor-column--dt[data-active-layer=dt]{--ui-primary: var(--role-warning, #f59e0b);--ui-secondary: var(--role-warning, #f59e0b);--ui-info: var(--role-warning, #f59e0b);--ui-warning: var(--role-warning-text, #fff);--ui-warning-bg: var(--role-warning, #f59e0b);--role-accent: var(--role-warning, #f59e0b);--role-accent-text: var(--role-warning-text, #fff);--role-accent-border-color: var(--role-warning-border-color, var(--role-warning, #f59e0b));--role-info-panel: color-mix(in srgb, var(--role-warning, #f59e0b) 16%, var(--role-panel-content, var(--role-panel)) 84%);--role-info-panel-text: var(--role-panel-content-text, var(--role-panel-text, var(--ui-text)));--role-info-panel-border-color: var(--role-warning-border-color, var(--role-warning, #f59e0b));--role-panel-alt: color-mix(in srgb, var(--role-warning, #f59e0b) 10%, var(--role-panel-content, var(--role-panel)) 90%);--role-panel-alt-text: var(--role-panel-content-text, var(--role-panel-text, var(--ui-text)));--role-panel-alt-border-color: var(--role-warning-border-color, var(--role-warning, #f59e0b));--role-controls-content-alt: color-mix(in srgb, var(--role-warning, #f59e0b) 12%, var(--role-panel-content, var(--role-panel)) 88%);--role-controls-content-alt-text: var(--role-panel-content-text, var(--role-panel-text, var(--ui-text)));--role-collapsible-header: color-mix(in srgb, var(--role-warning, #f59e0b) 10%, var(--role-panel-content, var(--role-panel)) 90%);--role-collapsible-header-text: var(--role-panel-content-text, var(--role-panel-text, var(--ui-text)));--role-collapsible-header-border-color: var(--role-warning-border-color, var(--role-warning, #f59e0b));--role-collapsible-header-hover: color-mix(in srgb, var(--role-warning, #f59e0b) 14%, var(--role-panel-content, var(--role-panel)) 86%);--role-collapsible-header-hover-text: var(--role-panel-content-text, var(--role-panel-text, var(--ui-text)));--role-collapsible-header-hover-border-color: var(--role-warning-border-color, var(--role-warning, #f59e0b));--role-collapsible-header-expanded: color-mix(in srgb, var(--role-warning, #f59e0b) 18%, var(--role-panel-content, var(--role-panel)) 82%);--role-collapsible-header-expanded-text: var(--role-panel-content-text, var(--role-panel-text, var(--ui-text)));--role-collapsible-header-expanded-border-color: var(--role-warning-border-color, var(--role-warning, #f59e0b));--role-collapsible-content: color-mix(in srgb, var(--role-warning, #f59e0b) 8%, var(--role-panel-content, var(--role-panel)) 92%);--role-collapsible-content-text: var(--role-panel-content-text, var(--role-panel-text, var(--ui-text)));--role-collapsible-content-border-color: var(--role-warning-border-color, var(--role-warning, #f59e0b));--role-chip-hover: color-mix(in srgb, var(--role-warning, #f59e0b) 10%, var(--role-chip, var(--role-panel)) 90%);--role-chip-hover-text: var(--role-panel-content-text, var(--role-panel-text, var(--ui-text)));--role-chip-hover-border-color: var(--role-warning-border-color, var(--role-warning, #f59e0b));--role-chip-active: color-mix(in srgb, var(--role-warning, #f59e0b) 18%, var(--role-chip, var(--role-panel)) 82%);--role-chip-active-text: var(--role-panel-content-text, var(--role-panel-text, var(--ui-text)));--role-chip-active-border-color: var(--role-warning-border-color, var(--role-warning, #f59e0b));--role-input-hover-border-color: var(--role-warning-border-color, var(--role-warning, #f59e0b));--role-input-focus: color-mix(in srgb, var(--role-warning, #f59e0b) 12%, var(--role-input, var(--role-panel)) 88%);--role-input-focus-text: var(--role-input-text, var(--role-panel-text, var(--ui-text)));--role-input-focus-border-color: var(--role-warning-border-color, var(--role-warning, #f59e0b));--role-hint: color-mix(in srgb, var(--role-warning, #f59e0b) 16%, var(--role-panel-content, var(--role-panel)) 84%);--role-hint-text: var(--role-panel-content-text, var(--role-panel-text, var(--ui-text)));--role-hint-border-color: var(--role-warning-border-color, var(--role-warning, #f59e0b))}.editor-column--dt[data-active-layer=dt] input[type=checkbox]{accent-color:var(--role-warning, #f59e0b)}.editor-column--ec{background:color-mix(in srgb,var(--role-success) 3%,var(--role-panel-content, var(--role-panel)) 97%)}.editor-pill-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--ui-space-sm, .85rem)}.editor-pill-content[data-active-layer=vt]{--ui-primary: var(--role-accent, #38bdf8);--role-hint: color-mix(in srgb, var(--role-accent, #38bdf8) 16%, var(--role-panel-content, var(--role-panel)) 84%);--role-hint-text: var(--role-panel-content-text, var(--role-panel-text, var(--ui-text)));--role-hint-border-color: var(--role-accent-border-color, var(--role-accent, #38bdf8))}.editor-pill-content[data-active-layer=dt]{--ui-primary: var(--role-warning, #f59e0b);--ui-secondary: var(--role-warning, #f59e0b);--ui-info: var(--role-warning, #f59e0b);--role-accent: var(--role-warning, #f59e0b);--role-accent-text: var(--role-warning-text, #fff);--role-accent-border-color: var(--role-warning-border-color, var(--role-warning, #f59e0b));--role-hint: color-mix(in srgb, var(--role-warning, #f59e0b) 16%, var(--role-panel-content, var(--role-panel)) 84%);--role-hint-text: var(--role-panel-content-text, var(--role-panel-text, var(--ui-text)));--role-hint-border-color: var(--role-warning-border-color, var(--role-warning, #f59e0b))}.editor-empty-section{padding:var(--ui-space-lg, 1.5rem);color:var(--role-panel-text, var(--ui-text-muted));font-size:var(--ui-font-size-small, .8rem);font-style:italic;text-align:center}.compose-stack-layout{display:grid;grid-template-columns:1fr 320px;flex:1;overflow:hidden}.compose-library{overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--role-panel-border-color, var(--border))}.compose-summary{overflow-y:auto;overflow-x:hidden;background:var(--role-panel-alt, var(--bg-1));color:var(--role-panel-alt-text, var(--text-0));display:flex;flex-direction:column}.compose-summary-header{padding:var(--ui-space-sm, .75rem) var(--ui-space-md, 1rem);border-bottom:1px solid var(--role-panel-alt-border-color, var(--border));flex-shrink:0}.compose-summary-title{font-size:var(--ui-font-size-small, .8rem);font-weight:600;color:var(--role-panel-alt-text, var(--text-1))}.compose-summary-body{padding:var(--ui-space-md, 1rem);flex:1}.compose-diagnostics{display:flex;flex-direction:column;gap:var(--ui-space-xs, .5rem)}.compose-diagnostics-label{font-size:var(--ui-font-size-small, .75rem);font-weight:600;color:var(--role-panel-alt-text, var(--text-2));text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--ui-space-xs, .25rem)}.compose-diagnostic-item{display:flex;align-items:baseline;gap:var(--ui-space-xs, .5rem);font-size:var(--ui-font-size-small, .8rem)}.compose-diagnostic-severity{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.1rem .35rem;border-radius:3px;flex-shrink:0}.compose-diagnostic-severity.error{background:var(--role-error, var(--error));color:var(--role-error-text, white)}.compose-diagnostic-severity.warn{background:var(--role-warning, var(--warn));color:var(--role-warning-text, white)}.compose-diagnostic-severity.info{background:var(--role-chip, var(--bg-2));color:var(--role-chip-text, var(--text-1))}.compose-diagnostic-message{color:var(--role-panel-alt-text, var(--text-1))}.compose-healthy{font-size:var(--ui-font-size-small, .8rem);color:var(--role-panel-alt-text, var(--text-2))}.compose-unsaved{margin-top:var(--ui-space-sm, .75rem);font-size:var(--ui-font-size-small, .8rem);color:var(--role-warning-text, var(--warn));background:var(--role-warning, var(--bg-2));padding:var(--ui-space-xs, .4rem) var(--ui-space-sm, .6rem);border-radius:4px}.audit-grid-layout,.audit-validate-layout{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--ui-space-md, 1rem)}body{--role-app-background-padding: 0;--role-app-background-margin: 0}.shell{display:grid;grid-template-columns:52px 1fr;grid-template-rows:48px 1fr 32px;height:100vh;grid-template-areas:"rail titlebar" "rail content" "rail statusbar"}.shell[data-sidebar=menu]{grid-template-columns:1fr;grid-template-areas:"titlebar" "content" "statusbar"}.shell[data-sidebar=menu] .rail{display:none}.shell[data-sidebar=menu] .nav-sidebar{display:flex}.shell[data-sidebar=hidden]{grid-template-columns:1fr;grid-template-areas:"titlebar" "content" "statusbar"}.shell[data-sidebar=hidden] .rail{display:none}.rail{grid-area:rail;grid-row:1 / -1;background:var(--role-nav-rail, var(--bg-1));border-right:1px solid var(--role-nav-rail-border-color, var(--border));color:var(--role-nav-rail-text, var(--text-0));display:flex;flex-direction:column;align-items:center;padding:var(--ui-space-xs) 0;gap:.2rem}.rail-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--ui-border-radius, 8px);cursor:pointer;color:var(--role-nav-rail-text, var(--text-2));font-size:var(--ui-font-size-base, 1.05rem);position:relative;transition:color .1s;background:none;border:none;font-family:inherit}.rail-icon:hover{color:var(--role-nav-rail-hover-text, var(--text-1));background:var(--role-nav-rail-hover, var(--bg-2))}.rail-icon.active{color:var(--role-nav-rail-active-text, var(--accent))}.rail-icon.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--accent);border-radius:0 2px 2px 0}.rail-icon .rail-tooltip{display:none;position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:var(--ui-space-xs, 8px);padding:.3rem .6rem;background:var(--role-panel, var(--bg-3));border:1px solid var(--role-panel-border-color, var(--border-light));border-radius:4px;font-size:var(--ui-font-size-small, .8rem);color:var(--role-panel-text, var(--text-0));white-space:nowrap;z-index:100;pointer-events:none}.rail-icon:hover .rail-tooltip{display:block}.rail-sep{width:28px;height:1px;background:var(--role-nav-rail-border-color, var(--border));margin:.3rem 0}.rail-spacer{flex:1}.titlebar{grid-area:titlebar;display:flex;align-items:center;padding:0 var(--ui-space-md, 1rem);background:var(--role-app-header, var(--bg-1));border-bottom:1px solid var(--role-app-header-border-color, var(--border));color:var(--role-app-header-text, var(--text-0));gap:.75rem}.titlebar-logo{font-weight:800;font-size:var(--ui-font-size-base, 1rem);color:var(--accent);letter-spacing:-.02em}.titlebar-sep{width:1px;height:20px;background:var(--role-app-header-border-color, var(--border))}.titlebar-mode{font-size:var(--ui-font-size-small, .88rem);color:var(--role-app-header-text, var(--text-1));font-weight:500}.titlebar-hash{font-family:var(--mono, monospace);font-size:var(--ui-font-size-small, .75rem);color:var(--role-panel-text, var(--text-2));background:var(--role-panel, var(--bg-2));padding:.15rem var(--ui-space-xs, .5rem);border-radius:4px}.titlebar-spacer{flex:1}.cmd-trigger{display:flex;align-items:center;gap:.4rem;padding:.28rem .75rem;background:var(--role-input, var(--bg-2));border:1px solid var(--role-input-border-color, var(--border));border-radius:6px;color:var(--role-input-text, var(--text-2));font-size:var(--ui-font-size-small, .8rem);cursor:pointer;min-width:200px;font-family:inherit}.cmd-trigger:hover{border-color:var(--role-input-hover-border-color, var(--accent));color:var(--role-input-hover-text, var(--text-1))}.cmd-trigger kbd{font-family:var(--mono, monospace);font-size:.72rem;background:var(--role-app-header, var(--bg-0));padding:.1rem .3rem;border-radius:3px;border:1px solid var(--role-app-header-border-color, var(--border));margin-left:auto}.titlebar-btn{padding:.28rem .65rem;border:1px solid var(--role-button-border-color, var(--border));background:var(--role-button, transparent);border-radius:5px;color:var(--role-button-text, var(--text-1));font-size:var(--ui-font-size-small, .8rem);cursor:pointer;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center}.titlebar-btn:hover{border-color:var(--role-button-hover-border-color, var(--accent));color:var(--role-button-hover-text, var(--text-0))}.titlebar-btn.accent{background:var(--role-accent, var(--accent));border-color:var(--role-accent-border-color, var(--accent));color:var(--role-accent-text, white);font-weight:600}.statusbar{grid-area:statusbar;display:flex;align-items:center;padding:0 var(--ui-space-sm, .85rem);background:var(--role-app-footer, var(--bg-1));border-top:1px solid var(--role-app-footer-border-color, var(--border));font-size:.72rem;color:var(--role-app-footer-text, var(--text-2));gap:var(--ui-space-md, 1.2rem)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.green{background:var(--ec)}.status-dot.vt{background:var(--vt)}.status-dot.dt{background:var(--dt)}.status-dot.warn{background:var(--warn)}.status-dot.error{background:var(--error)}.status-spacer{flex:1}.content-area{grid-area:content;overflow:hidden;display:flex;flex-direction:column}.content-body{flex:1;display:flex;overflow:hidden}.content-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.view-toggle{display:flex;border:1px solid var(--role-nav-tab-border-color, var(--border));border-radius:6px;overflow:hidden;margin-left:var(--ui-space-xs, .5rem)}.view-toggle-btn{padding:.22rem .65rem;font-size:.72rem;font-family:inherit;color:var(--role-nav-tab-text, var(--text-2));background:var(--role-nav-tab, transparent);border:none;cursor:pointer;border-right:1px solid var(--role-nav-tab-border-color, var(--border));font-weight:500}.view-toggle-btn:last-child{border-right:none}.view-toggle-btn:hover{color:var(--role-app-header-text, var(--text-0));background:color-mix(in srgb,var(--role-accent, var(--accent)) 10%,var(--role-app-header, var(--bg-1)) 90%)}.view-toggle-btn.active{background:color-mix(in srgb,var(--role-accent, var(--accent)) 16%,var(--role-app-header, var(--bg-1)) 84%);color:var(--role-app-header-text, var(--text-0));box-shadow:inset 0 0 0 1px var(--role-accent-border-color, var(--role-accent, var(--accent)))}.mode-header{display:flex;align-items:center;padding:.45rem var(--ui-space-sm, .85rem);height:40px;background:var(--role-panel, var(--bg-1));border-bottom:1px solid var(--role-panel-border-color, var(--border));flex-shrink:0;gap:.65rem}.mode-header-title{font-size:var(--ui-font-size-small, .8rem);font-weight:600;color:var(--role-panel-text, var(--text-1))}.mode-header-count{font-family:var(--mono, monospace);font-size:.65rem;color:var(--role-panel-text, var(--text-2));background:var(--role-panel, var(--bg-2));padding:.12rem .4rem;border-radius:4px}.mode-header-spacer{flex:1}.var-toggles{display:flex;gap:var(--ui-space-xs, .5rem);align-items:center}.nav-toggle-label{font-size:.62rem;color:var(--role-app-header-text, var(--text-3));text-transform:uppercase;letter-spacing:.05em}.shell-scaffold-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--role-panel-text, var(--text-2));font-size:var(--ui-font-size-small, .85rem)}.nav-sidebar{display:none;width:240px;background:var(--role-nav-rail, var(--bg-1));border-right:1px solid var(--role-nav-rail-border-color, var(--border));flex-direction:column;overflow-y:auto;flex-shrink:0}.validation-indicator{display:inline-flex;align-items:center;gap:var(--ui-space-xs, .35rem);padding:var(--ui-space-xxs, .25rem) var(--ui-space-sm, .5rem);border-radius:var(--ui-border-radius-pill, 999px);border:var(--ui-border-width, 1px) solid var(--role-panel-border-color, var(--border));background:transparent;color:var(--role-panel-text, var(--text-1));font-family:inherit;font-size:var(--ui-font-size-small, .78rem);font-weight:var(--ui-font-weight-semibold, 600);cursor:pointer;line-height:1}button.validation-indicator:hover{border-color:var(--role-accent);color:var(--role-accent)}.validation-indicator-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--role-success, #22c55e)}.validation-indicator[data-severity=warn]{border-color:color-mix(in srgb,var(--role-warning, #f59e0b) 50%,transparent)}.validation-indicator[data-severity=warn] .validation-indicator-dot{background:var(--role-warning, #f59e0b)}.validation-indicator[data-severity=error]{border-color:color-mix(in srgb,var(--role-error, #dc2626) 50%,transparent);color:var(--role-error, #dc2626)}.validation-indicator[data-severity=error] .validation-indicator-dot{background:var(--role-error, #dc2626)}.validation-indicator[data-severity=ok]{opacity:.65}.validation-indicator-label{font-variant-numeric:tabular-nums}