:root{--bg:#090c12;--panel:#121722;--panel2:#181f2c;--line:#2a3240;--text:#f5f6f8;--muted:#929baa;--orange:#f16922;--orange2:#ff8a43;--green:#36c98f;--red:#ff6470;--radius:18px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 80% 0,#182231 0,transparent 38%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1320px)/2));background:#0a0e15e8;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:baseline;gap:10px}.brand span{font-weight:900;letter-spacing:.08em}.brand small{color:var(--orange);font-weight:700}.topbar nav{display:flex;align-items:center;gap:24px;color:#c5cad2;font-size:14px}.topbar nav a:hover{color:#fff}.topbar nav form{margin:0}.link-button{background:none;border:0;color:var(--muted);padding:0;cursor:pointer}.page{max-width:1320px;margin:0 auto;padding:44px 28px 90px}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.hero-row h1{font-size:clamp(34px,5vw,58px);line-height:1;margin:7px 0 12px;letter-spacing:-.045em}.project-hero h1{font-size:42px}.eyebrow{margin:0;color:#86909f;text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:800}.eyebrow.orange{color:var(--orange)}.muted{color:var(--muted);line-height:1.55}.back{display:inline-block;color:var(--muted);font-size:14px;margin-bottom:28px}.button{border:1px solid transparent;border-radius:11px;padding:12px 17px;color:#fff;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button.primary{background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 10px 30px #f1692230}.button.secondary{background:#252e3d;border-color:#344052}.button.ghost{background:transparent;border-color:#394456}.button.success{background:#1b7658}.button.full{width:100%}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.stats article{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#111722}.stats span{display:block;color:var(--muted);font-size:13px}.stats strong{display:block;font-size:30px;margin-top:8px}.project-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.project-row{display:grid;grid-template-columns:105px minmax(240px,1fr) 120px 160px;align-items:center;gap:18px;padding:19px 22px;border-bottom:1px solid var(--line)}.project-row:last-child{border-bottom:0}.project-row:hover{background:#18202d}.project-row strong,.project-row small{display:block}.project-row small{color:var(--muted);margin-top:5px}.project-code{color:var(--orange);font-weight:850}.project-metric{color:var(--muted);font-size:13px;text-align:right}.pill{display:inline-flex;width:max-content;padding:7px 10px;border:1px solid #3a4658;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.pill.approved{color:var(--green);border-color:#36c98f55;background:#36c98f12}.pill.generating{color:#ffd76b;border-color:#ffd76b55}.panel{background:linear-gradient(145deg,#151b26,#10151e);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.panel h2,.dialog h2{margin:5px 0 0;font-size:23px;letter-spacing:-.025em}.project-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.sticky{position:sticky;top:92px}.brief-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0}.brief-grid .wide{grid-column:1/-1}.brief-grid dt{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.brief-grid dd{margin:7px 0 0;white-space:pre-wrap;line-height:1.55}.count{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#222b39;color:var(--muted)}.reference-grid,.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.reference-card{min-width:0}.reference-preview{aspect-ratio:1;display:grid;place-items:center;background:#0b0f16;border:1px solid var(--line);border-radius:12px;overflow:hidden}.reference-preview img{width:100%;height:100%;object-fit:cover}.reference-card small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 3px}.upload-row,.generate-row{display:flex;align-items:flex-end;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.upload-row input[type=file]{flex:1;color:var(--muted)}.upload-row.compact{margin-top:22px}.generate-row label{flex:1}.agent-status{font-size:12px;color:var(--green)}.agent-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 14px var(--green)}.rule-preview{color:#b9c0cb;line-height:1.6}.result-card{background:#0c1119;border:1px solid var(--line);border-radius:14px;padding:9px;min-width:0}.result-card.selected{border-color:var(--green);box-shadow:0 0 0 1px #36c98f33}.result-image{aspect-ratio:1;display:grid;place-items:center;border-radius:9px;overflow:hidden;background:#080b10}.result-image img{width:100%;height:100%;object-fit:cover}.result-meta{display:flex;justify-content:space-between;gap:8px;padding:11px 3px}.result-meta small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.loader{text-align:center;color:var(--muted)}.loader i{display:block;width:34px;height:34px;border:3px solid #303a49;border-top-color:var(--orange);border-radius:50%;margin:0 auto 10px;animation:spin 1s linear infinite}.error-state,.error-copy{color:var(--red)}.error-copy{display:block;padding:8px;word-break:break-word}.timeline{padding:0;list-style:none;margin:20px 0}.timeline li{position:relative;padding:0 0 22px 26px;color:var(--muted)}.timeline li:before{content:"";position:absolute;left:0;top:2px;width:11px;height:11px;border-radius:50%;background:#313a49}.timeline li:after{content:"";position:absolute;left:5px;top:14px;width:1px;height:20px;background:#313a49}.timeline li:last-child:after{display:none}.timeline li.done{color:#fff}.timeline li.done:before{background:var(--green)}.rules-layout{display:grid;grid-template-columns:380px 1fr;gap:22px}.rule-card{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:21px;border:1px solid var(--line);border-radius:15px;background:var(--panel);margin-bottom:12px}.rule-card.inactive{opacity:.5}.rule-card p{margin:10px 0;line-height:1.55}.rule-card small{color:var(--muted)}.rule-category{font-size:11px;color:var(--orange);text-transform:uppercase;letter-spacing:.1em}.toggle{width:45px;height:25px;border:0;border-radius:999px;padding:3px;background:#303847;cursor:pointer}.toggle i{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s}.toggle.on{background:var(--green)}.toggle.on i{transform:translateX(20px)}.stack-form{display:grid;gap:16px}.stack-form label,.generate-row label{display:grid;gap:8px;color:#bdc4ce;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea,select{width:100%;border:1px solid #354052;border-radius:10px;background:#0d121a;color:#fff;padding:12px 13px;outline:none}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--orange)}.dialog{width:min(650px,calc(100vw - 30px));border:1px solid var(--line);border-radius:20px;background:#121823;color:#fff;padding:25px}.dialog::backdrop{background:#02040ad9;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between}.dialog-close{border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.flash{padding:13px 16px;border-radius:11px;margin-bottom:18px;border:1px solid}.flash.success{background:#173a31;border-color:#2d8065}.flash.error{background:#421f26;border-color:#8d3a49}.empty{text-align:center;padding:70px 30px;color:var(--muted)}.empty strong{color:#fff;font-size:18px}.login-page{min-height:100vh;display:grid;place-items:center;padding:30px}.login-card{width:min(430px,100%);padding:38px;border:1px solid var(--line);border-radius:24px;background:#111722;box-shadow:0 30px 80px #0008}.login-card h1{margin:8px 0;font-size:34px}.login-mark{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--orange);font-weight:900;margin-bottom:25px}.narrow{max-width:560px;margin:40px auto}.narrow h1{font-size:40px}.error-copy{font-size:11px}.back+ .eyebrow{margin-top:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:920px){.project-layout,.rules-layout{grid-template-columns:1fr}.side-column{order:-1}.sticky{position:static}.reference-grid,.result-grid{grid-template-columns:repeat(2,1fr)}.project-row{grid-template-columns:80px 1fr 100px}.project-metric{display:none}}@media(max-width:650px){.page{padding:28px 16px 70px}.topbar{padding:0 16px}.topbar nav{gap:12px}.topbar nav a:first-child{display:none}.hero-row{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.project-row{grid-template-columns:70px 1fr}.project-row .pill{display:none}.form-grid{grid-template-columns:1fr}.upload-row,.generate-row{align-items:stretch;flex-direction:column}.brief-grid{grid-template-columns:1fr}.brief-grid .wide{grid-column:auto}}