:root{--accent:#6548ed;--ink:#242333;--muted:#747180;--line:#e7e5ed;--bg:#faf9f6}*{box-sizing:border-box}body{margin:0;font:14px/1.6 Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--accent)}button,input,textarea,select{font:inherit}button,.button{cursor:pointer;background:white;border:1px solid var(--line);border-radius:9px;padding:10px 14px;color:var(--ink);text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:#a896f4}button:disabled{opacity:.5;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:white}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b6a5ff;outline-offset:2px}[hidden]{display:none!important}.nav{display:flex;gap:20px;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line);background:white;position:relative;z-index:1}.brand{font-weight:700;font-size:20px;letter-spacing:-.5px;color:var(--ink);text-decoration:none}.brand b{background:var(--ink);color:white;padding:7px 11px;border-radius:10px;margin-right:7px}.label{font-size:11px;color:var(--muted)}.nav-actions{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:12px}.app{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 80px)}aside{padding:25px 18px;background:white;border-right:1px solid var(--line)}aside>.primary{width:100%}aside h2{font-size:12px;text-transform:uppercase;color:var(--muted);margin:30px 0 12px}#sites-list button{display:block;width:100%;text-align:left;margin-bottom:8px;font-size:12px}.help-card{background:#f3efff;border-radius:14px;padding:18px;margin-top:35px}.help-card span,.eyebrow{font-size:10px;letter-spacing:1.6px;color:#7a698f}.help-card h3{font-size:18px;line-height:1.3}.help-card p,.help-card small{font-size:11px;color:#6b647b}.help-card small{display:block;margin:12px 0}.help-card a{font-size:12px;display:block;margin-top:14px}main{padding:42px 4%;min-width:0}#wizard{max-width:1000px;margin:auto}.intro{text-align:center;margin:12px 0 32px}h1{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-1.4px;margin:15px 0}.intro p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.steps button{font-size:12px;background:transparent;border:0;border-bottom:2px solid var(--line);border-radius:0;padding:12px 5px}.steps button[aria-current=step]{border-color:var(--accent);color:var(--accent);font-weight:700}.card{padding:30px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 40px #22222204}.card h2{margin:0 0 20px;font-size:22px;letter-spacing:-.5px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:12px;font-weight:600;margin:16px 0}input,select,textarea{display:block;width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;background:#fdfdfd;color:var(--ink);margin-top:7px;font-size:14px}input[type=color]{height:47px;padding:5px}textarea{resize:vertical}.note{font-size:11px;color:var(--muted);line-height:1.7}.inline{display:flex;gap:10px;align-items:center}.inline input{margin:0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.chips button[aria-pressed=true]{background:#ede7ff;color:#5835c9;border-color:#d3c7fa}.page-brief{border-top:1px solid var(--line);padding-top:5px}.page-brief button{float:right;font-size:10px;padding:3px 8px}.wizard-footer{display:flex;justify-content:space-between;margin:20px 0}.workspace-title{display:flex;gap:15px;justify-content:space-between;align-items:center}.workspace-title h1{font-size:30px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.toolbar select{width:auto;max-width:240px;margin:0;font-size:12px}.toolbar button{font-size:12px}.editor{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.page-panel{padding:20px;border-right:1px solid var(--line)}.page-panel h2{font-size:16px;margin-top:0}#page-list button{display:block;text-align:left;width:100%;margin:6px 0;font-size:12px}#page-list button[aria-pressed=true]{background:#f0ebff;color:var(--accent)}.canvas{min-width:0;background:#f5f5f8;overflow:hidden}.canvas-tools{padding:10px;display:flex;gap:5px;background:white;flex-wrap:wrap;border-bottom:1px solid var(--line)}.canvas-tools button{font-size:11px;padding:7px 11px}.canvas-tools [aria-pressed=true]{color:var(--accent);background:#f0ebff}#frame{display:block;width:100%;height:700px;border:0;background:white;margin:auto}#frame.mobile{width:375px;max-width:100%}#source{width:100%;height:700px;border:0;margin:0;border-radius:0;font:12px/1.7 monospace}#empty-page{padding:90px 25px;text-align:center;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:calc(100% - 30px);max-width:650px;max-height:90vh;overflow:auto}dialog::backdrop{background:#20182c88;backdrop-filter:blur(4px)}dialog h2{margin-top:0}dialog ol{padding-left:22px}dialog li{margin-bottom:10px}#auth{max-width:450px}#build-status,#wizard-status,#publish-status,#sites-status{font-size:12px;overflow-wrap:anywhere}#public-link{display:block;margin-bottom:18px;overflow-wrap:anywhere}#plan-review{line-height:1.8;white-space:pre-wrap}
@media(max-width:1050px){.app{grid-template-columns:190px minmax(0,1fr)}main{padding:30px 20px}.editor{grid-template-columns:210px minmax(0,1fr)}.nav{padding:15px}.label{display:none}}@media(max-width:750px){.nav{flex-wrap:wrap;gap:10px}.nav-actions{width:100%;margin:0;flex-wrap:wrap}.app{display:flex;flex-direction:column}aside{border-right:0;border-bottom:1px solid var(--line);padding:15px}.help-card{margin-top:18px}aside h2{margin-top:18px}#sites-list{display:flex;gap:8px;overflow:auto}#sites-list button{min-width:155px;max-width:220px}main{padding:25px 12px}.grid{grid-template-columns:1fr;gap:0}.card{padding:20px}.steps button{font-size:10px}.intro{margin-top:0}.editor{display:flex;flex-direction:column}.page-panel{border-right:0;border-bottom:1px solid var(--line)}#page-list{display:flex;gap:6px;overflow:auto}#page-list button{min-width:135px}#frame,#source{height:550px}.workspace-title{align-items:flex-start;flex-direction:column}.toolbar{gap:6px}.toolbar button{padding:9px;font-size:11px}}