:root{--surface:#f8faf9;--surface-bright:#f8faf9;--surface-dim:#d8dad9;--surface-c-lowest:#fff;--surface-c-low:#f2f4f3;--surface-c:#eceeed;--surface-c-high:#e6e9e8;--surface-c-highest:#e1e3e2;--on-surface:#191c1c;--on-surface-variant:#414844;--inverse-surface:#2e3131;--inverse-on-surface:#eff1f0;--primary:#163528;--on-primary:#fff;--primary-container:#2d4c3e;--on-primary-container:#9ba;--primary-fixed:#c7ebd7;--primary-fixed-dim:#accebc;--on-primary-fixed:#012115;--on-primary-fixed-variant:#2e4d3f;--inverse-primary:#accebc;--secondary:#4a6458;--on-secondary:#fff;--secondary-container:#cce9da;--on-secondary-container:#506a5e;--tertiary:#25322e;--tertiary-container:#3b4944;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--outline:#727974;--outline-variant:#c1c8c2;--surface-tint:#456556;--radius-default:2px;--radius-lg:4px;--radius-xl:8px;--radius-full:12px;--radius-pill:9999px;--xs:4px;--sm:8px;--md:16px;--lg:24px;--xl:48px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--on-surface);background:var(--surface);-webkit-font-smoothing:antialiased;font-size:14px;line-height:20px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-sans);letter-spacing:.02em;color:var(--on-surface);border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:1px solid #0000;padding:6px 14px;font-size:12px;font-weight:500;transition:background-color .12s,border-color .12s}button.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary);align-items:center;gap:6px;display:inline-flex}button.primary:hover{background:var(--surface-tint)}button.secondary{border-color:var(--primary);color:var(--primary)}button.secondary:hover{background:var(--surface-c-low)}button.ghost{color:var(--on-surface-variant);padding:6px 8px}button.ghost:hover{background:var(--surface-c-low)}button.link-button{color:var(--primary);background:0 0;border:none;padding:0;text-decoration:none}button.link-button:hover{text-decoration:underline}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:var(--font-sans);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);background:var(--surface-c-lowest);color:var(--on-surface);outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .12s}input:focus,textarea:focus,select:focus{border-color:var(--primary);border-width:2px;padding:7px 11px}label{color:var(--on-surface-variant);letter-spacing:.02em;margin-bottom:var(--md);font-size:12px;font-weight:500;display:block}label>input,label>textarea,label>select{margin-top:var(--xs)}.muted{color:var(--on-surface-variant)}.error{color:var(--error)}.padded{padding:var(--lg)}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none;font-family:Material Symbols Outlined}.material-symbols-outlined.fill{font-variation-settings:"FILL" 1}.app-shell{min-height:100%;display:flex}.main-area{flex-direction:column;flex:auto;min-height:100vh;margin-left:240px;display:flex}.sidebar{background:var(--surface-c-low);border-right:1px solid var(--outline-variant);width:240px;height:100vh;padding:var(--lg) 0;z-index:50;flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-brand{padding:0 var(--lg) var(--md)}.sidebar-brand h1{letter-spacing:-.01em;color:var(--primary);margin:0;font-size:24px;font-weight:700;line-height:32px}.sidebar-brand p{color:var(--on-surface-variant);letter-spacing:.02em;margin:2px 0 0;font-size:12px;font-weight:500}.sidebar-cta{padding:0 var(--md) var(--md)}.sidebar-cta button{background:var(--primary);width:100%;color:var(--on-primary);justify-content:center;align-items:center;gap:var(--sm);border-radius:var(--radius-lg);padding:8px 16px;display:inline-flex}.sidebar-cta button:hover{background:var(--surface-tint)}.sidebar-nav{padding-right:var(--md);flex-direction:column;gap:2px;display:flex}.sidebar-nav a{align-items:center;gap:var(--md);color:var(--on-surface-variant);letter-spacing:.02em;border-radius:0 var(--radius-lg) var(--radius-lg) 0;border-left:4px solid #0000;padding:8px 16px;font-size:12px;font-weight:500;text-decoration:none;transition:background-color .12s;display:flex}.sidebar-nav a:hover{background:var(--surface-c-high);text-decoration:none}.sidebar-nav a.active{background:var(--secondary-container);color:var(--on-secondary-container);border-left-color:var(--primary);font-weight:600}.top-bar{z-index:40;justify-content:space-between;align-items:center;gap:var(--md);height:64px;padding:0 var(--lg);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--outline-variant);background:#f8faf9d9;display:flex;position:sticky;top:0}.top-bar .search{align-items:center;gap:var(--sm);background:var(--surface-c-low);border:1px solid var(--outline-variant);border-radius:var(--radius-pill);width:320px;max-width:100%;padding:6px 16px;transition:border-color .12s;display:flex}.top-bar .search:focus-within{border-color:var(--primary)}.top-bar .search .material-symbols-outlined{color:var(--on-surface-variant);font-size:20px}.top-bar .search input{background:0 0;border:none;outline:none;width:100%;padding:0}.top-bar .search input:focus{border:none;padding:0}.top-bar .actions{align-items:center;gap:var(--md);display:flex}.top-bar .divider{background:var(--outline-variant);width:1px;height:24px;margin:0 4px}.avatar{background:var(--primary-container);width:32px;height:32px;color:var(--on-primary);border:1px solid var(--outline-variant);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.page{padding:var(--lg);flex:auto;width:100%;max-width:1280px;margin:0 auto}.page-header{border-bottom:1px solid var(--outline-variant);padding-bottom:var(--md);margin-bottom:var(--lg);justify-content:space-between;align-items:flex-end;gap:var(--lg);display:flex}.page-header h2{letter-spacing:-.02em;color:var(--primary);margin:0;font-size:32px;font-weight:600;line-height:40px}.page-header p{color:var(--on-surface-variant);margin:4px 0 0;font-size:16px}.anon-banner{background:var(--primary-fixed);border:1px solid var(--primary-fixed-dim);color:var(--on-primary-fixed-variant);padding:8px var(--md);border-radius:var(--radius-lg);margin-bottom:var(--md);font-size:13px}.anon-banner a{color:var(--on-primary-fixed-variant);font-weight:600;text-decoration:underline}.card-grid{gap:var(--md);grid-template-columns:1fr;display:grid}@media (width>=1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1440px){.card-grid{grid-template-columns:repeat(3,1fr)}}.playbook-card{gap:var(--md);background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);padding:var(--md);color:var(--on-surface);cursor:pointer;flex-direction:column;text-decoration:none;transition:border-color .12s;display:flex}.playbook-card:hover{border-color:var(--primary);text-decoration:none}.card-header{justify-content:space-between;align-items:center;display:flex}.status-pill{align-items:center;gap:var(--xs);border-radius:var(--radius-default);letter-spacing:.02em;border:1px solid #0000;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.status-pill.active{background:var(--primary-fixed);color:var(--on-primary-fixed-variant);border-color:var(--primary-fixed-dim)}.status-pill.draft{background:var(--surface-c-high);color:var(--on-surface-variant);border-color:var(--outline-variant)}.status-pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill.active .dot{background:var(--primary)}.status-pill.draft .dot{background:var(--outline-variant)}.card-body{flex-direction:column;gap:4px;display:flex}.card-body h3{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600;line-height:28px}.card-body p{color:var(--on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.card-fingerprint{background:var(--surface-c-low);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);margin-top:auto;padding:12px}.card-fingerprint svg{display:block}.card-tags{gap:var(--sm);padding-top:var(--sm);border-top:1px solid var(--outline-variant);flex-wrap:wrap;display:flex}.tag-chip{background:var(--surface-c-high);color:var(--on-surface-variant);border-radius:var(--radius-default);font-family:var(--font-mono);padding:4px 8px;font-size:13px;font-weight:400}.editor-view{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex}.editor-header{align-items:center;gap:var(--md);padding:12px var(--lg);border-bottom:1px solid var(--outline-variant);background:var(--surface-c-lowest);display:flex}.back-arrow{color:var(--on-surface-variant);background:0 0;border:none;align-items:center;padding:4px;display:inline-flex}.back-arrow:hover{color:var(--primary)}.editor-title{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.editor-title .breadcrumb{color:var(--on-surface-variant);letter-spacing:.02em;margin:0;font-size:12px}.editor-title .title-row{align-items:center;gap:var(--sm);display:flex}.editor-title h2{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600;line-height:32px}.editor-toolbar-actions{align-items:center;gap:var(--sm);display:flex}.editor-mode-switch{border:1px solid var(--outline-variant);border-radius:var(--radius-lg);background:var(--surface-c-lowest);display:flex;overflow:hidden}.editor-mode-switch button{color:var(--on-surface-variant);background:0 0;border:none;border-radius:0;padding:6px 14px;font-size:12px}.editor-mode-switch button:hover{background:var(--surface-c-low)}.editor-mode-switch button.active{background:var(--surface-c-low);color:var(--primary);font-weight:600}.editor-actions{gap:var(--sm);display:flex;position:relative}.export-dropdown{position:relative}.export-menu{background:var(--surface-c-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);z-index:10;min-width:260px;margin:4px 0 0;padding:4px 0;list-style:none;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #16352814}.export-menu li button{text-align:left;background:0 0;border:none;border-radius:0;width:100%;padding:8px 14px;font-size:13px}.export-menu li button:hover{background:var(--surface-c-low)}.editor-body,.editor-main{flex:auto;min-height:0;display:flex;overflow:hidden}.notebook-shell{background:var(--surface-c);flex:auto;min-height:0;display:flex}.notebook-sidebar{border-right:1px solid var(--outline-variant);background:var(--surface-c-low);padding:var(--md);flex:0 0 240px;overflow-y:auto}.notebook-sidebar h4{margin:0 0 var(--md);letter-spacing:.02em;color:var(--on-surface-variant);align-items:center;gap:var(--sm);text-transform:uppercase;font-size:12px;font-weight:600;display:inline-flex}.cell-graph{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cell-graph-item{gap:var(--sm);padding:var(--sm) 0;display:flex;position:relative}.cell-graph-item:before{content:"";background:var(--outline-variant);width:1px;position:absolute;top:24px;bottom:-8px;left:5px}.cell-graph-item:last-child:before{display:none}.cell-dot{z-index:1;border-radius:50%;flex:0 0 12px;width:12px;height:12px;margin-top:4px}.cell-graph-content{flex-direction:column;display:flex}.cell-graph-content strong{color:var(--on-surface);font-size:13px;font-weight:500}.cell-graph-content small{color:var(--on-surface-variant);font-size:12px}.notebook-canvas{gap:var(--md);padding:var(--lg) var(--margin);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.cell{background:var(--surface-c-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);overflow:hidden}.cell-header{align-items:center;gap:var(--sm);border-bottom:1px solid var(--outline-variant);background:var(--surface-c-low);padding:8px 12px;font-size:12px;display:flex}.cell-header.dark{color:var(--inverse-on-surface);background:#1f2624;border-bottom:none}.cell-type-tag{background:var(--surface-c-high);border-radius:var(--radius-default);letter-spacing:.02em;color:var(--on-surface-variant);align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.cell-header.dark .cell-type-tag{color:var(--inverse-on-surface);background:#2a3331}.cell-type-tag.trigger{color:#c4b5fd}.cell-type-tag.audible{color:#f5a3e0}.cell-type-tag.tool{color:#9ba}.cell-title{color:var(--inverse-on-surface);flex:auto;font-size:13px;font-weight:500}.cell-actions{align-items:center;gap:4px;display:flex}.cell-run,.cell-menu{color:var(--inverse-on-surface);border-radius:var(--radius-default);background:0 0;border:1px solid #0000;align-items:center;padding:2px;display:inline-flex}.cell-run{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.cell-run:hover{background:var(--surface-tint)}.cell-menu:hover{background:#ffffff1a}.cell-body{margin:0}.cell-body.cell-code{color:var(--inverse-on-surface);padding:12px var(--md);font-family:var(--font-mono);white-space:pre-wrap;background:#1e1e1e;font-size:13px;line-height:18px;overflow-x:auto}.cell-body.cell-code code{color:inherit;background:0 0}.cell-markdown .cell-body{padding:var(--md) var(--lg)}.cell-output{color:#9ba;padding:6px var(--md);align-items:center;gap:var(--xs);background:#15191a;border-top:1px solid #2a3331;font-size:12px;display:flex}.cell-output code{font-family:var(--font-mono);color:var(--inverse-on-surface);background:0 0}.notebook-add-cell{align-items:center;gap:var(--sm);padding:var(--sm) 0;border-top:1px dashed var(--outline-variant);justify-content:center;display:flex}.cell-audible .cell-body.cell-code{background:#14080a}.cell-audible .cell-body.cell-code code{color:#ff8b9b}.cell-runmeta{gap:var(--sm);color:var(--inverse-on-surface);background:#15191a;border-top:1px solid #2a3331;flex-wrap:wrap;align-items:center;padding:6px 12px;font-size:12px;display:flex}.cell-runmeta .runmeta-piece{font-family:var(--font-mono);align-items:center;gap:4px;display:inline-flex}.cell-runmeta .runmeta-piece code{color:var(--inverse-on-surface);background:#ffffff0f;border-radius:3px;padding:1px 5px}.cell-runmeta .muted{color:#8a9690}.effect-badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-default);border:1px solid #0000;align-items:center;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.effect-read{color:#9ba;background:#1a2a23;border-color:#2d4c3e}.effect-write{color:#f9c74f;background:#2a230f;border-color:#6b5300}.effect-destructive{color:#ff8b9b;background:#2d1416;border-color:#93000a}.cell-advisories{color:#f9c74f;background:#2a230f;border-top:1px solid #6b5300;flex-direction:column;gap:4px;margin:0;padding:6px 12px;font-size:12px;list-style:none;display:flex}.cell-advisories li{align-items:center;gap:6px;display:inline-flex}.cell-advisories code{font-family:var(--font-mono);background:#0000004d;border-radius:3px;padding:1px 5px}.run-fail-banner{align-items:flex-start;gap:var(--sm);background:var(--error-container);color:var(--on-error-container);border:1px solid #c01;border-left:3px solid var(--error);border-radius:var(--radius-lg);padding:var(--sm) var(--md);margin-bottom:var(--md);display:flex}.run-fail-banner strong{font-weight:600;display:block}.run-fail-banner small{color:var(--on-error-container);font-size:12px}.run-fail-banner p{margin:4px 0 0;font-size:13px}.run-fail-banner code{font-family:var(--font-mono);background:#ba1a1a1a;border-radius:3px;padding:1px 5px}.cell-output-pending{color:#c4e3d2;background:#1f2624}.cell-output-success{color:#9ba;background:#15191a}.cell-output-success small{color:var(--on-surface-variant);margin-left:4px}.cell-output-fail{color:#ff8b9b;background:#2d1416}.cell-output-paused{color:#f9c74f;background:#2a230f}.cell-output-body{font-family:var(--font-mono);white-space:pre-wrap;border-radius:var(--radius-default);max-height:240px;color:inherit;background:#00000040;margin:8px 0 0;padding:8px;font-size:12px;overflow-y:auto}.cell.cell-status-success{box-shadow:inset 3px 0 0 var(--primary)}.cell.cell-status-fail{box-shadow:inset 3px 0 0 var(--error)}.cell.cell-status-paused{box-shadow:inset 3px 0 #f9c74f}.cell.cell-status-pending{box-shadow:inset 3px 0 0 var(--primary-fixed-dim)}.cell-run:disabled{opacity:.4;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.material-symbols-outlined.spin{animation:1.2s linear infinite spin}.notebook-run-summary{background:var(--surface-c-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);overflow:hidden}.notebook-run-summary header{background:var(--surface-c-low);border-bottom:1px solid var(--outline-variant);letter-spacing:.02em;color:var(--on-surface-variant);align-items:center;gap:var(--xs);box-sizing:border-box;width:100%;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.notebook-run-summary pre{padding:var(--md);font-family:var(--font-mono);white-space:pre-wrap;color:var(--on-surface);max-height:480px;margin:0;font-size:12px;overflow-y:auto}.editor-footer{align-items:center;gap:var(--sm);padding:12px var(--lg);border-top:1px solid var(--outline-variant);background:var(--surface-c-lowest);display:flex}.editor-footer .footer-spacer{flex:auto}.export-menu-up{margin-bottom:4px;top:auto;bottom:100%}.split-pane{width:100%;height:100%;display:flex}.split-pane-left,.split-pane-right{flex-direction:column;display:flex;overflow:auto}.split-pane-divider{background:var(--outline-variant);cursor:col-resize;flex:0 0 6px;width:6px}.split-pane-divider:hover{background:var(--primary)}.source-pane{background:#1e1e1e;flex:auto;height:100%}.source-pane .cm-editor{height:100%;font-size:13px}.preview-pane{padding:var(--lg);background:var(--surface-c-lowest)}.preview-header{margin-bottom:var(--lg)}.preview-header h1{letter-spacing:-.01em;margin:0 0 4px;font-size:24px;font-weight:600;line-height:32px}.preview-description{color:var(--on-surface-variant);margin:0 0 var(--sm)}.preview-meta{gap:var(--sm);flex-wrap:wrap;display:flex}.preview-pane h2{border-bottom:1px solid var(--outline-variant);margin:var(--lg) 0 12px;padding-bottom:4px;font-size:16px;font-weight:600}.rendered-md p{margin:0 0 12px}.rendered-md ul,.rendered-md ol{margin:0 0 12px;padding-left:22px}.audibles-list{gap:var(--sm);flex-direction:column;display:flex}.audible-box{background:var(--surface-c-low);border:1px solid var(--outline-variant);border-left:3px solid var(--primary);border-radius:var(--radius-lg);padding:12px var(--md)}.audible-box.severity-critical{border-left-color:var(--error);background:#fff5f5}.audible-box.severity-review{border-left-color:var(--primary);background:var(--primary-fixed)}.audible-box.severity-neutral{border-left-color:var(--secondary);background:var(--surface-c-low)}.audible-box pre{font-family:var(--font-mono);white-space:pre-wrap;color:var(--on-surface);margin:0;font-size:13px}.dag-frame{border:1px solid var(--outline-variant);border-radius:var(--radius-lg);background:var(--surface-c-low);padding:var(--md)}.dag-svg{width:100%;height:auto;max-height:600px}.dag-empty{color:var(--on-surface-variant);font-style:italic}.run-panel{border-left:1px solid var(--outline-variant);background:var(--surface-c-lowest);width:320px;padding:var(--md);flex:0 0 320px;overflow-y:auto}.run-panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.run-panel-header h3{margin:0;font-size:16px;font-weight:600}.run-status{margin-bottom:12px;font-size:14px}.run-steps{margin:0 0 var(--md);padding:0;list-style:none}.run-step{border-radius:var(--radius-default);justify-content:space-between;margin-bottom:2px;padding:6px 8px;font-size:13px;display:flex}.run-step.success{background:var(--primary-fixed);color:var(--on-primary-fixed-variant)}.run-step.fail{background:var(--error-container);color:var(--on-error-container)}.run-step.pending{background:var(--surface-c-low)}.run-output{margin-bottom:var(--md);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:8px var(--sm)}.run-output summary{cursor:pointer;color:var(--on-surface-variant);font-size:12px;font-weight:500}.run-output pre{font-family:var(--font-mono);white-space:pre-wrap;color:var(--on-surface);max-height:320px;margin:8px 0 0;font-size:12px;overflow-y:auto}.judgment-form{border-top:1px solid var(--outline-variant);padding-top:12px}.judgment-form h4{margin:0 0 8px;font-weight:600}.judgment-form textarea{resize:vertical;margin-bottom:8px}.settings-view{padding:var(--lg);max-width:640px}.settings-view h1{margin:0 0 var(--lg);letter-spacing:-.02em;color:var(--primary);font-size:32px;font-weight:600;line-height:40px}.settings-view section{margin-bottom:var(--lg)}.saved-indicator{color:var(--primary);margin-left:12px;font-size:13px}.target-selector{position:relative}.target-selector-trigger{background:var(--surface-c-low);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);color:var(--on-surface);cursor:pointer;align-items:center;gap:4px;padding:6px 10px 6px 12px;font-size:13px;display:inline-flex}.target-selector-trigger:hover{border-color:var(--primary)}.target-selector-trigger strong{font-weight:600;font-family:var(--font-mono)}.target-selector-menu{background:var(--surface-c-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);z-index:20;min-width:280px;max-width:360px;margin:0 0 4px;padding:4px 0;list-style:none;position:absolute;bottom:100%;right:0;box-shadow:0 4px 16px #1635281f}.target-selector-menu li button{text-align:left;background:0 0;border:none;border-radius:0;flex-direction:column;gap:2px;width:100%;padding:8px 14px;font-size:13px;display:flex}.target-selector-menu li button:hover{background:var(--surface-c-low)}.target-selector-menu li button[aria-selected=true]{background:var(--primary-fixed)}.target-selector-menu .target-name{font-family:var(--font-mono);color:var(--on-surface);font-weight:600}.target-selector-menu small{color:var(--on-surface-variant);font-size:11px;line-height:14px}.target-selector-separator{border-top:1px solid var(--outline-variant);margin:4px 0}.target-selector-add{align-items:center;font-weight:500;color:var(--primary)!important;flex-direction:row!important;gap:6px!important;display:inline-flex!important}.modal-backdrop{-webkit-backdrop-filter:blur(2px);z-index:100;padding:var(--md);background:#0f141273;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-c-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);padding:var(--lg);gap:var(--md);flex-direction:column;width:100%;max-width:480px;display:flex;box-shadow:0 8px 32px #1635282e}.modal header{background:0 0;border:none;justify-content:space-between;align-items:center;margin:0;padding:0;display:flex}.modal header h3{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600;line-height:28px}.modal .modal-actions{justify-content:flex-end;align-items:center;gap:var(--sm);margin-top:var(--xs);display:flex}.modal .modal-actions .primary{align-items:center;gap:6px;display:inline-flex}.sign-in-prompt .benefits{gap:var(--md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sign-in-prompt .benefits li{align-items:flex-start;gap:var(--sm);display:flex}.sign-in-prompt .benefits strong{margin-bottom:2px;font-size:14px;display:block}.sign-in-prompt .benefits small{color:var(--on-surface-variant);font-size:12px;line-height:16px}.sign-in-prompt .coming-soon-note{text-align:right;margin:0;font-size:11px}.upload-dropzone{justify-content:center;align-items:center;gap:var(--xs);padding:var(--xl) var(--lg);background:var(--surface-c-low);border:2px dashed var(--outline-variant);border-radius:var(--radius-xl);text-align:center;cursor:pointer;color:var(--on-surface-variant);flex-direction:column;transition:border-color .12s,background-color .12s;display:flex}.upload-dropzone:hover,.upload-dropzone.hovering{border-color:var(--primary);background:var(--primary-fixed);color:var(--on-primary-fixed-variant)}.upload-dropzone h3{color:var(--on-surface);margin:0;font-size:16px;font-weight:600}.upload-dropzone p{margin:0}.local-resume{align-items:center;gap:var(--md);padding:var(--md);background:var(--surface-c-lowest);border:1px solid var(--outline-variant);border-left:3px solid var(--primary);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--md);transition:border-color .12s;display:flex}.local-resume:hover{border-color:var(--primary)}.local-resume .material-symbols-outlined{color:var(--primary);font-size:24px}.local-resume-meta{flex-direction:column;flex:auto;display:flex}.local-resume-meta strong{font-size:14px}.local-resume-meta small{color:var(--on-surface-variant);font-size:12px}.empty-state{padding:var(--xl);text-align:center;max-width:480px;margin:0 auto}@media (width<=768px){.sidebar{width:64px;padding-top:12px}.sidebar-brand p,.sidebar-nav a span:not(.material-symbols-outlined),.sidebar-cta button span:not(.material-symbols-outlined){display:none}.sidebar-brand h1{font-size:16px}.main-area{margin-left:64px}.editor-header{gap:var(--sm);flex-wrap:wrap}.editor-mode-switch{flex-basis:100%;order:3}.split-pane{flex-direction:column}.split-pane-left,.split-pane-right{flex:50%!important}.split-pane-divider{cursor:row-resize;width:100%;height:6px}.run-panel{z-index:20;position:fixed;top:64px;bottom:0;right:0;box-shadow:0 4px 16px #00000026}.top-bar .search{flex:auto;width:auto}}