:root{--background:#f6efe7;--surface:#fffaf5e6;--surface-muted:#ffffff9e;--border:#232c3614;--border-strong:#232c3629;--text-strong:#1f2b33;--text-soft:#5f6c73;--accent-strong:#eb7843;--accent-soft:#eb78431f;--danger:#b3372c;--shadow-soft:0 24px 70px #1d29351f;--sans:"Manrope", "Avenir Next", "Segoe UI", sans-serif;--heading:"Sora", "Avenir Next", sans-serif;font-family:var(--sans);color:var(--text-soft);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#ffffff59,#f6efe7f2),linear-gradient(135deg,#efe0d0,#f7f3ec 42%,#d9e7e7 100%);font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-height:100svh;margin:0}body,button,input,textarea{font-family:var(--sans)}h1,h2,h3,strong{color:var(--text-strong)}h1,h2,h3{font-family:var(--heading);letter-spacing:-.03em}p{margin:0}a{color:inherit}#root,.app-shell,.management-login-page,.management-page,.public-page,.status-page{min-height:100svh}.management-login-page,.status-page{align-items:stretch;display:grid}.management-login-page{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.login-panel,.management-page,.public-page,.status-page{isolation:isolate;position:relative}.login-panel:before,.management-page:before,.public-page:before,.status-page:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 0 0,#eb78432e,#0000 32%),radial-gradient(circle at 100% 100%,#1e567a2e,#0000 36%);position:absolute;inset:0}.login-panel,.login-aside,.management-page,.public-page,.status-page{padding:32px}.login-panel,.public-page,.status-page{place-items:center;display:grid}.login-panel,.public-form-frame,.status-card.large{width:min(100%,560px)}.brand-lockup,.public-form-header{gap:12px;display:grid}.brand-lockup h1,.public-form-header h1,.management-header h1,.panel h2,.status-card h1,.success-panel h2{margin:0}.login-form,.public-form,.panel,.status-card,.accent-card,.success-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-form,.public-form,.success-panel,.status-card.large,.accent-card{border-radius:28px;padding:28px}.login-form,.public-form{gap:18px;margin-top:28px;display:grid}.login-aside{color:#fff;background:linear-gradient(#102e3df0,#1b5258eb),linear-gradient(135deg,#1b5258,#102e3d);place-items:center;display:grid}.accent-card{max-width:360px;box-shadow:none;background:#ffffff14;border-color:#ffffff1f}.accent-card h2,.accent-card p,.accent-card .eyebrow{color:#fff}.eyebrow{background:var(--accent-soft);width:fit-content;color:var(--accent-strong);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.field-group{gap:9px;display:grid}.field-group>span,.field-label{color:var(--text-strong);font-weight:700}.field-note{color:var(--text-soft);font-size:.94rem;line-height:1.45}.field-label{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field-label em{color:var(--text-soft);text-transform:uppercase;font-size:.82rem;font-style:normal;font-weight:600}.text-input{box-sizing:border-box;border:1px solid var(--border-strong);width:100%;color:var(--text-strong);font:inherit;background:#ffffffd9;border-radius:16px;padding:14px 16px;transition:border-color .16s,box-shadow .16s,transform .16s}.text-input:focus{border-color:var(--accent-strong);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #eb784324}textarea.text-input{resize:vertical;min-height:132px}.primary-button,.secondary-button{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:14px 20px;font-weight:700;transition:transform .16s,opacity .16s,box-shadow .16s}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.65;cursor:progress;transform:none}.primary-button{background:linear-gradient(135deg, var(--accent-strong), #f29d52);color:#fff;box-shadow:0 18px 40px #eb784338}.secondary-button{color:var(--text-strong);border:1px solid var(--border-strong);background:#fffc}.management-page{gap:28px;max-width:1240px;margin:0 auto;display:grid}.management-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.management-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px;display:grid}.studio-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,1.25fr);align-items:start;gap:24px;display:grid}.dashboard-stack,.workspace-stack{gap:24px;display:grid}.hero-panel,.workspace-hero,.workspace-section,.form-card,.dialog-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-panel,.workspace-hero,.workspace-section,.dialog-card{border-radius:28px}.hero-panel{background:radial-gradient(circle at 100% 0,#eb784333,#0000 24%),linear-gradient(145deg,#fffaf5fa,#f5f9f7f0);justify-content:space-between;align-items:flex-end;gap:24px;padding:30px;display:flex}.hero-copy{gap:12px;max-width:640px;display:grid}.hero-copy h2,.workspace-hero h2,.workspace-section h3,.form-card h3{margin:0}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.form-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-card{background:linear-gradient(#ffffffeb,#fcf7f2eb);border-radius:24px;gap:18px;padding:22px;display:grid}.form-card-body{gap:10px;display:grid}.form-card-actions{justify-content:flex-start;display:flex}.inline-link{color:var(--accent-strong);word-break:break-all;text-decoration:none}.inline-link:hover{text-decoration:underline}.panel-badge.subtle{width:fit-content}.workspace-hero{background:radial-gradient(circle at 0 0,#1e567a24,#0000 24%),linear-gradient(145deg,#fffcf9fa,#f8fbfbf0);gap:22px;padding:26px;display:grid}.workspace-hero-top,.workspace-hero-body,.workspace-section-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.workspace-meta{justify-items:end;gap:10px;display:grid}.status-pill{width:fit-content;color:var(--text-strong);background:#102e3d14;border-radius:999px;padding:8px 12px;font-weight:700;display:inline-flex}.workspace-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.overview-card{border:1px solid var(--border);background:#ffffffb8;border-radius:22px;padding:20px}.overview-card h3{margin:10px 0 8px}.workspace-section{gap:18px;padding:22px;display:grid}.dialog-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background:#151e266b;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.dialog-card{box-sizing:border-box;width:min(880px,100vw - 48px);max-height:min(100svh - 48px,920px);margin:auto;padding:26px;overflow:hidden auto}.panel{border-radius:24px;padding:24px}.panel-stack{align-content:start;gap:16px;display:grid}.editor-shell,.editor-form,.editor-section,.editor-loading,.empty-editor-shell,.editor-stack{gap:18px;display:grid}.editor-shell{min-height:640px}.editor-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.editor-header p,.editor-section-heading p,.empty-editor-shell p{color:var(--text-soft)}.editor-section{background:var(--surface-muted);border-radius:20px;align-content:start;padding:20px}.editor-section-heading{gap:6px;display:grid}.editor-section h3{margin:0}.editor-grid{gap:16px;display:grid}.editor-grid>*,.panel-heading>*,.workspace-hero-body>*,.workspace-section-header>*,.form-row>*,.form-row-meta,.field-group,.editor-section,.preview-surface,.dialog-card,.workspace-section,.overview-card{min-width:0}.editor-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.field-studio-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px;display:grid}.editor-actions,.inline-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.compact-button{white-space:nowrap;padding:10px 14px}.danger-button{color:var(--danger)}.segmented-control{background:#102e3d14;border-radius:999px;gap:4px;width:fit-content;padding:4px;display:inline-flex}.segment{color:var(--text-strong);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 14px;font-weight:700}.segment.active{background:#fff;box-shadow:0 8px 18px #1d293514}.inline-error{color:var(--danger)}.toggle-group{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.checkbox-row{color:var(--text-strong);align-items:center;gap:10px;font-weight:600;display:inline-flex}.choice-stack{gap:10px;display:grid}.inline-checkbox{width:fit-content}.preview-list{gap:12px;display:grid}.preview-surface{background:#ffffff9e;border-radius:22px;padding:18px}.preview-header{margin-bottom:16px;padding-top:0}.preview-field-shell{position:relative}.preview-field-shell.selected .field-card{outline-offset:2px;background:#ffffffeb;outline:2px solid #eb784373}.field-edit-button{z-index:1;font:inherit;color:var(--text-strong);cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;padding:8px 12px;font-size:.84rem;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 8px 18px #1d293514}.internal-fields-panel{border-top:1px dashed var(--border-strong);gap:14px;margin-top:22px;padding-top:22px;display:grid}.internal-field-list{gap:12px;display:grid}.internal-field-card{color:var(--text-strong);text-align:left;cursor:pointer;font:inherit;background:#232c360f;border:1px solid #232c361f;border-radius:18px;gap:6px;padding:16px;display:grid}.internal-field-card span{color:var(--text-soft)}.field-span-full{grid-column:1/-1}.preview-card{background:#ffffffad;border-radius:18px;padding:16px}.preview-card-header{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel-badge{text-align:center;background:var(--surface-muted);min-width:48px;color:var(--text-strong);border-radius:999px;padding:10px 12px;font-weight:700}.form-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.form-row{background:var(--surface-muted);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.form-row.selectable{text-align:left;cursor:pointer;width:100%;font:inherit;border:1px solid #0000}.form-row.selectable.active{background:#ffffffe6;border-color:#eb784366}.form-row h3,.empty-state h3{margin:0 0 6px}.form-row p,.success-detail,.muted-copy,.field-description,.color-value{color:var(--text-soft)}.form-row-meta{justify-items:end;gap:8px;font-size:.95rem;display:grid}.status-card,.empty-state{background:var(--surface-muted);border-radius:20px;padding:18px}.status-card.large{text-align:center}.public-page{padding-block:48px}.public-form-frame{gap:20px;display:grid}.public-form-header{padding:6px 4px 0}.field-list{gap:16px;display:grid}.field-card{background:var(--surface-muted);border-radius:20px;gap:12px;padding:18px;display:grid}.url-field-grid{gap:12px;display:grid}.field-errors{gap:6px;display:grid}.field-errors p,.form-message.error{color:var(--danger);margin:0}.form-message{background:#b3372c17;border:1px solid #b3372c29;border-radius:16px;padding:14px 16px}.form-action-banner{margin-bottom:12px}.form-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.form-actions-side{align-items:center;gap:12px;margin-left:auto;display:inline-flex}.action-feedback{color:var(--text-soft);word-break:break-word;max-width:min(100%,320px);font-size:.94rem}.autofill-link-text{color:var(--accent-strong);-webkit-user-select:all;user-select:all;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.success-panel{gap:14px;display:grid}.compact{margin-top:12px}code{color:var(--text-strong);background:#102e3d14;border-radius:999px;padding:3px 8px;font-size:.92rem}@media (width<=960px){.management-login-page,.management-grid,.studio-grid,.editor-grid.two-up,.field-studio-grid,.checkbox-grid,.form-card-grid,.workspace-overview-grid{grid-template-columns:1fr}.login-aside{min-height:220px}.management-header,.form-row,.editor-header,.hero-panel,.workspace-hero-top,.workspace-hero-body,.workspace-section-header{flex-direction:column;align-items:flex-start}.form-row-meta,.workspace-meta{justify-items:start}}@media (width<=640px){.login-panel,.login-aside,.management-page,.public-page,.status-page{padding:18px}.login-form,.public-form,.success-panel,.status-card.large,.accent-card,.panel{border-radius:22px;padding:20px}}
