:root{color-scheme:dark;--bg:#151827;--panel:#202334;--line:#41465a;--ink:#f4efe8;--muted:#a9afc0;--hot:#f2a083}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 55% -12%,#374056,#171b2a 45%,var(--bg) 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:1440px;margin:auto;padding:40px 25px 25px}.eyebrow,.step,footer,.selected-label,.message{font:600 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow,.step{color:var(--hot)}h1{font:normal clamp(42px,5.2vw,72px)/1.04 Georgia,serif;letter-spacing:-.055em;margin:12px 0}h1 em{color:#d9b8aa;font-weight:normal}header p{color:var(--muted);font-size:16px;margin:0 0 28px}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel,.deck{border:1px solid var(--line);background:var(--panel);box-shadow:0 15px 50px #0003}.panel{padding:27px;display:flex;flex-direction:column;align-items:stretch}.step{margin-bottom:22px}.panel label:not(.file-button){font-size:14px;color:#e8e8ed;margin-bottom:9px}.panel textarea{width:100%;resize:vertical;background:#121725;color:#f9f4ec;border:1px solid #596072;border-radius:2px;padding:13px 14px;font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}.panel textarea:focus{border-color:var(--hot);box-shadow:0 0 0 2px #f2a08333}#brief{min-height:83px}#prompt{margin-top:0;min-height:158px;color:#ddd2c8}#response{min-height:257px}.primary,.secondary,.file-button{border-radius:2px;cursor:pointer;font-weight:700;font-size:14px;padding:13px 16px}.primary{border:0;background:var(--hot);color:#1c1920;display:flex;align-items:center;justify-content:space-between}.secondary,.file-button{border:1px solid #5d6376;background:#2b3042;color:#ebeaf0}.primary:hover,.secondary:hover,.file-button:hover{filter:brightness(1.12)}#build-prompt{align-self:flex-start;margin:10px 0 23px;padding:9px 13px;font-size:12px}#copy-prompt{margin-top:10px}.hint{color:var(--muted);font-size:12px;line-height:1.5;margin:9px 0 0}.row{display:flex;gap:9px;margin-top:10px}.row>*{flex:1}.file-button{text-align:center;position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.message{color:#a5d3ba;margin-top:18px;letter-spacing:.03em;text-transform:none;min-height:40px}.message.error{color:#f2a083}.text-button{align-self:flex-start;background:none;border:0;color:#b4b7c8;text-decoration:underline;cursor:pointer;padding:4px 0}.deck{margin-top:16px;padding:27px}.deck-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px}.deck-heading .step{margin-bottom:8px}.deck h2{font:normal 38px Georgia,serif;letter-spacing:-.04em;margin:0 0 5px}.deck-heading p{margin:0;color:var(--muted);font-size:13px}.deck-actions{display:flex;gap:8px;flex-wrap:wrap}.deck-actions button{font-size:12px;padding:10px 12px}.deck-body{display:grid;grid-template-columns:290px minmax(0,1fr);gap:23px;padding-top:23px}.selected{position:sticky;top:14px;align-self:start}.large-card{width:100%;max-width:280px}.large-card svg{display:block;width:100%;height:auto;box-shadow:0 18px 32px #0005}.selected-label{color:#b5beca;margin-top:14px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:11px}.tile{border:0;background:transparent;padding:0;cursor:pointer;border-radius:5px;outline-offset:3px}.tile svg{width:100%;height:auto;display:block;box-shadow:0 7px 13px #0004;transition:transform .15s}.tile:hover svg{transform:translateY(-3px)}.tile.active svg{outline:3px solid var(--hot);outline-offset:2px}footer{display:flex;justify-content:space-between;gap:15px;margin-top:18px;color:#7d879a}
@media(max-width:1000px){.workflow{grid-template-columns:1fr}.deck-heading{display:block}.deck-actions{margin-top:17px}.deck-body{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:650px){.shell{padding:22px 12px}.panel,.deck{padding:18px}.deck-body{display:block}.selected{position:static;margin:auto auto 26px;max-width:220px}.gallery{grid-template-columns:repeat(auto-fill,minmax(73px,1fr));gap:8px}.row{display:block}.row>*{display:block;width:100%;margin-top:8px}footer{flex-wrap:wrap;font-size:9px}}
@media print{body{background:#fff;color:#000}.shell{padding:0}.shell>header,.workflow,.deck-heading,.selected,footer{display:none!important}.deck{padding:0;border:0;box-shadow:none;margin:0;background:#fff}.deck-body{display:block;padding:0}.gallery{display:grid;grid-template-columns:repeat(3,57mm);gap:5mm;justify-content:center}.tile{break-inside:avoid}.tile:first-child{display:none}.tile svg{width:57mm;height:80mm;box-shadow:none}.tile.active svg{outline:0}@page{size:letter;margin:8mm}}
.review{margin-top:16px}.review .step{margin-bottom:12px}.review-summary{color:#d9e2dc;font-size:13px;line-height:1.6;margin-bottom:18px}.review-summary ul{margin:7px 0 0;padding-left:20px}.review-summary li{margin:3px 0}.review #revision{min-height:64px}.review #build-revision{align-self:flex-start;margin:10px 0 20px;padding:9px 13px;font-size:12px}.review #revision-prompt{min-height:115px;color:#ddd2c8}.review #copy-revision{margin-top:10px;align-self:flex-start;gap:28px}
@media print{.review{display:none!important}}