:root{color-scheme:dark;--bg:#0d1010;--surface:#171c1b;--border:#303b37;--text:#ecf0e9;--muted:#a4b0a8;--accent:#d3e3b7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,'PingFang TC',sans-serif}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border);gap:16px}.logo{font-family:serif;font-size:25px;letter-spacing:5px;text-decoration:none;color:var(--text)}.logo span{font-family:sans-serif;font-size:12px;letter-spacing:1px;color:var(--muted);margin-left:18px}nav{display:flex;gap:8px}button{font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:7px;background:#202925;color:inherit;padding:9px 15px}button:hover{border-color:#788a79;background:#2d3b31}.primary{background:var(--accent);color:#152116;font-weight:600}.primary:hover{background:#e2edcf}main{display:grid;grid-template-columns:370px minmax(0,1fr);height:calc(100vh - 76px)}aside{overflow:auto;padding:28px;border-right:1px solid var(--border)}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--accent)}h1{font-size:36px;font-weight:450;line-height:1.25;letter-spacing:-1px;margin:14px 0}.intro p{color:var(--muted);margin-bottom:25px}.tabs{display:flex;position:sticky;top:-28px;background:var(--bg);padding:12px 0;z-index:1;gap:4px}.tabs button{border:0;background:none;padding:9px 12px;color:var(--muted)}.tabs button[aria-selected=true]{background:#2e3a2e;color:var(--accent)}label{display:block;margin:18px 0 7px;font-weight:550}input,textarea,select{width:100%;min-width:0;background:#111615;border:1px solid #3b4740;border-radius:7px;color:var(--text);padding:11px;font:inherit}textarea{resize:vertical}input[type=color]{height:44px;padding:4px}input[type=file]{font-size:11px}button:focus-visible,input:focus,textarea:focus,select:focus,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hint,small{font-size:11px;color:var(--muted)}.text-btn{padding:7px 0;border:0;background:transparent;color:var(--accent);font-size:12px}.text-btn:hover{background:transparent}details{border-top:1px solid var(--border);margin:22px 0;padding-top:18px}summary{cursor:pointer;font-weight:600}.repeat{border:1px solid var(--border);border-radius:9px;padding:12px;margin:14px 0}.repeat label{margin-top:8px}.repeat button{font-size:11px;margin-top:8px}.repeat img{max-width:100%;height:90px;object-fit:cover}.themes{display:grid;gap:12px}.theme{text-align:left;padding:18px;display:grid;grid-template-columns:70px 1fr}.theme span{grid-row:span 2;font:36px Georgia,serif}.theme small{color:inherit;opacity:.7}.theme.warm{background:#ede5d8;color:#373a2c}.theme.business{background:#f5f7fc;color:#223953}.theme.dark{background:#151b23;color:#e6d4a6}.theme[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:3px}.notice{padding:16px;background:var(--surface);margin-top:25px;border-radius:10px}.notice p{color:var(--muted);font-size:12px}.preview-area{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#222825}.preview-toolbar{min-height:65px;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;gap:10px}.preview-toolbar small{margin-left:10px}.live-dot{display:inline-block;width:6px;height:6px;background:#c5deb0;border-radius:50%;margin-right:8px}.devices{display:flex;gap:4px}.devices button{padding:5px 10px;font-size:12px;background:transparent}.devices button[aria-pressed=true]{background:#394939}.canvas{flex:1;min-height:0;padding:0 24px;display:flex;justify-content:center}iframe{border:0;background:#f5f2eb;width:100%;height:100%;border-radius:12px 12px 0 0;transition:width .2s}iframe.mobile{width:390px;max-width:100%}.preview-note{font-size:11px;color:var(--muted);text-align:center;padding:12px}#status{padding:15px 0;color:var(--accent);font-size:12px}#status.error{color:#ffb4a9}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;width:min(520px,90vw);max-height:80vh}dialog::backdrop{background:#000a}.dialog-head{display:flex;align-items:center;justify-content:space-between}#projectList{display:grid;gap:8px;margin-top:15px}#projectList button{text-align:left}[hidden]{display:none!important}@media(max-width:900px){main{grid-template-columns:320px minmax(0,1fr)}aside{padding:20px}.canvas{padding:0 10px}.preview-toolbar{padding:12px}.preview-toolbar small{display:none}}@media(max-width:680px){header{padding:12px;height:auto;flex-wrap:wrap}.logo span{font-size:11px}nav button{padding:7px 10px;font-size:12px}main{height:auto;display:flex;flex-direction:column}aside{overflow:visible;border-right:0}.tabs{top:0}.preview-area{height:750px}.intro h1 br{display:none}.intro h1{font-size:32px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.savebar{min-height:46px;display:flex;align-items:center;gap:18px;padding:5px 28px;border-bottom:1px solid var(--border);background:#131916;font-size:11px;color:var(--muted)}.savebar #status{padding:0;margin:0;flex:1}.savebar button{font-size:11px;padding:4px 10px}main{height:calc(100dvh - 122px)}.project-row{padding:18px 0;border-bottom:1px solid var(--border)}.project-row strong{display:block;overflow-wrap:anywhere}.project-row p{font-size:12px;color:var(--muted)}.project-row button{margin-right:8px}.danger{color:#ffb4a9;background:transparent}@media(max-width:680px){main{height:auto}.savebar{padding:8px 16px;flex-wrap:wrap;gap:5px 12px}.savebar>span{display:none}.savebar #status{min-width:170px}nav{flex-wrap:wrap}.preview-toolbar{flex-wrap:wrap}}
.section-control{display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--border);padding:10px 0}.section-control label{display:flex;align-items:center;gap:10px;flex:1;margin:0}.section-control input{width:16px;accent-color:var(--accent)}.section-control button{padding:5px 10px}button:disabled{opacity:.35;cursor:not-allowed}#readiness{padding-left:18px;font-size:12px;color:var(--muted)}#readiness li{margin:7px 0}#projectSearch{margin:12px 0}.project-row button{margin-top:6px}.savebar{flex-wrap:wrap} @media(max-width:680px){.savebar #status{flex-basis:100%}}
@media(min-width:681px){body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}body>header,.savebar{flex-shrink:0}body>main{height:auto;flex:1;min-height:0}}
#wizard{width:min(760px,94vw);max-height:92dvh;padding:32px;border-color:#526449;background:radial-gradient(ellipse at top right,#293623,#141a17 65%)}#wizard h2{font-size:38px;margin:12px 0}#wizard>p{color:var(--muted)}#wizard textarea,#wizard input{background:#0d1310}#wizard .wizard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#generateSite{width:100%;font-size:17px;padding:15px;margin-top:12px}#genStatus{color:var(--accent)!important}#wizard::backdrop{background:#080d0bf2}@media(max-width:600px){#wizard{padding:20px}#wizard .wizard-grid{grid-template-columns:1fr}#wizard .dialog-head{align-items:flex-start}#wizard h2{font-size:30px}}
.tabs{flex-wrap:wrap}.tabs button{padding:8px 9px}.guide-link{display:block;color:var(--accent);padding:12px 0}#promptModel,#promptStatus{font-size:12px;color:var(--accent)}#prompts button{margin:6px 4px 6px 0}#prompts textarea{font-size:12px;line-height:1.7}

/* Keep the primary action reachable while the brief scrolls. */
.generation-actions{position:sticky;bottom:-32px;background:#141a17;border-top:1px solid var(--border);padding:10px 0 20px;z-index:2}.generation-actions #genStatus{margin:0;font-size:12px}.generation-actions #generateSite{margin-top:6px}#wizard{scroll-padding-bottom:130px}.intro h1{font-size:28px}.intro p{margin-bottom:14px}@media(max-width:600px){.generation-actions{bottom:-20px;padding-bottom:12px}}

.preview-toolbar{flex-wrap:wrap;gap:10px}#previewPage{width:140px;max-width:100%;margin:0;padding:8px}

.launch-entry{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #788a79;border-radius:7px;color:var(--accent);text-decoration:none;font:inherit}.launch-entry:hover{background:#2d3b31}.launch-entry:focus-visible{outline:2px solid var(--accent);outline-offset:3px}