:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--surface:#f8fafc;--surface-dark:#0f172a;--border:rgba(15,23,42,.15);--radius:.75rem}*,:after,:before{box-sizing:border-box}body{background:var(--surface);color:var(--surface-dark);margin:0;min-height:100vh}a{color:inherit}.app-shell{min-height:100vh}.page-container{margin:0 auto;max-width:1100px;padding:3rem 1.5rem 4rem}.hero{color:#e0e7ff;display:grid;gap:1.5rem;text-shadow:0 10px 30px rgba(15,23,42,.4)}.hero h1{font-size:clamp(2.2rem,4vw,3.5rem);margin:0}.hero-description{color:#e5e7eb;font-size:1rem;max-width:760px}.button-group{display:inline-flex;gap:.75rem}.button,.button-group a{align-items:center;background:#4f46e5;border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:.85rem 1.5rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.button-group a:hover,.button:hover{box-shadow:0 10px 20px #4f46e533;transform:translateY(-1px)}.forms-grid{display:grid;gap:1rem;margin-top:2rem}.card{background:#fff;border-radius:var(--radius);box-shadow:0 20px 50px #0f172a14;padding:1.75rem}.card h3{font-size:1.25rem;margin:0 0 .5rem}.pill{background:#4f46e526;border-radius:999px;color:#4338ca;display:inline-flex;font-size:.75rem;padding:.25rem .75rem}.form-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.form-list button{background:transparent;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:.6rem .75rem;text-align:left;width:100%}input,select,textarea{border:1px solid var(--border);border-radius:.65rem;font-size:.95rem;padding:.65rem .75rem;width:100%}input:focus,select:focus,textarea:focus{border-color:transparent;outline:2px solid #4f46e5}.admin-area{margin:0 auto;max-width:1200px;padding:2rem 1.5rem 4rem}.admin-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.builder-grid{display:grid;gap:1rem}.form-builder-card{display:flex;flex-direction:column;gap:1rem;max-height:min(78vh,calc(100vh - 90px))}.form-builder-fields{max-height:calc(70vh - 50px);min-height:0;overflow-y:auto;padding-right:.5rem}.form-builder-actions{display:flex;flex-direction:column;gap:.75rem}.layout-columns{display:grid;gap:1rem}.layout-column{background:#f8fafc;border:1px dashed var(--border);border-radius:1rem;padding:.75rem}.component-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:.75rem;margin-top:.75rem;padding:.75rem}.component-actions button{background:transparent;border:none;color:#4f46e5;cursor:pointer;font-size:.85rem}.layout-preview{background:#0f172a;border-radius:1rem;color:#fff;padding:1.25rem}.response-table{border-collapse:collapse;width:100%}.response-table td,.response-table th{border:1px solid var(--border);padding:.5rem;text-align:left}.form-preview-element{background:#fffc;border-radius:.75rem;margin-bottom:.5rem;padding:.5rem}.form-preview-element img{border-radius:.5rem;margin-top:.5rem;max-width:100%}.admin-login-card form{display:flex;flex-direction:column;gap:.75rem}.admin-login-card button{background:#10b981;border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;padding:.75rem}.status-chip{background:#10b98126;border-radius:999px;color:#047857;font-size:.8rem;padding:.35rem .75rem}.material-symbols-outlined{display:inline-block;font-family:Material Symbols Outlined;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.toggle-pill{background:#e5e7eb;border:2px solid rgba(15,23,42,.25);border-radius:999px;cursor:pointer;height:26px;position:relative;transition:background .2s ease;width:48px}.toggle-pill.active{background:#10b981;border-color:#10b981}.toggle-pill:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.toggle-pill.active:after{transform:translate(10px)}