:root{--page:#f3f4ef;--surface:#fbfcf7;--surface-strong:#fff;--text:#1d2320;--muted:#65716a;--border:#d8ddd2;--border-strong:#cbd4c9;--primary:#19453c;--primary-strong:#22705f;--primary-text:#fff;--warning-bg:#fff8d6;--warning-border:#d7c88d;--warning-text:#564616;--error-bg:#fff2ef;--error-border:#f0bab3;--error-text:#8a271f;--neutral-pill:#e9ece5;--good-pill:#dff3e7;--good-text:#17633e;--warn-pill:#fff0c2;--warn-text:#76510b;--bad-pill:#ffe0dc;--bad-text:#8a271f;--shadow:#1d232040;color:var(--text);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--page:#111513;--surface:#171d1a;--surface-strong:#202722;--text:#eef2ea;--muted:#a8b4ab;--border:#314039;--border-strong:#435249;--primary:#7ad5b5;--primary-strong:#9be5cb;--primary-text:#092019;--warning-bg:#332811;--warning-border:#725d24;--warning-text:#f3d783;--error-bg:#371b19;--error-border:#7f3730;--error-text:#ffb8ae;--neutral-pill:#26302b;--good-pill:#183d2c;--good-text:#9be5b9;--warn-pill:#423511;--warn-text:#f5d272;--bad-pill:#47231f;--bad-text:#ffb2a8;--shadow:#00000073}*{box-sizing:border-box}body{background:var(--page);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:12px clamp(16px,3vw,36px);display:flex;position:sticky;top:0}.topbar-actions{align-items:center;gap:12px;min-width:0;display:flex}.brand{align-items:center;gap:10px;font-weight:760;display:flex}.brand-mark{background:var(--primary);width:34px;height:34px;color:var(--primary-text);border-radius:8px;place-items:center;font-size:12px;font-weight:850;line-height:1;display:inline-grid}.account-menu{align-items:center;gap:10px;min-width:0;display:flex}.account-menu--signed-out{position:relative}.auth-error{z-index:10;border:1px solid var(--error-border);background:var(--error-bg);width:min(280px,70vw);color:var(--error-text);box-shadow:var(--shadow);border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.4;position:absolute;top:calc(100% + 8px);right:0}.auth-status{z-index:10;border:1px solid var(--border);background:var(--surface-strong);width:max-content;max-width:min(280px,70vw);color:var(--muted);box-shadow:var(--shadow);border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.4;position:absolute;top:calc(100% + 8px);right:0}.account-menu__identity{text-align:right;gap:2px;min-width:0;display:grid}.account-menu__identity strong,.account-menu__identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu__identity strong{font-size:13px}.account-menu__identity span{color:var(--muted);font-size:12px}.workspace{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:24px;padding:clamp(16px,3vw,36px);display:grid;position:relative}.compass-trace{touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 94%, transparent);width:176px;box-shadow:0 12px 40px var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:grab;border-radius:8px;padding:12px}.compass-trace--floating{z-index:8;position:fixed;bottom:clamp(14px,2vw,28px);right:clamp(14px,2vw,28px)}.compass-trace--panel{z-index:25;box-shadow:0 12px 40px var(--shadow);position:fixed;top:clamp(92px,12vh,130px);right:clamp(26px,5vw,72px)}.compass-trace.is-dragging{cursor:grabbing;opacity:.96}.compass-trace__header{gap:2px;margin-bottom:10px;display:grid}.compass-trace__header span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:760}.compass-trace__header strong{color:var(--text);font-size:13px}.compass-trace__map{grid-template-rows:repeat(3,38px);grid-template-columns:repeat(3,38px);justify-content:center;gap:2px;display:grid;position:relative}.compass-trace__map:before,.compass-trace__map:after{content:"";background:var(--border);position:absolute}.compass-trace__map:before{height:1px;top:50%;left:18px;right:18px}.compass-trace__map:after{width:1px;top:18px;bottom:18px;left:50%}.compass-trace__node{z-index:1;border:1px solid var(--border-strong);background:var(--surface-strong);width:34px;height:34px;color:var(--muted);border-radius:999px;place-self:center;place-items:center;font-size:11px;font-weight:760;display:grid}.compass-trace__node.is-clickable{cursor:pointer}.compass-trace__node:disabled{cursor:default}.compass-trace__node--north{grid-area:1/2}.compass-trace__node--east{grid-area:2/3}.compass-trace__node--west{grid-area:2/1}.compass-trace__node--south{grid-area:3/2}.compass-trace__node--center{grid-area:2/2}.compass-trace__node.is-complete{border-color:var(--good-text);background:var(--good-pill);color:var(--good-text)}.compass-trace__node.is-current{border-color:var(--primary-strong);background:var(--primary);color:var(--primary-text);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary-strong) 18%, transparent)}.compass-trace p{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.4}.control-surface,.result-surface{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-height:calc(100vh - 140px)}.control-surface{padding:24px}.result-surface{max-height:calc(100vh - 140px);padding:28px;overflow-y:auto}.surface-heading,.settings-panel__header,.settings-panel__footer,.actions-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:760}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(28px,4vw,44px)}.hero-subtitle{max-width:520px;color:var(--muted);margin:8px 0 0;font-size:16px;line-height:1.55}h2{letter-spacing:0;margin-bottom:0;font-size:24px}h3{margin:28px 0 10px;font-size:15px}.warning-band{border:1px solid var(--warning-border);background:var(--warning-bg);color:var(--warning-text);border-radius:6px;margin:22px 0;padding:12px 14px;font-size:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{gap:7px;display:grid}.field--wide{grid-column:1/-1}.field label{color:var(--text);font-size:13px;font-weight:720}.field input,.field select{border:1px solid var(--border-strong);background:var(--surface-strong);width:100%;min-height:42px;color:var(--text);border-radius:6px;padding:0 12px}.fixed-model{border:1px solid var(--border-strong);background:var(--surface-strong);border-radius:6px;gap:3px;min-height:42px;padding:9px 12px;display:grid}.fixed-model strong{color:var(--text);font-size:14px}.fixed-model span{color:var(--muted);font-size:12px}.current-direction-card{border:1px solid var(--border-strong);background:var(--surface-strong);border-radius:6px;gap:3px;min-height:42px;padding:9px 12px;display:grid}.current-direction-card strong{color:var(--text);font-size:14px}.current-direction-card span{color:var(--muted);font-size:12px;line-height:1.45}.field input:focus,.field select:focus{border-color:var(--primary-strong);outline:3px solid color-mix(in srgb, var(--primary-strong) 18%, transparent)}.field p{color:var(--muted);margin-bottom:0;font-size:13px}.inline-link,.ai-studio-link{color:var(--primary-strong);align-items:center;gap:5px;font-weight:720;text-decoration:none;display:inline-flex}.inline-link{margin-left:8px}.ai-studio-link{white-space:nowrap;margin-left:8px;font-size:12px}.lens-options,.selected-lenses{flex-wrap:wrap;gap:8px;display:flex}.lens-options button,.selected-lenses button{border:1px solid var(--border-strong);background:var(--surface-strong);min-height:34px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:720;display:inline-flex}.lens-options button.is-selected{border-color:var(--primary-strong);background:var(--primary);color:var(--primary-text)}.custom-lens-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.selected-lenses{align-items:center;min-height:34px}.selected-lenses button{background:var(--neutral-pill)}.selected-lenses span{color:var(--muted);font-size:13px}.actions-row{justify-content:flex-start;margin-top:22px}.primary-button,.secondary-button,.icon-text-button,.icon-button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:720;display:inline-flex}.primary-button{background:var(--primary);color:var(--primary-text);padding:0 16px}.secondary-button,.icon-text-button{border-color:var(--border-strong);background:var(--surface-strong);color:var(--text);padding:0 14px}.icon-button{border-color:var(--border-strong);background:var(--surface-strong);width:40px;color:var(--text);padding:0}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:760;display:inline-flex}.status-pill--neutral{background:var(--neutral-pill);color:var(--text)}.status-pill--good{background:var(--good-pill);color:var(--good-text)}.status-pill--warn{background:var(--warn-pill);color:var(--warn-text)}.status-pill--bad{background:var(--bad-pill);color:var(--bad-text)}.inline-error,.status-line{border-radius:6px;margin-top:14px;padding:10px 12px;font-size:14px}.inline-error{border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-text)}.status-line{border:1px solid var(--border-strong);background:var(--surface-strong);color:var(--text)}.direction-result{max-width:820px}.journey-thread{gap:28px;display:grid}.thread-entry{border-top:1px solid var(--border);padding-top:24px;scroll-margin-top:96px}.thread-entry:first-child{border-top:0;padding-top:0}.result-kicker{color:var(--primary-strong);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:760;display:inline-flex}.summary{color:var(--text);font-size:17px;line-height:1.65}.direction-result ul{color:var(--text);margin:0;padding-left:20px;line-height:1.65}.step-download-button{margin-top:18px}.depth-trail{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.depth-trail span{border:1px solid var(--border);background:var(--surface-strong);min-height:28px;color:var(--muted);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:720;display:inline-flex}.deepen-panel{border-top:1px solid var(--border);gap:10px;margin-top:28px;padding-top:20px;display:grid}.deepen-panel label{color:var(--text);font-size:14px;font-weight:760}.deepen-panel textarea{resize:vertical;border:1px solid var(--border-strong);background:var(--surface-strong);width:100%;min-height:88px;color:var(--text);border-radius:6px;padding:11px 12px;line-height:1.5}.deepen-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.journey-complete-note{color:var(--muted);font-size:13px}.download-guide{border:1px solid var(--border-strong);background:var(--surface-strong);border-radius:8px;justify-items:start;gap:10px;padding:16px;display:grid}.download-guide strong{font-size:15px}.download-guide p{color:var(--muted);margin:0;line-height:1.55}.empty-result{min-height:calc(100vh - 200px);color:var(--muted);text-align:center;align-content:center;place-items:center;display:grid}.empty-result h2{margin-top:14px;font-size:20px}.modal-backdrop{z-index:20;background:color-mix(in srgb, var(--text) 35%, transparent);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settings-panel{border:1px solid var(--border-strong);background:var(--surface);width:min(560px,100%);box-shadow:0 24px 80px var(--shadow);border-radius:8px}.help-panel{border:1px solid var(--border-strong);background:var(--surface);width:min(640px,100%);max-height:min(820px,100vh - 36px);box-shadow:0 24px 80px var(--shadow);border-radius:8px;overflow:hidden}.sample-panel{border:1px solid var(--border-strong);background:var(--surface);width:min(860px,100%);max-height:min(860px,100vh - 36px);box-shadow:0 24px 80px var(--shadow);border-radius:8px;overflow:hidden}.settings-panel__header,.settings-panel__body,.settings-panel__footer{padding:20px}.settings-panel__header{border-bottom:1px solid var(--border)}.settings-panel__body{gap:16px;display:grid}.help-panel__body{gap:2px;max-height:calc(100vh - 130px);padding:10px 20px 20px;display:grid;overflow-y:auto}.sample-panel__body{gap:18px;max-height:calc(100vh - 190px);padding:20px;display:grid;overflow-y:auto}.sample-meta{border:1px solid var(--border);background:var(--surface-strong);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px;display:flex}.sample-meta p{color:var(--text);margin:0 0 10px;line-height:1.55}.sample-meta__row{color:var(--muted);flex-wrap:wrap;gap:10px 14px;font-size:13px;display:flex}.sample-meta__row span{align-items:center;gap:5px;display:inline-flex}.sample-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.sample-tabs button{border:1px solid var(--border-strong);background:var(--surface-strong);min-height:38px;color:var(--muted);border-radius:6px;font-size:13px;font-weight:720}.sample-tabs button.is-active{border-color:var(--primary-strong);background:var(--primary);color:var(--primary-text)}.sample-depth-toggle{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sample-depth-toggle button{border:1px solid var(--border-strong);background:var(--surface-strong);min-height:38px;color:var(--muted);border-radius:6px;font-size:13px;font-weight:720}.sample-depth-toggle button.is-active{border-color:var(--primary-strong);background:var(--primary);color:var(--primary-text)}.sample-document{border-top:1px solid var(--border);padding-top:18px}.sample-document h3{margin:0 0 12px;font-size:22px}.sample-document h4{margin:22px 0 8px;font-size:14px}.sample-document ul{color:var(--text);margin:0;padding-left:20px;line-height:1.65}.sample-guide-note{border:1px solid var(--warning-border);background:var(--warning-bg);color:var(--warning-text);border-radius:8px;margin:16px 0;padding:12px}.sample-guide-note strong{margin-bottom:5px;font-size:13px;display:block}.sample-guide-note p{margin:0;line-height:1.55}.branch-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.branch-item{border:1px solid var(--border);background:var(--surface-strong);border-radius:8px;padding:12px}.branch-item span{background:var(--neutral-pill);color:var(--muted);border-radius:999px;margin-bottom:8px;padding:3px 8px;font-size:11px;font-weight:760;display:inline-flex}.branch-item h4{margin:0 0 8px}.branch-item p{color:var(--text);margin:0 0 10px;line-height:1.5}.branch-item small{color:var(--muted);line-height:1.45}.help-step{border-bottom:1px solid var(--border);grid-template-columns:42px minmax(0,1fr);gap:14px;padding:14px 0;display:grid}.help-step:last-child{border-bottom:0}.help-step__icon{border:1px solid var(--border-strong);background:var(--surface-strong);width:40px;height:40px;color:var(--primary-strong);border-radius:8px;place-items:center;display:inline-grid}.help-step h3{margin:0 0 6px;font-size:15px}.help-step p{color:var(--muted);margin:0;line-height:1.6}.help-list{color:var(--muted);gap:7px;margin:10px 0 0;padding-left:18px;line-height:1.55;display:grid}.help-list strong{color:var(--text)}.help-definition-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0;display:grid}.help-definition-list div{border:1px solid var(--border);background:var(--surface-strong);border-radius:8px;padding:10px}.help-definition-list dt{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:760}.help-definition-list dd{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.help-step code{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);border-radius:5px;padding:1px 5px;font-size:.92em}.help-callout{border:1px solid var(--warning-border);background:var(--warning-bg);color:var(--warning-text);border-radius:8px;grid-template-columns:24px minmax(0,1fr);gap:10px;margin-top:12px;padding:12px;display:grid}.help-callout p{margin:0;line-height:1.55}.settings-panel__footer{border-top:1px solid var(--border)}.settings-panel__status,.settings-note{align-items:center;gap:9px;display:flex}.settings-note,.muted{color:var(--muted);font-size:13px}.theme-toggle{border:1px solid var(--border-strong);background:var(--surface-strong);border-radius:6px;grid-template-columns:repeat(2,minmax(76px,1fr));min-height:40px;display:grid;overflow:hidden}.theme-toggle button{min-width:0;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:720;display:inline-flex}.theme-toggle button.is-active{background:var(--primary);color:var(--primary-text)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.topbar,.topbar-actions,.account-menu,.settings-panel__footer{flex-direction:column;align-items:stretch}.topbar{position:static}.account-menu,.topbar-actions{width:100%}.account-menu__identity{text-align:left}.workspace{grid-template-columns:1fr}.control-surface,.result-surface{min-height:auto;max-height:none}.sample-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.branch-list{grid-template-columns:1fr}}@media (width<=640px){.form-grid,.custom-lens-row{grid-template-columns:1fr}.surface-heading,.actions-row{flex-direction:column;align-items:stretch}.primary-button,.secondary-button,.icon-text-button,.theme-toggle{width:100%}.help-step{grid-template-columns:1fr}.sample-meta,.settings-panel__header{flex-direction:column;align-items:stretch}.sample-tabs,.sample-depth-toggle{grid-template-columns:1fr}.compass-trace{width:148px;padding:10px;bottom:10px;right:10px}.compass-trace--panel{top:76px;right:10px}.compass-trace__map{grid-template-rows:repeat(3,32px);grid-template-columns:repeat(3,32px)}.compass-trace__node{width:29px;height:29px;font-size:10px}}