:root{--bg:#080a0d;--panel:#0e1216;--panel2:#12181d;--ink:#edf4ef;--muted:#849089;--line:#26302b;--line2:#34423a;--signal:#b8ff4a;--blue:#79a7ff;--warn:#ffd166;--danger:#ff7b72;--shadow:0 28px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,Arial,sans-serif;min-height:100vh;background-image:linear-gradient(rgba(184,255,74,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(184,255,74,.018) 1px,transparent 1px);background-size:44px 44px}
button,input,textarea,select{font:inherit}
button{color:inherit}
.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 0,rgba(121,167,255,.08),transparent 34%),radial-gradient(circle at 15% 25%,rgba(184,255,74,.05),transparent 28%);z-index:-1}
.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(8,10,13,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}
.brand{color:var(--ink);text-decoration:none;font-weight:900;letter-spacing:-.05em;font-size:20px}.brand span{color:var(--signal);font:10px ui-monospace,monospace;letter-spacing:.05em;margin-left:3px}
.system-state{display:flex;align-items:center;gap:9px;color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.12em}.system-state i{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 14px var(--signal)}.system-state b{color:#b9c3bd;font-weight:500;border-left:1px solid var(--line);padding-left:10px}
.top-actions{display:flex;gap:8px}.top-actions button{border:1px solid var(--line);background:transparent;padding:9px 12px;cursor:pointer;font:10px ui-monospace,monospace}.top-actions button:hover{border-color:var(--signal)}.example-button{background:var(--signal)!important;color:#0b100c!important;border-color:var(--signal)!important;font-weight:800!important}
.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1600px;margin:auto;min-height:calc(100vh - 72px)}
.rail{border-right:1px solid var(--line);background:rgba(11,14,17,.82);padding:26px 18px;display:flex;flex-direction:column;min-height:calc(100vh - 72px);position:sticky;top:72px;height:calc(100vh - 72px)}
.project-identity{padding:0 8px 22px;border-bottom:1px solid var(--line)}.project-identity label{display:block;color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.13em;margin-bottom:8px}.project-identity input{border:0;border-bottom:1px solid var(--line2);background:transparent;color:var(--ink);width:100%;padding:4px 0 9px;font-weight:700;outline:none}.project-identity input:focus{border-color:var(--signal)}.project-identity p{font:9px ui-monospace,monospace;color:#647168;margin:8px 0 0}
#stageNav{padding:18px 0;display:grid;gap:4px;overflow:auto}.stage-button{width:100%;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;background:transparent;border:1px solid transparent;padding:11px 9px;text-align:left;cursor:pointer;color:#7d8982;transition:.2s ease}.stage-button:hover:not(:disabled){background:#111712;color:var(--ink)}.stage-button.active{border-color:var(--line2);background:linear-gradient(90deg,rgba(184,255,74,.09),rgba(184,255,74,.01));color:var(--ink)}.stage-button.complete{color:#b6c0ba}.stage-button:disabled{opacity:.35;cursor:not-allowed}.stage-number{width:28px;height:28px;border:1px solid var(--line);display:grid;place-items:center;font:9px ui-monospace,monospace}.active .stage-number{border-color:var(--signal);color:var(--signal);box-shadow:inset 0 0 18px rgba(184,255,74,.08)}.complete .stage-number{background:var(--signal);color:#0a0e0b;border-color:var(--signal)}.stage-copy strong{display:block;font:11px ui-monospace,monospace;letter-spacing:.05em}.stage-copy small{font-size:10px;color:#657068}.stage-lock{font-size:11px;color:#5c6861}
.rail-progress{margin-top:auto;padding:18px 8px 2px;border-top:1px solid var(--line)}.rail-progress>div:first-child{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;color:var(--muted)}.rail-progress strong{color:var(--signal)}.progress-track{height:3px;background:#1d2521;margin:12px 0}.progress-track i{display:block;height:100%;width:0;background:var(--signal);box-shadow:0 0 12px rgba(184,255,74,.5);transition:width .5s ease}.rail-progress p{font:9px ui-monospace,monospace;color:#647168}
.workspace{padding:42px 42px 80px;min-width:0}.workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.eyebrow{color:var(--signal);font:9px ui-monospace,monospace;letter-spacing:.15em;margin:0 0 14px}.workspace h1{font-size:clamp(36px,4.5vw,68px);letter-spacing:-.06em;line-height:.95;margin:0;max-width:820px}.workspace-head>div>p:last-child{font-size:16px;line-height:1.55;color:#9ca8a1;max-width:680px;margin:20px 0 0}.stage-status{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px 12px;color:var(--muted);font:9px ui-monospace,monospace;white-space:nowrap}.stage-status i{width:6px;height:6px;border-radius:50%;background:var(--signal)}.stage-status.complete i{background:var(--blue)}
.command-strip{margin:36px 0 18px;display:grid;grid-template-columns:1.25fr 1fr .7fr;border:1px solid var(--line);background:rgba(13,17,20,.75)}.command-strip>div{padding:17px 20px;border-right:1px solid var(--line)}.command-strip>div:last-child{border:0}.command-strip small{display:block;color:#66736b;font:8px ui-monospace,monospace;letter-spacing:.14em;margin-bottom:7px}.command-strip strong{font-size:12px}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.primary-panel,.context-panel>section{background:rgba(14,18,22,.94);border:1px solid var(--line);box-shadow:var(--shadow)}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 18px}.tab{border:0;background:transparent;color:#66736b;padding:16px 13px;font:9px ui-monospace,monospace;cursor:pointer;border-bottom:2px solid transparent}.tab:hover{color:var(--ink)}.tab.active{color:var(--signal);border-bottom-color:var(--signal)}.tab-panel{display:none;padding:26px}.tab-panel.active{display:block;animation:panel-in .26s ease}@keyframes panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.panel-head small,.block-label span,.quality-gate span{display:block;color:var(--signal);font:8px ui-monospace,monospace;letter-spacing:.14em}.panel-head h2{font-size:24px;letter-spacing:-.035em;margin:8px 0 0}.panel-head>span{font:8px ui-monospace,monospace;color:#66736b;text-align:right}
.input-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{border:1px solid var(--line);background:#0a0d10;padding:14px;transition:.2s}.field:focus-within{border-color:#53685c;box-shadow:0 0 0 1px rgba(184,255,74,.06)}.field.full{grid-column:1/-1}.field label{display:flex;justify-content:space-between;gap:10px;color:#cbd3ce;font-size:12px;margin-bottom:10px}.field label small{font:8px ui-monospace,monospace;color:#617067}.field input,.field textarea,.field select{width:100%;border:0;background:transparent;color:var(--ink);outline:none;font-size:13px;line-height:1.5;resize:vertical}.field textarea{min-height:68px}.field input[type=number]{font-family:ui-monospace,monospace}.field select{color-scheme:dark}.field-hint{font-size:10px;color:#627068;margin:8px 0 0;line-height:1.4}
.checklist-block{border-top:1px solid var(--line);margin-top:24px;padding-top:21px}.block-label{display:flex;justify-content:space-between;margin-bottom:10px}.block-label em{font:8px ui-monospace,monospace;color:#66736b;font-style:normal}.check-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #202823;color:#9eaaa3;font-size:12px;cursor:pointer}.check-row input{appearance:none;width:17px;height:17px;border:1px solid #455349;background:#080b09;display:grid;place-items:center;margin:0}.check-row input:checked{background:var(--signal);border-color:var(--signal)}.check-row input:checked:after{content:"✓";color:#0b0f0c;font-size:12px;font-weight:900}.check-row:has(input:checked){color:var(--ink)}
.primary-action,.secondary-action{border:0;cursor:pointer;padding:15px 17px;font-weight:800}.primary-action{background:var(--signal);color:#091008;display:flex;justify-content:space-between;width:100%;margin-top:22px}.primary-action:hover{filter:brightness(1.05);box-shadow:0 0 25px rgba(184,255,74,.15)}.primary-action.compact{width:auto;margin:0;min-width:190px}.secondary-action{background:transparent;border:1px solid var(--line2);color:var(--ink)}.secondary-action:hover{border-color:var(--signal)}
.handoff-steps{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.handoff-steps li{padding:13px;border-right:1px solid var(--line);font:9px ui-monospace,monospace;color:#8b9790}.handoff-steps li:last-child{border:0}.handoff-steps b{color:var(--signal);margin-right:7px}.prompt-output{white-space:pre-wrap;max-height:470px;overflow:auto;background:#080b0e;border:1px solid var(--line);padding:20px;color:#cbd6cf;font:11px/1.65 ui-monospace,monospace;margin:0}.prompt-output:focus{outline:1px solid var(--signal)}.prompt-actions{display:flex;justify-content:space-between;gap:12px;margin-top:14px}
.output-label{display:block;color:#d5ddd8;font-size:13px;margin-bottom:12px}.output-label small{display:block;color:#66736b;font:9px ui-monospace,monospace;margin-top:5px}.output-area{width:100%;min-height:340px;resize:vertical;background:#080b0e;border:1px solid var(--line);color:var(--ink);padding:18px;outline:none;font:12px/1.6 ui-monospace,monospace}.output-area:focus{border-color:var(--signal)}.quality-gate{margin-top:13px;border-left:2px solid var(--warn);background:rgba(255,209,102,.04);padding:12px 14px}.quality-gate span{color:var(--warn)}.quality-gate p{font-size:11px;color:#aab4ae;line-height:1.5;margin:6px 0 0}
.context-panel{display:grid;gap:12px;align-content:start}.context-panel>section{box-shadow:none;padding:18px}.pulse-card{display:grid;grid-template-columns:72px 1fr;gap:15px;align-items:center}.ring{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--signal) 0deg,#1b2420 0deg);position:relative;transition:.5s}.ring:before{content:"";position:absolute;inset:5px;background:var(--panel);border-radius:50%}.ring span{position:relative;font:10px ui-monospace,monospace;color:var(--signal)}.pulse-card small{color:#627068;font:8px ui-monospace,monospace;letter-spacing:.1em}.pulse-card strong{display:block;margin:5px 0;font-size:14px}.pulse-card p{font-size:10px;line-height:1.45;color:#748078;margin:0}
.artifacts-card header,.activity-card header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);font:8px ui-monospace,monospace;letter-spacing:.1em;color:#758078}.artifacts-card header small{color:var(--signal)}.artifact{display:grid;grid-template-columns:22px 1fr auto;gap:9px;padding:11px 0;border-bottom:1px solid #202823;align-items:center}.artifact:last-child{border:0}.artifact i{width:18px;height:18px;border:1px solid var(--line2);display:grid;place-items:center;font-style:normal;font-size:9px}.artifact.ready i{background:var(--signal);border-color:var(--signal);color:#0a0e0b}.artifact strong{font-size:10px}.artifact small{font:7px ui-monospace,monospace;color:#5e6b63}.artifact b{font:7px ui-monospace,monospace;color:#5e6b63}.artifact.ready b{color:var(--signal)}
.activity-card header i{width:5px;height:5px;border-radius:50%;background:var(--signal);box-shadow:0 0 9px var(--signal)}#activityLog{padding-top:9px;max-height:180px;overflow:auto}.activity{display:grid;grid-template-columns:36px 1fr;gap:7px;font:8px/1.45 ui-monospace,monospace;color:#7a867e;padding:5px 0}.activity time{color:#536058}.activity:first-child{color:#b9c3bd}
.privacy-card span{font:8px ui-monospace,monospace;color:var(--blue);letter-spacing:.12em}.privacy-card p{font-size:10px;line-height:1.5;color:#738078}.privacy-card button{width:100%;background:transparent;border:1px solid var(--line);padding:10px;cursor:pointer;font:8px ui-monospace,monospace}.privacy-card button:hover{border-color:var(--blue)}
.toast{position:fixed;right:24px;bottom:24px;background:var(--signal);color:#091008;font:10px ui-monospace,monospace;font-weight:800;padding:13px 16px;transform:translateY(80px);opacity:0;transition:.3s;z-index:50}.toast.show{transform:none;opacity:1}
@media(max-width:1180px){.workspace-grid{grid-template-columns:1fr}.context-panel{grid-template-columns:repeat(2,1fr)}.privacy-card,.activity-card{min-height:160px}}
@media(max-width:860px){.topbar{padding:0 15px}.system-state{display:none}.app-shell{grid-template-columns:1fr}.rail{position:static;height:auto;min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:16px}.project-identity{display:none}#stageNav{display:flex;overflow:auto;padding:0}.stage-button{min-width:150px}.rail-progress{display:none}.workspace{padding:28px 16px 60px}.command-strip{grid-template-columns:1fr}.command-strip>div{border-right:0;border-bottom:1px solid var(--line)}.workspace-grid{grid-template-columns:1fr}.context-panel{grid-template-columns:1fr 1fr}.input-fields{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:620px){.topbar{height:62px}.top-actions .ghost{display:none}.example-button{font-size:8px!important}.brand{font-size:17px}.rail{top:62px}.workspace h1{font-size:42px}.workspace-head{display:block}.stage-status{margin-top:18px;width:max-content}.tabs{padding:0;overflow:auto}.tab{white-space:nowrap;padding:14px 10px}.tab-panel{padding:18px}.panel-head{display:block}.panel-head>span{display:block;text-align:left;margin-top:9px}.handoff-steps{grid-template-columns:1fr}.handoff-steps li{border-right:0;border-bottom:1px solid var(--line)}.prompt-actions{flex-direction:column}.primary-action.compact{width:100%}.context-panel{grid-template-columns:1fr}.command-strip{margin-top:24px}.toast{left:15px;right:15px;text-align:center}}
.guide-card header{display:flex;justify-content:space-between;color:#748078;font:8px ui-monospace,monospace;letter-spacing:.1em}.guide-card header small{color:var(--signal)}.guide-card ol{list-style:none;padding:10px 0 0;margin:0}.guide-card li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:center;padding:8px 0;color:#647168;font-size:10px}.guide-card li b{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--line2);font:8px ui-monospace,monospace}.guide-card li.active{color:var(--ink)}.guide-card li.active b{background:var(--signal);border-color:var(--signal);color:#0a0e0b}.privacy-card>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.privacy-card button{height:100%}
@media(max-width:620px){.top-actions #resumeButton{display:block}.top-actions #importButton{display:block}.top-actions #resetButton{display:none}.top-actions{gap:4px}.top-actions button{padding:8px 7px}.privacy-card>div{grid-template-columns:1fr}}
@media(max-width:860px){.app-shell{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.rail{min-width:0;width:100%;overflow:hidden}#stageNav{max-width:100%}.workspace{width:100%;min-width:0}}
@media(max-width:860px){.app-shell{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.rail{min-width:0;width:100%;overflow:hidden}#stageNav{max-width:100%}.workspace{width:100%;min-width:0}}