:root{color-scheme:light}*{box-sizing:border-box}body,html{padding:0;margin:0;background:#f5f7fb;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.container{width:100%;max-width:720px;margin:0 auto;padding:14px 14px 24px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;box-shadow:0 2px 8px rgba(15,23,42,.04)}.title{font-size:20px;margin:0 0 6px}.muted{margin:0;font-size:13px;color:#6b7280}.grid{display:grid;grid-gap:10px;gap:10px}.label{display:block;font-size:12px;color:#374151;margin-bottom:6px}.button,.input,.select,.textarea{width:100%;border-radius:10px;font-size:14px}.input,.select,.textarea{border:1px solid #d1d5db;padding:10px 12px;outline:none;background:#fff}.textarea{resize:vertical;min-height:100px}.button{border:0;background:#111827;color:#fff;padding:11px 12px;font-weight:600}.button:disabled{opacity:.6}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.preview{width:100%;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.error{color:#b91c1c;font-size:13px;margin:0}.helper{font-size:12px;color:#4b5563}@media (max-width:480px){.row{grid-template-columns:1fr}}