main{max-width:1320px}header{gap:20px;flex-wrap:wrap}h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px}a{color:#afd2ff;text-decoration:none}.link-button{display:inline-flex;padding:12px 19px;border-radius:9px;font-weight:600;font-size:14px}.studio-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:38px}.studio-grid section{padding:34px}.step-label{font-size:10px;letter-spacing:2px;color:#87b8fc}.build-button{width:100%;margin-top:26px;padding:15px;background:linear-gradient(110deg,#badcff,#619eff)}.preview-label{text-align:center;font-size:10px;letter-spacing:2px;color:#8aa5ce;margin:0 0 16px}.preview-card{max-width:380px;margin:auto;border:1px solid #385d94;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at top right,#21447788,transparent 60%),#080f1e;box-shadow:0 28px 70px #0005}.preview-brand{display:flex;gap:12px;padding:23px 20px;align-items:center;border-bottom:1px solid #30425e}.preview-brand canvas{width:44px;height:44px;flex:none}.preview-brand strong{overflow-wrap:anywhere;font-size:17px}.preview-brand small{display:block;font-size:8px;letter-spacing:2px}.preview-pill{margin-left:auto;font-size:9px;color:#a9ceff;border:1px solid #426899;border-radius:20px;padding:3px 6px}.preview-body{padding:28px}.preview-body h2{font-size:37px;line-height:1.15;letter-spacing:-1px}.preview-body em{color:#83b9ff;font-style:normal}.preview-input{padding:13px;margin:13px 0;border:1px solid #304a6c;border-radius:8px;font-size:12px;color:#839aba}.preview-cta{background:linear-gradient(110deg,#b2daff,#5a9aff);color:#10213a;padding:12px;text-align:center;border-radius:8px;font-weight:700;margin:22px 0}.preview-body>p:last-child{font-size:10px;text-align:center;color:#8ca4c4;overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}summary{cursor:pointer;color:#b5d4ff}details{border-top:1px solid #30425e;padding-top:18px;margin-top:20px}h3{font-size:16px}#brand-name{font-size:19px}label .muted{font-size:11px;margin-left:8px}input[type=file]{font-size:13px}.studio-grid aside>.muted{max-width:380px;margin:18px auto;font-size:12px}#builder-status{font-size:13px;color:#b5d8ff}input:focus,select:focus{outline:2px solid #75aaff;outline-offset:2px}@media(max-width:800px){.studio-grid,.detail-grid{grid-template-columns:1fr}.studio-grid section{padding:23px}.studio-grid aside{margin-bottom:30px}}

.preview-body h2{font-size:32px;line-height:1.18;letter-spacing:-1px}
