.design-setup{margin:0 auto 22px;max-width:1440px;background:var(--panel,#171717);border:1px solid var(--line,#333);border-radius:14px;padding:20px;display:grid;grid-template-columns:minmax(290px,1fr) auto auto;gap:24px;align-items:center}.design-copy{display:flex;gap:12px;align-items:flex-start}.design-copy h2{font-size:16px;margin:1px 0 5px}.design-copy p{font-size:12px;color:var(--muted,#999);margin:0;max-width:520px}.design-setup fieldset{border:0;padding:0;margin:0}.design-setup legend{font-size:11px;font-weight:800;margin-bottom:9px}.design-options,.accent-options{display:flex;gap:8px}.design-options label,.accent-options label{cursor:pointer}.design-options input,.accent-options input{position:absolute;opacity:0;pointer-events:none}.background-choice{display:block;border:2px solid transparent;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:800}.background-choice.white{background:#fff;color:#333}.background-choice.gray{background:#dfe1e3;color:#333}.background-choice.black{background:#090909;color:#fff;border-color:#444}.design-options input:checked+span,.accent-options input:checked+span{outline:3px solid #5d9cff;outline-offset:2px}.accent-options span{display:block;width:31px;height:31px;border-radius:50%;background:var(--swatch);border:3px solid #fff3;box-shadow:0 0 0 1px #0004}
.preview-panel{--preview-accent:#25845f}.preview-card.preview-theme-white{background:#fff;color:#36393d}.preview-card.preview-theme-gray{background:#e9ebed;color:#36393d}.preview-card.preview-theme-black{background:#141516;color:#eef0f2}.preview-card.preview-theme-black .preview-title{border-color:#3a3d40}.preview-card.preview-theme-black .preview-title>p:last-child,.preview-card.preview-theme-black .preview-field small,.preview-card.preview-theme-black .preview-note,.preview-card.preview-theme-black .empty-preview{color:#a5abb0}.preview-card.preview-theme-black .empty-preview strong{color:#eef0f2}.preview-card.preview-theme-black .preview-field input,.preview-card.preview-theme-black .preview-field textarea,.preview-card.preview-theme-black .preview-field select{background:#0e0f10;border-color:#44484c;color:#fff}.preview-card .eyebrow,.preview-card .required,.preview-card .empty-preview span{color:var(--preview-accent)}.preview-card .submit-preview{background:var(--preview-accent);color:#fff;opacity:.82}.preview-card .preview-field input:focus,.preview-card .preview-field textarea:focus,.preview-card .preview-field select:focus{outline:2px solid var(--preview-accent);outline-offset:1px}.preview-panel.preview-accent{border-color:var(--preview-accent);box-shadow:0 18px 55px color-mix(in srgb,var(--preview-accent) 25%,transparent)}
@media(max-width:900px){.design-setup{grid-template-columns:1fr}.design-options,.accent-options{flex-wrap:wrap}}