:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;--bg: #070707;--bg-2: #0d0f14;--card: rgba(17, 18, 20, .94);--card-2: #12141a;--text: #f3f4f6;--muted: #a0a3ad;--line: #2a2c31;--accent: #d4af37;--accent-2: #f0d77a;--accent-soft: rgba(212, 175, 55, .12);--ok: #22c55e;--warn: #f59e0b;--bad: #ef4444;--info: #3b82f6;--input: #0b0c0f;--shadow: 0 18px 50px rgba(0, 0, 0, .35);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=light]{color-scheme:light;--bg: #f4f6fb;--bg-2: #ffffff;--card: rgba(255, 255, 255, .94);--card-2: #ffffff;--text: #171923;--muted: #5f6470;--line: #d8dee8;--accent: #b98c1f;--accent-2: #846317;--accent-soft: rgba(185, 140, 31, .1);--input: #ffffff;--shadow: 0 18px 40px rgba(22, 28, 45, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(900px 500px at 0% 0%,rgba(212,175,55,.13),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(212,175,55,.08),transparent 45%),linear-gradient(180deg,var(--bg),var(--bg-2))}button,input,select{font:inherit}button,a{transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}button:hover:not(:disabled),a:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}.app-shell{min-height:100vh;padding:12px}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:10px 14px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-lockup,.topbar-controls,.segmented-control{display:flex;align-items:center}.brand-lockup{gap:12px;min-width:0}.brand-logo{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(212,175,55,.18))}.brand-lockup strong{display:block;color:var(--text);font-size:1.24rem;letter-spacing:0}.brand-lockup span{display:block;margin-top:2px;color:var(--muted);font-size:.82rem}.topbar-controls{flex-wrap:wrap;justify-content:flex-end;gap:10px}.segmented-control{gap:5px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--card-2)}.seg-btn{min-height:34px;padding:7px 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-size:.8rem;font-weight:850}.seg-btn.active{background:var(--accent-soft);color:var(--text)}.console-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:12px;align-items:start}.flow-sidebar,.workspace-panel{border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flow-sidebar{position:sticky;top:98px;display:grid;gap:12px;padding:12px}.quiet-note,.human-summary,.advisor-summary-card p,.result-card p{margin:0;color:var(--muted);line-height:1.55}.kicker{display:inline-flex;margin-bottom:7px;color:var(--accent-2);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.step-list{display:grid;gap:7px}.step-button{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;min-height:42px;padding:7px 8px;border:1px solid var(--line);border-radius:13px;background:var(--card-2);color:var(--muted);cursor:pointer;text-align:left;font-weight:850}.step-button b{display:grid;width:26px;height:26px;place-items:center;border-radius:999px;background:var(--input);color:var(--accent-2);font-size:.75rem}.step-button.active{border-color:#d4af3799;background:var(--accent-soft);color:var(--text)}.step-button.error{border-color:#ef444473}.step-button.locked{opacity:.68}.workspace-panel{min-width:0;padding:16px}.step-panel{min-height:calc(100vh - 156px)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head h1,.section-head h2,.result-card h2,.step-panel h3{margin:0;color:var(--text);letter-spacing:0}.section-head h1{font-size:clamp(1.8rem,3vw,2.6rem)}.section-head p{max-width:780px;margin:7px 0 0;color:var(--muted);line-height:1.45}.option-grid,.form-grid,.module-grid,.metric-grid,.detail-grid,.tree-metrics,.compare-bars{display:grid;gap:10px}.option-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.option-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.option-grid.two,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid.compact,.step-panel h3{margin-top:14px}.option-card,.module-card,.text-field,.console-card,.result-card,.advisor-summary-card,.detail-grid span,.metric-grid span,.tree-metrics span,.compare-bar-card,.history-card{border:1px solid var(--line);border-radius:14px;background:var(--card-2)}.option-card,.module-card{display:grid;gap:8px;min-height:132px;padding:13px;color:var(--text);cursor:pointer;text-align:left}.option-card.active,.module-card.active{border-color:#d4af37b3;background:var(--accent-soft);box-shadow:0 0 0 3px #d4af3714}.option-card span,.module-card span{display:flex;align-items:center;justify-content:space-between;gap:8px}.option-card em,.module-card i{padding:4px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-2);font-size:.68rem;font-style:normal;font-weight:900}.option-card small,.module-card small,.option-card i{color:var(--muted);line-height:1.42}.option-card i{align-self:end;font-style:normal;font-size:.76rem;overflow-wrap:anywhere}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.text-field{display:grid;gap:8px;min-height:112px;padding:14px}.text-field span{color:var(--text);font-weight:850}input,select,textarea{width:100%;min-height:40px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--input);color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}textarea{min-height:150px;resize:vertical;line-height:1.5}.prompt-field{display:grid;gap:9px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card-2)}.prompt-field>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.prompt-field strong{color:var(--text)}.prompt-field small,.prompt-field em{color:var(--muted);font-size:.82rem;font-style:normal;line-height:1.45}.primary-button,.secondary-button,.ghost-button,.primary-link,.history-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:13px;cursor:pointer;font-weight:850;text-decoration:none}.primary-button,.primary-link{border:1px solid rgba(212,175,55,.35);background:linear-gradient(135deg,#d4af37,#9a741b);color:#111;box-shadow:0 14px 28px #9a741b38}.secondary-button,.ghost-button,.history-actions a{border:1px solid var(--line);background:var(--card-2);color:var(--text)}.danger-button{border-color:#ef444457;color:#fecaca}.danger-button:hover:not(:disabled){border-color:#ef44449e;background:#ef44441a}.demo-button{width:100%}.error-banner,.warning-banner{margin-bottom:12px;padding:12px 14px;border-radius:14px;font-weight:780}.error-banner{border:1px solid rgba(239,68,68,.35);background:#ef44441a;color:#fecaca}.warning-banner{border:1px solid rgba(245,158,11,.35);background:#f59e0b1a;color:#fde68a}.tree-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:12px}.console-card,.result-card,.advisor-summary-card{padding:14px}.tree-console{min-width:0}.tree-metrics,.metric-grid,.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.tree-metrics span,.metric-grid span,.detail-grid span{display:grid;gap:4px;padding:10px}.tree-metrics small,.metric-grid small,.detail-grid small{color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.tree-metrics strong,.metric-grid strong,.detail-grid strong{color:var(--text);overflow-wrap:anywhere}.file-tree{max-height:calc(100vh - 330px);overflow:auto;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--input)}.tree-row{display:grid;grid-template-columns:22px minmax(180px,.42fr) minmax(0,.58fr);gap:8px;align-items:center;min-height:30px;padding:5px 8px 5px calc(8px + (var(--tree-depth) * 18px));border-radius:10px;color:var(--muted)}.tree-row:hover{background:#ffffff0a}.folder-row{color:var(--text);font-weight:850}.tree-icon{color:var(--accent-2);font-weight:900}.tree-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-note{min-width:0;overflow:hidden;color:var(--muted);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.tree-side{display:grid;gap:12px;align-content:start}.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.chip,.status-pill{display:inline-flex;align-items:center;width:fit-content;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--input);color:var(--muted);font-size:.78rem;font-weight:850}.status-pill{color:var(--accent-2);background:var(--accent-soft)}.result-card{display:grid;gap:10px;max-width:760px}.filters-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.custom-select{position:relative;min-width:148px}.native-select{position:absolute;inset:0;opacity:0;pointer-events:none}.custom-select-btn{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:var(--input);color:var(--text);font:inherit;font-weight:850;cursor:pointer;box-shadow:none;transform:none}.custom-select-btn:hover{transform:none;border-color:#d4af3761}.custom-select.open .custom-select-btn{border-color:var(--accent);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 0 4px var(--accent-soft)}.custom-select-label{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.custom-select-arrow{flex:0 0 auto;width:12px;height:8px;margin-right:2px;opacity:.9;background-repeat:no-repeat;background-position:center;background-size:12px 8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23d4af37' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transition:transform .18s ease}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-menu{position:absolute;left:0;right:0;top:calc(100% - 1px);z-index:30;overflow:hidden;border:1px solid var(--accent);border-top:0;border-bottom-left-radius:14px;border-bottom-right-radius:14px;background:var(--card-2);box-shadow:0 16px 36px #00000052}.custom-option{width:100%;display:grid;gap:3px;padding:10px 12px;border:0;border-radius:0;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-weight:780;text-align:left;transform:none}.custom-option small{color:var(--muted);font-size:.72rem;line-height:1.35}.custom-option:hover,.custom-option:focus,.custom-option.current{background:var(--accent-soft);color:var(--text);outline:none;transform:none}.custom-option+.custom-option{border-top:1px solid rgba(255,255,255,.045)}.hidden{display:none!important}.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.history-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px}.history-card.selected{border-color:#d4af37a6;background:var(--accent-soft)}.history-card strong,.history-card small{display:block}.history-card small{margin-top:4px;color:var(--muted)}.history-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.history-actions .ghost-button,.history-actions a{min-height:34px;padding:7px 9px}.run-details-panel,.comparison-panel{display:grid;gap:12px}.detail-grid{margin-bottom:0}.metric-bars,.compare-bars{gap:8px}.metric-bars div,.compare-bar-card{display:grid;gap:6px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--input)}.metric-bars span,.compare-bar-card span{color:var(--muted);font-size:.78rem;font-weight:850}.metric-bars i,.compare-bar-card i{display:block;height:8px;min-width:3px;border-radius:999px;background:var(--accent)}.metric-bars .warn-bar{background:var(--warn)}.compare-bar-card .info-bar{background:var(--info)}.compare-table{display:grid;gap:6px}.compare-row{display:grid;grid-template-columns:1.2fr repeat(6,minmax(0,.8fr));gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--input)}.compare-head{color:var(--muted);font-size:.76rem;font-weight:900;text-transform:uppercase}.strongest-row{border-color:#22c55e6b;background:#22c55e14}.warn-text{color:#fde68a}.advanced-details{border:1px solid var(--line);border-radius:14px;background:var(--input)}.advanced-details summary{cursor:pointer;padding:12px;color:var(--text);font-weight:850}pre{max-height:360px;margin:0;overflow:auto;padding:12px;color:#e5edff;background:#0b1020;font-size:.78rem;line-height:1.5}.empty-state{padding:16px;border:1px dashed var(--line);border-radius:14px;background:var(--card-2);color:var(--muted);line-height:1.5}.error-muted{border-color:#ef444457}.validation-console-card{margin:0;border:1px solid var(--line);border-radius:14px;background:var(--card-2)}.validation-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.validation-stage-card{padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--input)}.validation-stage-card span{display:block;margin-bottom:5px;color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.validation-stage-card strong{display:block;color:var(--text)}.validation-passed{color:#86efac}.validation-passed_with_warnings{color:#fde68a}.validation-failed{color:#fecaca}.validation-missing{color:var(--muted)}@media(max-width:1240px){.console-layout,.tree-layout{grid-template-columns:1fr}.flow-sidebar{position:static}.step-list{grid-template-columns:repeat(5,minmax(0,1fr))}.option-grid.four,.option-grid.five,.module-grid,.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:8px}.app-topbar{align-items:flex-start;flex-direction:column}.topbar-controls{width:100%;justify-content:flex-start}.step-list,.option-grid.four,.option-grid.five,.option-grid.two,.form-grid,.module-grid,.metric-grid,.detail-grid,.tree-metrics,.history-grid,.filters-row,.validation-stage-grid,.compare-row{grid-template-columns:1fr}.section-head,.history-card{flex-direction:column;align-items:flex-start}.tree-row{grid-template-columns:20px minmax(0,1fr)}.tree-note{grid-column:2}}
