:root{--bg:#101312;--panel:#151817;--panel-soft:#1b1e1c;--panel-bright:#202421;--ink:#f1eee7;--soft:#c8cbc5;--muted:#939992;--line:#343a35;--line-soft:#292e2a;--accent:#e47754;--accent-soft:#39251f;--teal:#78baa4;--amber:#e0ac6b;--danger:#ee8a87;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.48 var(--sans)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea,input,select{color:var(--ink)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.topbar{height:70px;display:flex;align-items:center;gap:13px;padding:0 24px;border-bottom:1px solid var(--line);background:#111412f5;position:sticky;top:0;z-index:40;backdrop-filter:blur(12px)}.brand-mark{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #626b61;color:var(--accent);font:800 15px var(--mono);letter-spacing:-.09em}.brand-mark span{position:absolute;right:-6px;top:-9px;font:15px var(--sans);color:var(--ink)}.brand{display:grid;gap:2px}.brand strong{font-size:17px;letter-spacing:.11em;line-height:1}.eyebrow,.section-label,.mini-label{color:#91978f;font:600 10px/1.25 var(--mono);letter-spacing:.12em;text-transform:uppercase}.header-right{margin-left:auto;display:flex;align-items:center;gap:7px}.save-indicator{display:flex;align-items:center;gap:8px;color:#9fa69c;font-size:11px;padding:8px 11px;border:1px solid var(--line)}.save-indicator i{width:6px;height:6px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 3px #78baa420}.small-button,.icon-button,.secondary-button,.quiet-button,.export-actions button{border:1px solid var(--line);border-radius:0;background:#1a1e1b;color:var(--soft)}.small-button{padding:9px 12px;font-size:11px}.icon-button{width:36px;height:36px;font-size:18px}.small-button:hover,.icon-button:hover,.secondary-button:hover,.quiet-button:hover,.export-actions button:hover{border-color:#666e66;background:#252a25}.icon-button.danger:hover{border-color:var(--danger);color:var(--danger)}
.progress-nav{height:54px;display:flex;align-items:center;gap:0;padding:0 24px;border-bottom:1px solid var(--line);background:#151816}.progress-step{min-width:145px;display:flex;align-items:center;gap:10px;color:#737a73;font-size:11px}.progress-step b{display:grid;place-items:center;width:24px;height:24px;border:1px solid #444a44;font:650 10px var(--mono)}.progress-step.active{color:var(--ink)}.progress-step.active b{color:var(--accent);border-color:var(--accent);background:#e4775413}.progress-step.done b{color:var(--teal);border-color:#477869}.progress-note{margin-left:auto;color:#6f766e;font:10px var(--mono)}.mobile-nav{display:none}
.workspace{display:grid;grid-template-columns:minmax(310px,.8fr) minmax(440px,1.22fr) minmax(355px,.96fr);min-height:calc(100vh - 124px)}.pane{min-width:0;padding:24px;border-right:1px solid var(--line)}.pane:last-child{border-right:0}.input-pane,.result-pane{background:#141715}.design-pane{background:#1a1e1b}.pane-title{margin-bottom:20px}.pane-title h1,.pane-title h2{margin:7px 0 5px;font-size:22px;line-height:1.12;letter-spacing:-.028em}.pane-title p{margin:0;color:#9ba199;font-size:12px;line-height:1.5}.pane-title.compact{margin-bottom:18px}.pane-title.compact h2{font-size:20px}.idea-editor{width:100%;min-height:220px;padding:17px;border:1px solid #444a43;border-radius:0;background:#0e110f;resize:vertical;font-size:15px;line-height:1.65}.idea-editor::placeholder,input::placeholder,textarea::placeholder{color:#717870}.editor-meta{display:flex;justify-content:space-between;gap:10px;padding:9px 0 17px;color:#858c83;font:10px var(--mono)}.quiet-link{border:0;background:transparent;color:#ec8969;font:11px var(--sans);padding:0}.quiet-link:hover{text-decoration:underline}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:block;min-width:0}.field>span{display:block;margin-bottom:6px;color:#a9aea7;font-size:11px}.field input,.field select{width:100%;height:42px;padding:0 11px;border:1px solid #3a403a;background:#1d211e;border-radius:0;font-size:12px}.field input:focus,.field select:focus,.idea-editor:focus,#promptBody:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e4775418}.block-field{margin-top:12px}.settings{margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.settings summary,.protected-rule summary{display:flex;align-items:center;gap:9px;padding:13px 0;color:#d1d4ce;font-size:12px}.settings-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid #565d54;color:#e9a086;font:11px var(--mono)}.summary-end{margin-left:auto;color:#878e84;font-size:17px}.settings[open] .summary-end,.protected-rule[open] .summary-end{transform:rotate(45deg)}.settings-content{padding:2px 0 17px}.settings-content .field-grid{gap:10px}.primary-button{border:1px solid var(--accent);border-radius:0;background:#df6948;color:#fff;font-weight:650}.primary-button:hover{background:#ed7958}.analyze-button{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;margin-top:17px;font-size:13px}.privacy-note{margin:12px 0 0;color:#80877d;font-size:11px;line-height:1.55}
.empty-state{min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;border:1px dashed #454d44;background:#171b18}.empty-mark{display:grid;place-items:center;width:55px;height:55px;border:1px solid #5a6459;color:var(--accent);font-size:26px}.empty-state h3{margin:17px 0 6px;font-size:16px}.empty-state p{max-width:310px;margin:0;color:var(--muted);font-size:12px}.analysis-overview{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:16px;padding:0 0 19px;border-bottom:1px solid var(--line)}.score-circle{width:86px;height:86px;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle,#1a1e1b 58%,transparent 60%),conic-gradient(var(--accent) var(--score),#373c36 0)}.score-circle strong{text-align:center;font:650 25px/1 var(--mono)}.score-circle small{text-align:center;color:#848c82;font:10px var(--mono)}.analysis-overview h3{margin:7px 0 4px;font-size:16px}.analysis-overview p{margin:0;color:#9ca39a;font-size:11px;line-height:1.5}.analysis-tags{display:flex;flex-wrap:wrap;gap:6px;padding:14px 0}.tag{padding:5px 7px;border:1px solid #475046;color:#aeb6ab;font:10px var(--mono)}.tag.warn{border-color:#795a3e;color:#e0af72}.analysis-facts{border-top:1px solid var(--line)}.fact-row{display:grid;grid-template-columns:115px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.fact-row span{color:#848c81}.fact-row strong{font-weight:500;text-align:right;color:#d0d5cd}.warning-banner{margin:12px 0;padding:12px;border-left:2px solid var(--amber);background:#28231a;color:#dbb987;font-size:11px;line-height:1.5}
.content-section{margin-top:18px;border-top:1px solid var(--line)}.content-section>summary{display:flex;justify-content:space-between;gap:10px;padding:13px 0;font-weight:600;font-size:12px}.content-section>summary small{color:#92998e;font:10px var(--mono)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:14px 0 12px}.section-heading h3{margin:5px 0 0;font-size:15px}.quiet-button{padding:7px 9px;font-size:10px}.question{padding:12px 0;border-top:1px solid var(--line-soft)}.question-header{display:flex;gap:10px;justify-content:space-between;color:var(--amber);font:10px var(--mono)}.question p{margin:6px 0 9px;font-size:12px}.question-controls{display:grid;grid-template-columns:1fr 135px;gap:6px}.question-controls input,.question-controls select{min-width:0;height:36px;padding:0 9px;border:1px solid #424a41;background:#141815;font-size:11px}.direction-list{display:grid;gap:9px}.direction-card{border:1px solid #434b42;background:#151a16;padding:13px;transition:border-color .15s ease,background .15s ease}.direction-card.selected{border-color:#b16e54;background:#261e1a}.direction-top{display:flex;align-items:center;gap:10px}.direction-index{display:grid;place-items:center;width:28px;height:28px;border:1px solid #596057;color:#df8b6c;font:11px var(--mono)}.direction-card h4{margin:0;font-size:13px}.direction-card .card-lede{margin:7px 0;color:#adb4a9;font-size:11px;line-height:1.45}.direction-card details{border-top:1px solid #3b4239;margin-top:10px}.direction-card details summary{padding:9px 0 0;color:#e69a7d;font-size:10px}.direction-card dl{display:grid;grid-template-columns:98px 1fr;gap:6px;margin:10px 0 0;font-size:10px}.direction-card dt{color:#818a7d}.direction-card dd{margin:0;color:#b9c0b6}.select-direction{margin-left:auto;padding:7px 8px;border:1px solid #826350;background:transparent;color:#f0a184;font-size:10px}.direction-card.selected .select-direction{background:#a45239;color:#fff;border-color:#a45239}.direction-actions{display:flex;gap:8px;margin-top:10px}.secondary-button{padding:9px 11px;font-size:11px}.control-grid{padding:4px 0 13px}.checkbox-group,.scroll-options{border-top:1px solid var(--line-soft);padding:12px 0}.checkbox-group{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.checkbox-group .mini-label{flex-basis:100%}.checkbox-group label,.scroll-options label{display:flex;align-items:center;gap:7px;color:#b7bdb3;font-size:11px}.checkbox-group input,.scroll-options input{accent-color:var(--accent)}.scroll-options>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.asset-card{padding:11px 0;border-top:1px solid var(--line-soft)}.asset-card h4{margin:0 0 4px;font-size:12px}.asset-card p{margin:0;color:#9fa69d;font-size:10px}.asset-card small{display:block;margin-top:5px;color:#7f877d;font-size:10px}
.result-heading{display:flex;justify-content:space-between;align-items:flex-end}.quality-chip{padding:6px 8px;border:1px solid #577967;color:var(--teal);font:11px var(--mono)}.quality-chip.warn{border-color:#855e3c;color:var(--amber)}.result-actions{display:flex;gap:6px;margin-bottom:13px;flex-wrap:wrap}.result-actions button{flex:1}.editor-frame{border:1px solid #404740;background:#0e110f}.editor-topline{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #303630;color:#a0a89d;font:11px var(--mono);letter-spacing:.07em}.section-nav{display:flex;gap:5px;overflow:auto;padding:8px;border-bottom:1px solid #303630;scrollbar-width:thin}.section-nav button{flex:0 0 auto;padding:6px 8px;border:1px solid #313831;background:#151a15;color:#b8c0b4;font-size:11px}.section-nav button:hover{border-color:#a56d54;color:#f0a184}#promptBody{display:block;width:100%;height:340px;padding:15px;border:0;border-radius:0;background:#0e110f;resize:vertical;color:#d1d7cd;font:12.5px/1.68 var(--mono);tab-size:2}.protected-rule{margin-top:11px;border:1px solid #64614a;background:#22231c}.protected-rule summary{padding:11px 12px;color:#e5cf9b}.lock-icon{color:var(--amber)}.protected-rule p{margin:0 12px 9px;padding-top:10px;border-top:1px solid #5b5945;color:#d1d0bb;font-size:12px;line-height:1.6;white-space:pre-wrap}.protected-rule small{display:block;margin:0 12px 12px;color:#aaa891;font-size:11px;line-height:1.4}.result-bottom{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:12px}.result-bottom .secondary-button{height:42px}.export-actions{display:flex;gap:6px;margin-top:10px}.export-actions button{flex:1;padding:8px;font-size:11px}.result-note{margin:10px 0 0;color:#969f92;font-size:11px;line-height:1.45}
.modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:#000c}.modal{width:min(830px,100%);max-height:88vh;overflow:auto;border:1px solid #555d52;background:#1a1e1b;box-shadow:0 32px 100px #0008}.modal-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--line);background:#1a1e1b}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:16px}.modal-close{width:30px;height:30px;border:1px solid var(--line);background:#252a25;color:#ddd;font-size:19px}.version-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.version-row>div{flex:1}.version-row b{display:block;font-size:12px}.version-row small{display:block;color:#8e968c;font-size:10px}.version-actions{display:flex;gap:5px}.version-actions button{padding:7px 9px;border:1px solid var(--line);background:#252a25;color:#ccc;font-size:10px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-grid textarea{width:100%;height:52vh;padding:12px;border:1px solid var(--line);background:#101411;color:#c6ccc2;resize:none;font:10px/1.5 var(--mono)}.validation-group{margin-bottom:17px}.validation-group h3{margin:0 0 8px;font-size:13px}.validation-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.validation-item{padding:9px;border:1px solid #394239;font-size:11px;color:#b8c9ba}.validation-item.warn{border-color:#69543b;color:#e6b57a}.validation-item.critical{border-color:#774542;color:#ee9490}.modal-note{padding:11px;border-left:2px solid var(--amber);background:#29261e;color:#d4c4a4;font-size:11px;line-height:1.5}.toast{position:fixed;right:16px;bottom:16px;z-index:100;max-width:340px;padding:11px 14px;border:1px solid #5a6659;background:#242a24;box-shadow:0 15px 45px #0008;font-size:12px}
@media(max-width:1220px){.workspace{grid-template-columns:minmax(300px,.82fr) minmax(430px,1.18fr)}.result-pane{grid-column:1/-1;border-top:1px solid var(--line)}#promptBody{height:310px}}
@media(max-width:760px){body{padding-bottom:62px}.topbar{height:62px;padding:0 13px}.brand strong{font-size:15px}.eyebrow,.save-indicator,.progress-nav{display:none}.header-right{gap:5px}.mobile-nav{position:fixed;z-index:60;bottom:0;left:0;right:0;height:62px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:#141815}.mobile-nav button{border:0;border-right:1px solid var(--line);background:transparent;color:#858d82;font-size:12px}.mobile-nav button.active{background:#242923;color:#fff}.workspace{display:block;min-height:calc(100vh - 62px)}.pane{display:none;border:0;padding:18px 14px}.pane.mobile-active{display:block}.field-grid{grid-template-columns:1fr 1fr}.analysis-overview{grid-template-columns:78px 1fr}.score-circle{width:74px;height:74px}.result-pane{border-top:0}.modal-backdrop{padding:8px}.compare-grid,.validation-list{grid-template-columns:1fr}.compare-grid textarea{height:31vh}}
@media(max-width:480px){.field-grid,.settings-content .field-grid,.control-grid{grid-template-columns:1fr}.idea-editor{min-height:210px}.scroll-options>div{grid-template-columns:1fr}.question-controls{grid-template-columns:1fr}.direction-actions{flex-direction:column}.result-bottom{grid-template-columns:1fr}.result-actions button{font-size:10px}.brand-mark{width:35px;height:35px}.small-button{padding:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Compact layout previews make the directions comparable without pretending to be finished designs. */
.direction-preview{height:120px;margin-top:12px;padding:10px 12px;overflow:hidden;border:1px solid #ffffff22;background:var(--preview-bg);color:var(--preview-fg);display:grid;grid-template-rows:14px 1fr 13px;gap:8px}
.preview-nav,.preview-footer{display:flex;align-items:center;gap:7px}.preview-nav i{width:17px;height:8px;background:var(--preview-accent)}.preview-nav span{width:28px;height:3px;background:currentColor;opacity:.55}.preview-nav span:last-child{margin-left:auto}.preview-body{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;align-items:center}.preview-copy{display:flex;flex-direction:column;gap:4px}.preview-copy strong{font-size:25px;line-height:1;font-weight:780;letter-spacing:-.09em}.preview-copy b{height:3px;background:currentColor;opacity:.7}.preview-copy b:nth-of-type(1){width:76%}.preview-copy b:nth-of-type(2){width:62%}.preview-copy b:nth-of-type(3){width:43%;opacity:.35}.preview-copy small{width:28px;height:6px;margin-top:3px;background:var(--preview-accent)}.preview-visual{height:64px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px}.preview-visual i{background:var(--preview-accent);opacity:.9}.preview-visual i:first-child{grid-row:span 2}.preview-visual i:nth-child(2){opacity:.42}.preview-visual i:nth-child(3){opacity:.2}.preview-footer span{height:3px;width:31px;background:currentColor;opacity:.28}.preview-footer span:first-child{width:54px;background:var(--preview-accent);opacity:1}
[data-preview="editorial"] .preview-copy strong,[data-preview="atelier"] .preview-copy strong{font-family:Georgia,serif;font-weight:600;letter-spacing:-.08em}[data-preview="kinetic"] .preview-copy strong{font-size:34px;font-weight:900;transform:scaleX(1.12);transform-origin:left}[data-preview="minimal"] .preview-visual{height:48px;align-self:end}[data-preview="data-space"] .preview-visual,[data-preview="industrial"] .preview-visual{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px}[data-preview="data-space"] .preview-visual i:first-child,[data-preview="industrial"] .preview-visual i:first-child{grid-row:span 3}[data-preview="story"] .preview-body{grid-template-columns:1fr 1.2fr}[data-preview="organic"] .preview-visual i{border-radius:50%}

.refresh-section{padding:12px 0;border-bottom:1px solid var(--line)}.refresh-section>label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.refresh-section input{width:18px;height:18px;accent-color:var(--accent)}.refresh-section em{margin-left:auto;color:var(--amber);font-size:12px;font-style:normal}.refresh-section details{margin:7px 0 0 28px}.refresh-section summary{color:var(--accent);font-size:13px}.refresh-compare{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.refresh-compare small{color:var(--muted);font-size:12px}.refresh-compare pre{max-height:210px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;border:1px solid var(--line);background:#101411;color:var(--soft);font:12px/1.5 var(--mono)}.modal-intro{margin:0 0 11px;color:var(--soft);font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-actions button{min-height:40px;padding:8px 14px}
.backup-actions{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--line)}.backup-actions button{flex:1;min-width:180px}
.input-pane>.field-grid{grid-template-columns:1fr}

body{font-size:16px}.pane-title p,.analysis-overview p,.empty-state p,.question p,.direction-card .card-lede,.asset-card p,.result-note{font-size:14px}.field>span,.fact-row,.content-section>summary,.direction-card details summary,.checkbox-group label,.scroll-options label,.protected-rule p,.privacy-note,.modal-note{font-size:14px}.field input,.field select,.question-controls input,.question-controls select{font-size:14px}.direction-card h4,.asset-card h4{font-size:15px}.direction-card dl,.asset-card small{font-size:12px}.small-button,.quiet-button,.select-direction,.secondary-button,.export-actions button,.version-actions button{font-size:13px;min-height:36px}.question-controls input,.question-controls select{min-height:42px}.editor-meta{font-size:12px}.quiet-link{font-size:13px;min-height:28px}.section-nav button{font-size:12px;min-height:34px}#promptBody{font-size:13px}.mobile-nav button{font-size:14px}.validation-item{font-size:13px}.version-row b{font-size:14px}.version-row small{font-size:12px}
@media(max-width:760px){.refresh-compare{grid-template-columns:1fr}.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1}.direction-preview{height:130px}}