:root{--bg-canvas: #161616;--bg-surface: #1c1c1c;--bg-surface-raised: #242424;--bg-sunken: #101010;--border-hairline: #2e2e2e;--border-strong: #454545;--text-primary: #f7f4f0;--text-secondary: #ada79f;--text-muted: #726d68;--accent: #f06341;--accent-bright: #ff8560;--accent-deep: #c9481f;--accent-hover: #ff7952;--accent-soft: rgba(240, 99, 65, .14);--accent-glow: rgba(240, 99, 65, .45);--state-ok: #4caf6b;--state-ok-soft: rgba(76, 175, 107, .15);--state-ok-border: rgba(76, 175, 107, .5);--state-warn: #e0a530;--state-warn-soft: rgba(224, 165, 48, .13);--state-warn-border: rgba(224, 165, 48, .45);--radius-s: 8px;--radius-m: 14px;--radius-l: 20px;--radius-pill: 999px;--font-display: "Archivo Black", "IBM Plex Sans", -apple-system, sans-serif;--font-body: "IBM Plex Sans", -apple-system, Helvetica, Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background-color:var(--bg-canvas);background-image:linear-gradient(180deg,#16161652,#16161680,#161616d1 70%,#161616),url(/assets/asset-01.jpg);background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat;color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.55}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;background:#161616e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:2px solid var(--accent)}.brand{display:flex;align-items:center;gap:16px;min-width:0}.logoImg{height:58px;width:auto;display:block}.headlineBlock{display:flex;flex-direction:column;gap:7px;padding-left:20px;border-left:2px solid var(--border-strong);min-width:0}.headlineBlock h1{font-family:var(--font-display);font-size:26px;font-weight:400;letter-spacing:.01em;margin:0;color:var(--text-primary);text-transform:uppercase;line-height:1}.headlineBlock h1 .slash{color:var(--accent)}.tagBox{display:inline-flex;align-items:center;gap:6px;width:fit-content;border:1.5px solid var(--accent);border-radius:3px;padding:3px 10px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.tagBox .sep{color:var(--text-muted)}.tagBox .tagLabel{color:var(--text-secondary);font-style:italic}.topbarActions{display:flex;align-items:center;gap:12px;flex-shrink:0}.topbarUser{color:var(--text-muted)}.topbarProject{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-secondary);flex-wrap:wrap}.topbarSlug{color:var(--text-muted)}.introStrip{padding:40px 26px 26px;max-width:980px}.introHeadline{font-family:var(--font-body);font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:.03em;line-height:1.2;color:var(--text-primary);margin:0 0 10px}.introHeadline .accentText{color:var(--accent)}.introStrip p{font-size:13px;color:var(--text-secondary);margin:0}.linklike{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer;font:inherit}.linklike:hover{color:var(--accent-hover)}.appgrid{display:grid;grid-template-columns:250px 1fr 300px;gap:28px;padding:8px 26px 0;align-items:start}@media (max-width: 1080px){.appgrid,.projectsLayout{grid-template-columns:1fr}}.transitionBanner{position:relative;width:100%;overflow:hidden;line-height:0;margin-top:28px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.transitionBanner img{width:100%;height:auto;display:block}.rail{align-self:start}.railLevel{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:18px 0 6px}.railLevel:first-child{margin-top:0}.railGroup{font-size:11.5px;font-weight:600;color:var(--text-secondary);margin:10px 0 4px 2px}.railGroupDisabled{color:var(--text-muted);font-weight:400;font-style:italic}.railStage{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:none;border-radius:var(--radius-s);color:var(--text-secondary);font-family:var(--font-body);font-size:12.5px;padding:6px 8px;cursor:pointer;margin-bottom:1px}.railStage:hover{background:var(--bg-surface-raised);color:var(--text-primary)}.railStageActive,.railStageActive:hover{background:var(--accent-soft);color:var(--accent);font-weight:700;border-left:3px solid var(--accent);padding-left:5px}.railStageDisabled{color:var(--text-muted);cursor:not-allowed}.railStageDisabled:hover{background:transparent;color:var(--text-muted)}.railStageLabel{flex:1}.railDot{width:6px;height:6px;border-radius:50%;border:1.5px solid var(--border-strong);flex-shrink:0}.railDotDone{background:var(--state-ok);border-color:var(--state-ok)}.railLock{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--state-warn);background:var(--state-warn-soft);border:1px solid var(--state-warn-border);border-radius:var(--radius-pill);padding:0 6px;flex-shrink:0}.workarea{min-width:0}.pool{align-self:start;min-width:0}.panel-block{background:#1c1c1c8c;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-m);padding:18px 20px;margin-bottom:20px;box-shadow:0 10px 30px #00000059}.panel-block h2{margin:0 0 12px;font-family:var(--font-display);font-size:15px;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:.01em}.panelDetails{background:#1c1c1c8c;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-m);margin-bottom:20px;box-shadow:0 10px 30px #00000059}.panelDetails>summary{list-style:none;cursor:pointer;padding:14px 18px;font-family:var(--font-display);font-size:15px;font-weight:400;text-transform:uppercase;letter-spacing:.01em;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.panelDetails>summary::-webkit-details-marker{display:none}.panelDetails>summary:after{content:"+";color:var(--accent);font-size:18px;font-weight:400;margin-left:10px}.panelDetails[open]>summary:after{content:"–"}.panelDetails>summary:hover{color:var(--accent)}.panelDetails>summary .slash{color:var(--accent);font-family:var(--font-mono);text-transform:none}.panelDetails .detailsBody{padding:14px 18px 16px;border-top:1px solid var(--border-hairline)}label,.fieldLabel{display:block;font-size:12.5px;font-weight:600;color:var(--text-secondary);margin:14px 0 6px}.hint{font-size:11px;color:var(--text-muted);margin-top:3px;font-weight:400;line-height:1.5}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;padding:8px 10px;background:var(--bg-surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-s);color:var(--text-primary);font-family:var(--font-body);font-size:13px}textarea{font-family:var(--font-mono);font-size:12px;resize:vertical}input[type=file]{padding:6px;font-size:12px;color:var(--text-secondary)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.field{margin-top:14px}.fieldRow{display:flex;gap:16px}.fieldRow>.field{flex:1;margin-top:0}button{padding:11px 22px;border:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.btn-primary{background:linear-gradient(135deg,var(--accent-bright),var(--accent) 55%,var(--accent-deep));color:#fff9f6;box-shadow:0 4px 22px var(--accent-glow),inset 0 1px #ffffff38}.btn-primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 6px 28px var(--accent-glow),inset 0 1px #ffffff47}.btn-primary:active:not(:disabled){transform:translateY(0);filter:brightness(.97)}button:disabled{background:var(--bg-surface-raised);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.btn-secondary{background:#ffffff0b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.16);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn-ghost{background:transparent;border:1.5px solid var(--border-strong);color:var(--text-secondary);padding:7px 16px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn-small{padding:7px 16px;font-size:12px}.stageDesc{font-size:13px;padding:2px 0 10px;line-height:1.6;color:var(--text-secondary)}.stageDesc p{margin:0}.stageDesc .negative{color:var(--text-primary);font-style:italic;display:block;margin-top:6px}.stagePosition{font-size:11.5px;color:var(--text-muted);margin:0 0 8px}.stageNote{font-size:12px;padding:8px 12px;border-radius:var(--radius-s);margin-top:6px;border:1px solid transparent}.stageNote.ok{background:var(--state-ok-soft);color:var(--state-ok);border-color:var(--state-ok-border)}.stageNote.warn{background:var(--state-warn-soft);color:var(--state-warn);border-color:var(--state-warn-border)}.blockNotice{margin-top:10px;padding:10px 12px;border-radius:var(--radius-s);background:var(--state-warn-soft);border:1px solid var(--state-warn-border);color:var(--state-warn);font-size:12px;line-height:1.55}.panel{margin-top:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-m);background:#24242480;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 6px 20px #00000047}.panel h2{margin:0 0 10px;font-family:var(--font-display);font-size:14px;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:.01em}.panelTitle{font-size:11.5px;font-weight:600;color:var(--text-secondary);margin:18px 0 6px}.chip{display:inline-block;margin:2px 4px 2px 0;padding:3px 9px;background:var(--bg-surface);border:1px solid var(--border-hairline);border-radius:20px;font-size:11px;color:var(--text-secondary)}.chip.ok{background:var(--state-ok-soft);color:var(--state-ok);border-color:var(--state-ok-border)}.chip.warn{background:var(--state-warn-soft);color:var(--state-warn);border-color:var(--state-warn-border)}.docField{padding:10px 12px;margin-bottom:10px;border:1px solid var(--border-hairline);border-radius:var(--radius-s);background:var(--bg-surface-raised);transition:border-color .15s ease,background .15s ease}.docField label{margin:0 0 4px}.docField select{font-size:12px;padding:6px 8px}.fieldStatus{margin-bottom:6px}.optTag{font-weight:400;color:var(--text-muted);font-size:11px;margin-left:6px}.fieldNote{font-weight:400;color:var(--text-muted);font-size:11px;text-transform:none;letter-spacing:normal}.manualEntry{margin-top:8px}.manualEntry>summary{cursor:pointer;font-size:11.5px;color:var(--text-muted)}.manualEntry>summary:hover{color:var(--accent)}.manualEntry textarea,.manualEntry button{margin-top:8px}.knowledgeRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;margin-bottom:4px;background:var(--bg-surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-s);font-size:12px}.knowledgeLabel{color:var(--text-secondary);font-weight:600}.estimate{margin-top:10px;padding:10px 12px;background:var(--bg-surface-raised);border:1px dashed var(--border-strong);border-radius:var(--radius-s);font-size:12px;color:var(--text-secondary);font-family:var(--font-mono);line-height:1.6}.estimateBasis{color:var(--text-muted)}.runControls{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.runControls .hint{margin-top:0}.dropZone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-m);padding:14px;text-align:center;font-size:12px;color:var(--text-muted);transition:all .15s ease;line-height:1.9}.dropZone.dropActive{border-color:var(--accent);background:var(--accent-soft)}.dropZone .linklike{font-size:12px}.poolStatus{color:var(--text-secondary)}.pendingWrap{margin-top:12px;padding:10px 12px;border:1px solid var(--state-warn-border);background:var(--state-warn-soft);border-radius:var(--radius-s)}.pendingWrap .panelTitle{margin-top:0;color:var(--state-warn)}.pendingItem{margin-bottom:8px}.pendingItem:last-child{margin-bottom:0}.pendingItem select{margin-top:5px}.poolBody{max-height:44vh;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;margin-right:-4px}.poolBody::-webkit-scrollbar{width:7px}.poolBody::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.poolBody::-webkit-scrollbar-track{background:transparent}.poolGroup{margin:10px 0 2px}.poolGroupTitle{display:flex;align-items:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:12px 0 5px}.poolGroupCount{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);background:var(--bg-surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-pill);padding:0 6px;margin-left:8px}.poolItem{display:flex;align-items:flex-start;gap:8px;padding:7px 9px;margin-bottom:4px;background:var(--bg-surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-s)}.poolItem:hover{border-color:var(--border-strong)}.poolItemMain{flex:1;min-width:0}.poolItemKind{font-size:11px;font-weight:600;color:var(--text-primary)}.poolItemName{font-size:11px;color:var(--text-muted);overflow-wrap:anywhere;font-family:var(--font-mono)}.poolItemStand{color:var(--text-muted)}.poolWarn{margin-top:4px;font-size:10.5px;color:var(--state-warn)}.poolRemove{background:none;border:none;color:var(--text-muted);font-size:15px;line-height:1;padding:0 2px;cursor:pointer;border-radius:3px}.poolRemove:hover{color:var(--state-warn)}.mono{font-family:var(--font-mono);font-size:11.5px}code{background:var(--bg-sunken);padding:1px 6px;border-radius:4px;font-size:11px;font-family:var(--font-mono);color:var(--accent)}.outputHero{margin:20px 26px 28px;padding:18px 24px;background-color:var(--bg-sunken);background-image:linear-gradient(160deg,#10101080,#101010b8 55%,#101010e6),url(/assets/asset-02.jpg);background-size:cover;background-position:center 30%;border:1px solid var(--border-hairline);border-top:4px solid var(--accent);border-radius:var(--radius-l);box-shadow:0 8px 32px #0006}.outputHero h2{font-family:var(--font-display);font-size:18px;font-weight:400;text-transform:uppercase;letter-spacing:.01em;margin:0 0 12px}.apiKeyDropdown{position:relative}.apiKeyTrigger{background:none;border:none;padding:0;display:flex;align-items:center;gap:6px;cursor:pointer}.apiKeyTrigger .caret{color:var(--text-muted);font-size:10px;transition:transform .15s ease}.apiKeyTrigger[aria-expanded=true] .caret{transform:rotate(180deg)}.apiKeyPanel{position:absolute;top:calc(100% + 10px);right:0;z-index:50;background:var(--bg-surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-m);padding:16px;width:320px;text-align:left;box-shadow:0 10px 30px #00000073}.apiKeyPanel label:first-child{margin-top:0}.pill{font-family:var(--font-mono);font-size:11px;padding:4px 10px;border-radius:20px;border:1px solid var(--border-strong);color:var(--text-muted);white-space:nowrap}.pill-ok{color:var(--state-ok);border-color:var(--state-ok);background:var(--state-ok-soft)}.pill-muted{color:var(--text-muted)}.checkboxrow{font-size:12px;color:var(--text-muted);margin-top:8px;font-weight:400;display:block}.checkboxrow input{width:auto;margin-right:4px}.estWarn{margin-top:8px;padding:8px 10px;border-radius:var(--radius-s);background:var(--state-warn-soft);color:var(--state-warn);border:1px solid var(--state-warn-border);font-size:12px}.estOk{margin-top:8px;padding:8px 10px;border-radius:var(--radius-s);background:var(--state-ok-soft);color:var(--state-ok);border:1px solid var(--state-ok-border);font-size:12px}.estimate>div+div{margin-top:4px}.estimate .hint{margin-top:6px}.promptClear{margin-left:10px;font-size:11px}.runStatus{margin-top:14px;font-size:13px;color:var(--text-secondary);font-family:var(--font-mono)}.costbox{margin-top:10px;padding:10px 12px;background:var(--bg-surface-raised);border-radius:var(--radius-s);font-size:12.5px;border:1px solid var(--border-hairline)}.costbox.live{background:var(--state-ok-soft);border-color:var(--state-ok-border)}.costbox.warn{background:var(--state-warn-soft);color:var(--state-warn);border-color:var(--state-warn-border)}.runOutput{width:100%;height:260px;margin-top:14px;font-family:var(--font-mono);font-size:12.5px;padding:16px;background:#1010108c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-m);resize:vertical}.sessionCost{margin-top:14px;padding:12px 14px;background:var(--bg-surface-raised);border-radius:var(--radius-s);font-size:12px;color:var(--text-secondary);border:1px solid var(--border-hairline)}.outputPlaceholder{width:100%;margin-top:4px;padding:28px 16px;text-align:center;font-family:var(--font-mono);font-size:12.5px;background:#1010108c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-muted);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-m)}.gateQuestion{font-size:12.5px;color:var(--text-secondary);line-height:1.6;margin:0 0 10px}.gateButtons{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.gateBtn{padding:9px 18px;font-size:12.5px}.gateBtn-ok{background:linear-gradient(135deg,#5cbf7e,var(--state-ok));color:#0d1f13;box-shadow:0 3px 14px #4caf6b4d}.gateBtn-warn{background:linear-gradient(135deg,#edb84f,var(--state-warn));color:#241c00;box-shadow:0 3px 14px #e0a5304d}.gateBtn-block{background:#ffffff0b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.16);color:var(--text-secondary)}.gateBtn-ok:hover,.gateBtn-warn:hover{filter:brightness(1.08);transform:translateY(-1px)}.gateBtn-block:hover{border-color:var(--text-primary);color:var(--text-primary)}.gateResult{margin-top:12px}.gateResult .hint{display:inline;margin-left:6px}.loginWrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.loginPanel{width:100%;max-width:460px;background:#1c1c1c8c;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);border:1px solid rgba(255,255,255,.08);border-top:4px solid var(--accent);border-radius:var(--radius-l);padding:34px 32px;box-shadow:0 16px 44px #00000073;text-align:center}.loginPanel .logoImg{height:66px;margin:0 auto 20px}.loginPanel h1{font-family:var(--font-display);font-size:22px;font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:1.15;margin:0 0 14px}.loginPanel h1 .slash{color:var(--accent)}.loginPanel .tagBox{margin:0 auto 24px}.loginPanel .btn-primary{width:100%;justify-content:center}.loginNote{font-size:11.5px;color:var(--text-muted);margin:14px 0 0;font-family:var(--font-mono)}.loginError{font-size:11.5px;color:var(--state-warn);margin:10px 0 0;font-family:var(--font-mono)}.projectsLayout{display:grid;grid-template-columns:1fr 360px;gap:28px;padding:0 26px 28px;align-items:start}.projectCard{display:flex;align-items:baseline;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:12px 14px;margin-bottom:6px;background:var(--bg-surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-s);color:var(--text-primary);font-family:var(--font-body);font-size:13.5px;font-weight:600;cursor:pointer}.projectCard:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.projectCardSlug{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);font-weight:400}.loadingNote{padding:40px 26px;color:var(--text-muted);font-family:var(--font-mono)}.pageNote{padding:24px 26px}