.dialog-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;overflow-y:auto;place-items:center;padding:24px;background:#19191973;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.share-dialog{width:min(610px,100%);max-height:min(760px,calc(100vh - 48px));overflow-y:auto;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-lg)}.share-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.share-dialog-header h2{margin-top:6px;font-size:25px}.dialog-close{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:0;border-radius:50%;color:var(--muted);background:var(--surface-subtle);font-size:21px;line-height:1}.dialog-close:hover{color:var(--ink);background:#e5e3df}.share-invite-form{margin-top:24px;padding:18px;border-radius:14px;background:var(--accent-soft)}.share-invite-form label{display:block;margin-bottom:8px;font-size:12px;font-weight:800}.share-invite-form>div{display:flex;gap:8px}.share-invite-form input{min-width:0;flex:1;padding:11px 12px}.permission-picker{position:relative;flex:0 0 auto}.permission-trigger{display:flex;min-width:126px;min-height:42px;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:9px;color:var(--ink);background:var(--surface);font-size:11.5px;font-weight:780;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.permission-trigger:hover{border-color:#a9a3bd;background:#fdfcff}.permission-trigger:focus-visible,.permission-picker.open .permission-trigger{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px #513fc61f}.permission-trigger:disabled{cursor:wait;opacity:.55}.permission-icon{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border-radius:7px;color:var(--accent);background:var(--accent-soft)}.permission-icon.viewer{color:#557066;background:#e9f4ef}.permission-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.permission-chevron{width:14px;height:14px;margin-left:auto;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .15s ease}.permission-picker.open .permission-chevron{transform:rotate(180deg)}.permission-menu{position:absolute;z-index:30;top:calc(100% + 7px);right:0;display:grid;width:230px;gap:3px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 14px 36px #231e3a2e}.permission-menu>button{display:flex;width:100%;align-items:center;gap:9px;padding:9px;border:0;border-radius:8px;color:var(--ink);background:transparent;text-align:left}.permission-menu>button:hover,.permission-menu>button.selected{background:var(--accent-soft)}.permission-option-copy{min-width:0;flex:1}.permission-option-copy strong,.permission-option-copy small{display:block}.permission-option-copy strong{font-size:11.5px}.permission-option-copy small{margin-top:2px;color:var(--muted);font-size:9.5px}.permission-check{color:var(--accent);font-size:13px;font-weight:900;opacity:0}.permission-menu>button.selected .permission-check{opacity:1}.share-invite-form>p{margin-top:9px;color:#5f5980;font-size:11px;line-height:1.5}.share-dialog-error{margin-top:14px;padding:10px 12px;border-radius:9px;color:var(--danger);background:var(--danger-soft);font-size:12px}.share-dialog-notice{margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:11.5px;line-height:1.5}.share-dialog-notice.success{color:var(--success);background:var(--success-soft)}.share-dialog-notice.info{color:var(--accent);background:var(--accent-soft)}.share-dialog-notice.warning{color:#795714;background:#fff5d9;border-color:#edd69d}.share-member-section{margin-top:24px}.share-member-section h3{margin-bottom:12px;font-size:14px}.share-member-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.share-member-list li{display:flex;min-width:0;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fdfcfb;transition:border-color .15s ease,box-shadow .15s ease}.share-member-list li:hover{border-color:#cec9dc;box-shadow:var(--shadow-sm)}.member-avatar{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:11px;color:#fff;background:var(--accent);font-size:12px;font-weight:800}.member-details{min-width:0;flex:1}.member-details strong,.member-details small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-details strong{font-size:11.5px}.member-details small{margin-top:3px;color:var(--muted);font-size:9.5px}.member-actions{display:flex;align-items:center;gap:5px}.member-remove{min-height:36px;padding:7px 8px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:10px;font-weight:750}.member-remove:hover{color:var(--danger);background:var(--danger-soft)}.member-remove:disabled{cursor:wait;opacity:.5}@media (max-width: 520px){.dialog-backdrop{align-items:end;padding:0}.share-dialog{max-height:92vh;padding:22px 18px;border-radius:20px 20px 0 0}.share-invite-form>div{flex-direction:column}.share-invite-form .permission-picker,.share-invite-form .permission-trigger{width:100%}.share-invite-form .permission-menu{right:0;left:0;width:auto}.share-member-list li{flex-wrap:wrap}.member-details{min-width:150px}.member-actions{width:100%;justify-content:space-between;padding-left:49px}}:root{--bg: #f6f5f3;--surface: #ffffff;--surface-subtle: color-mix(in srgb, var(--surface) 94%, var(--ink));--ink: #191919;--muted: #696762;--line: #dedcd7;--line-strong: color-mix(in srgb, var(--line) 72%, var(--ink));--accent: #513fc6;--accent-contrast: #ffffff;--secondary: #6b5f80;--info: #1261a6;--light: #f6f5f3;--dark: #191919;--accent-hover: color-mix(in srgb, var(--accent) 82%, #000000);--accent-soft: color-mix(in srgb, var(--accent) 12%, var(--surface));--lavender: #d9d1ff;--peach: #ffcfb9;--mint: #cceadd;--success: #187451;--success-soft: color-mix(in srgb, var(--success) 12%, var(--surface));--danger: #b42335;--danger-soft: color-mix(in srgb, var(--danger) 10%, var(--surface));--warning: #8a5a13;--warning-soft: color-mix(in srgb, var(--warning) 12%, var(--surface));--background: var(--bg);--text: var(--ink);--primary: var(--accent);--primary-contrast: var(--accent-contrast);--border: var(--line);--focus-ring: color-mix(in srgb, var(--accent) 35%, transparent);--shadow-sm: 0 1px 2px rgba(25, 25, 25, .05), 0 4px 14px rgba(25, 25, 25, .05);--shadow-lg: 0 24px 70px rgba(43, 35, 88, .14);--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--sans: Inter, "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{color:inherit;font:inherit}button{cursor:pointer}a{color:var(--accent)}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance}p{line-height:1.6}::selection{background:var(--lavender)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app-shell{display:flex;min-height:100vh;flex-direction:column}.page-body{min-width:0;flex:1}.container{width:100%;max-width:1240px;margin:0 auto;padding:48px 42px 72px}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.overline{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.topbar{position:relative;z-index:20;display:flex;min-height:64px;align-items:center;gap:22px;padding:10px 24px;border-bottom:1px solid var(--line);color:var(--ink);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none;letter-spacing:-.02em}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:var(--light);background:var(--dark)}.brand-mark svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.brand-name{font-size:18px}.topbar-workspace{display:flex;align-items:center;gap:8px;padding-left:22px;border-left:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:650}.workspace-dot{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;color:var(--accent-contrast);background:var(--accent);font-size:11px;font-weight:800}.topbar-spacer{flex:1}.topbar-right{display:flex;align-items:center;gap:10px}.profile-menu-wrap{position:relative}.profile-trigger{display:grid;width:36px;height:36px;overflow:hidden;place-items:center;padding:0;border:2px solid transparent;border-radius:50%;color:#49331f;background:var(--peach);font-size:11px;font-weight:800}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{border-color:var(--accent)}.profile-trigger img,.profile-popover-avatar img{width:100%;height:100%;object-fit:cover}.profile-popover{position:absolute;top:calc(100% + 10px);right:0;width:min(310px,calc(100vw - 28px));padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lg)}.profile-popover-head{display:flex;min-width:0;align-items:center;gap:11px;padding:8px 8px 13px;border-bottom:1px solid var(--line)}.profile-popover-head>span:last-child{min-width:0}.profile-popover-head strong,.profile-popover-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-popover-head strong{font-size:13px}.profile-popover-head small{margin-top:3px;color:var(--muted);font-size:11px}.profile-popover-avatar{display:grid;width:38px;height:38px;flex:0 0 auto;overflow:hidden;place-items:center;border-radius:50%;color:#49331f;background:var(--peach);font-size:11px;font-weight:800}.profile-popover-action{display:flex;align-items:center;gap:9px;margin-top:6px;padding:10px;border-radius:8px;color:var(--ink);font-size:12px;font-weight:750;text-decoration:none}.profile-popover-action:hover{background:var(--surface-subtle)}.profile-popover-action>span{width:18px;color:var(--accent);font-size:16px;text-align:center}.profile-popover>button{width:100%;margin-top:6px;padding:10px;border:0;border-radius:8px;color:var(--danger);background:transparent;font-size:12px;font-weight:750;text-align:left}.profile-popover>button:hover{background:var(--danger-soft)}.auth-loading{display:grid;min-height:100vh;place-items:center;color:var(--muted);background:var(--bg);font-size:13px;font-weight:700}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(420px,1.1fr) minmax(420px,.9fr);background:var(--bg)}.login-story{position:relative;display:flex;min-height:100vh;overflow:hidden;flex-direction:column;justify-content:space-between;padding:36px clamp(34px,6vw,88px);color:#fff;background:#241d5c;isolation:isolate}.login-story:before,.login-story:after{position:absolute;z-index:-1;content:"";border-radius:50%}.login-story:before{width:480px;height:480px;right:-190px;top:-220px;background:#ffccb7}.login-story:after{width:280px;height:280px;left:-150px;bottom:-105px;background:#78c8ad}.login-brand{display:inline-flex;width:fit-content;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:850;text-decoration:none}.login-brand span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:var(--ink);background:#fff;font-size:11px}.login-story-copy{width:min(590px,100%);padding:60px 0}.login-story-copy .overline{color:#bdb4ff}.login-story-copy h1{margin-top:18px;font-size:clamp(42px,5vw,70px);line-height:.98}.login-story-copy>p{max-width:540px;margin-top:22px;color:#d9d5f3;font-size:17px}.login-example{width:min(470px,100%);margin-top:42px;padding:24px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#ffffff17;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-example>span{color:#bdb4ff;font:700 11px var(--mono)}.login-example strong{display:block;margin-top:12px;font-size:20px}.login-example div{display:flex;gap:8px;margin-top:22px}.login-example i{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:8px;font-size:11px;font-style:normal}.login-story-foot{color:#bdb8d7;font-size:12px}.login-panel{display:grid;min-height:100vh;place-items:center;padding:42px;background:#faf9f7}.login-card{width:min(420px,100%);padding:42px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-lg)}.login-card-mark{display:grid;width:46px;height:46px;margin-bottom:30px;place-items:center;border-radius:13px;color:#fff;background:var(--accent);font-size:20px}.login-card h2{margin-top:10px;font-size:31px}.login-card>p:not(.login-terms){margin-top:12px;color:var(--muted);font-size:14px}.google-signin{display:flex;width:100%;min-height:54px;align-items:center;justify-content:center;gap:12px;margin-top:30px;padding:12px 18px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);font-size:14px;font-weight:750;box-shadow:var(--shadow-sm)}.google-signin:hover{border-color:var(--line-strong);background:var(--surface-subtle)}.google-signin:disabled{cursor:wait;opacity:.6}.google-signin svg{width:20px;height:20px}.login-error{display:grid;grid-template-columns:auto 1fr auto;gap:10px;margin-top:22px;padding:12px;border-radius:10px;color:var(--danger);background:var(--danger-soft);font-size:12px}.login-error>span{font-weight:900}.login-error p{line-height:1.4}.login-error button{padding:0;border:0;color:inherit;background:transparent;font-size:18px;line-height:1}.login-terms{margin-top:18px;color:var(--muted);font-size:10px;text-align:center}.btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);background:var(--surface);font-size:13px;font-weight:750;line-height:1;text-decoration:none;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.btn:hover{border-color:#9c9992;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.btn-primary{border-color:var(--accent);color:var(--accent-contrast);background:var(--accent)}.btn-primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.btn-secondary{border-color:var(--secondary);color:var(--accent-contrast);background:var(--secondary)}.btn-secondary:hover{border-color:color-mix(in srgb,var(--secondary) 82%,#000);background:color-mix(in srgb,var(--secondary) 82%,#000)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{border-color:transparent;background:var(--surface-subtle);box-shadow:none}.btn-sm{min-height:34px;padding:7px 11px;font-size:12px}.btn-large{min-height:52px;padding:12px 20px;font-size:14px}.back-button-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.export-menu-wrap{position:relative}.export-menu-chevron{width:11px;height:7px;margin-left:2px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.export-menu{position:absolute;z-index:15;top:calc(100% + 8px);right:0;width:250px;overflow:hidden;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-lg)}.export-menu>button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;padding:11px 10px;border:0;border-radius:8px;background:transparent;text-align:left}.export-menu>button:hover{background:var(--surface-subtle)}.export-menu>button>span:first-child{min-width:0}.export-menu strong,.export-menu small{display:block}.export-menu strong{font-size:13px}.export-menu small{margin-top:3px;color:var(--muted);font-size:11px}.export-menu-extension{color:var(--accent);font:700 11px var(--mono)}.field-input{width:100%;border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);background:var(--surface)}.field-input:focus{border-color:var(--accent);outline:3px solid rgba(81,63,198,.12)}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.07em;line-height:1;text-transform:uppercase;white-space:nowrap}.pill.status-draft{color:#6e4e1e;background:#fff0cf}.pill.status-published{color:var(--success);background:var(--success-soft)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.workspace-layout{display:grid;min-height:calc(100vh - 64px);grid-template-columns:224px minmax(0,1fr)}.workspace-sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:28px 16px 24px;border-right:1px solid var(--line);background:var(--surface)}.workspace-sidebar nav{display:grid;gap:5px}.sidebar-link{display:flex;width:100%;align-items:center;gap:11px;padding:10px 12px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:13px;font-weight:650;text-align:left;text-decoration:none}.sidebar-link span{width:18px;color:#8b8881;font-size:17px;text-align:center}.sidebar-link:hover,.sidebar-link.active{color:var(--ink);background:var(--surface-subtle)}.sidebar-link.active span{color:var(--accent)}.sidebar-tip{position:relative;overflow:hidden;padding:18px;border-radius:14px;background:var(--accent-soft)}.sidebar-tip .sparkle{display:grid;width:30px;height:30px;margin-bottom:14px;place-items:center;border-radius:9px;color:#fff;background:var(--accent)}.sidebar-tip strong{font-size:13px}.sidebar-tip p{margin-top:5px;color:#5f5980;font-size:11.5px;line-height:1.5}.mobile-workspace-tabs{display:none}.dashboard-container{max-width:1160px}.create-hero{position:relative;display:grid;overflow:hidden;grid-template-columns:minmax(240px,.8fr) minmax(420px,1.2fr);gap:40px;padding:44px;border-radius:var(--radius-lg);background:#e9e4ff;box-shadow:inset 0 0 0 1px #513fc614}.create-hero:before,.create-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.create-hero:before{width:260px;height:260px;right:-100px;top:-160px;background:var(--peach);opacity:.8}.create-hero:after{width:150px;height:150px;left:-75px;bottom:-90px;background:var(--mint)}.create-copy,.create-form{position:relative;z-index:1}.create-copy,.create-form,.create-input-row,.quick-starts{min-width:0;max-width:100%}.create-copy h1{max-width:430px;margin-top:9px;font-size:clamp(32px,4vw,48px);line-height:1.05}.create-copy p{max-width:440px;margin-top:14px;color:#555069;font-size:15px}.create-form{align-self:center;padding:22px;border:1px solid rgba(255,255,255,.8);border-radius:15px;background:#ffffffb8;box-shadow:0 12px 32px #3b2e801a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.create-form label{display:block;margin-bottom:8px;font-size:12px;font-weight:750}.create-input-row{display:flex;gap:9px}.create-input{min-width:0;padding:14px 15px;font-size:15px}.quick-starts{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;color:var(--muted);font-size:10.5px}.quick-starts button{padding:4px 7px;border:0;border-radius:5px;color:#514a76;background:transparent;font-size:10.5px;font-weight:700}.quick-starts button:hover{background:var(--accent-soft)}.quick-starts .view-all-templates{margin-left:auto;color:var(--accent)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:42px 0 18px}.section-heading h2{margin-top:3px;font-size:27px}.form-count{color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.form-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.form-card:hover{box-shadow:0 13px 34px #1919191a;transform:translateY(-3px)}.form-card-preview{display:flex;width:100%;height:170px;flex-direction:column;align-items:flex-start;justify-content:center;padding:28px;border:0;color:#2b2550;background:linear-gradient(145deg,#ded7ff,#f0edff);text-align:left}.form-card:nth-child(3n+2) .form-card-preview{color:#4a2e20;background:linear-gradient(145deg,#ffd6c3,#fff0e9)}.form-card:nth-child(3n+3) .form-card-preview{color:#174c3d;background:linear-gradient(145deg,#cceadd,#eaf7f1)}.form-preview-number{margin-bottom:8px;font:700 10px var(--mono)}.form-preview-question{max-width:210px;font-size:16px;font-weight:750;line-height:1.25}.form-preview-line{width:70%;height:1px;margin-top:15px;background:currentColor;opacity:.45}.form-preview-button{margin-top:13px;padding:5px 9px;border-radius:5px;color:#fff;background:currentColor;font-size:9px;font-weight:800}.form-card-body{padding:17px}.form-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.form-card-title-row h3{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.form-card-body>p{margin-top:5px;color:var(--muted);font-size:11px}.form-card-actions{display:flex;justify-content:space-between;gap:8px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.empty-state{padding:60px 24px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:#ffffff7a;text-align:center}.empty-illustration{display:grid;width:62px;height:62px;margin:0 auto 18px;place-items:center;border-radius:18px;color:var(--accent);background:var(--accent-soft);font-size:25px;font-weight:800;transform:rotate(-4deg)}.empty-illustration span{transform:rotate(4deg)}.empty-state h3{font-size:19px}.empty-state p{max-width:470px;margin:7px auto 20px;color:var(--muted);font-size:13px}.workspace-view-page{padding-top:54px}.view-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}.view-page-header h1{margin-top:7px;font-size:clamp(34px,5vw,52px);line-height:1.05}.view-page-header p{max-width:620px;margin-top:11px;color:var(--muted);font-size:14px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.template-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.template-card:hover{box-shadow:0 14px 36px #1919191a;transform:translateY(-3px)}.template-card-visual{display:flex;min-height:165px;flex-direction:column;align-items:flex-start;justify-content:center;padding:27px;color:#30275f;background:linear-gradient(145deg,#ded7ff,#f1efff)}.template-peach .template-card-visual{color:#603923;background:linear-gradient(145deg,#ffd7c4,#fff0e9)}.template-mint .template-card-visual{color:#164d3c;background:linear-gradient(145deg,#cceadd,#ecf8f2)}.template-card-visual span{font:700 9px var(--mono)}.template-card-visual strong{max-width:260px;margin-top:11px;font-size:17px;line-height:1.3}.template-card-visual i{width:72%;height:1px;margin-top:17px;background:currentColor;opacity:.45}.template-card-body{padding:18px}.template-category{display:inline-flex;padding:4px 7px;border-radius:5px;color:var(--accent);background:var(--accent-soft);font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.template-card-body h2{margin-top:10px;font-size:18px}.template-card-body>p{min-height:42px;margin-top:6px;color:var(--muted);font-size:11.5px;line-height:1.55}.template-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}.template-card-footer>span{color:var(--muted);font-size:10px}.shared-message{width:min(680px,100%);margin:60px auto;padding:58px 48px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);text-align:center}.shared-message-icon{display:grid;width:66px;height:66px;margin:0 auto 21px;place-items:center;border-radius:20px;color:var(--accent);background:var(--accent-soft);font-size:28px;transform:rotate(-4deg)}.shared-message h1{margin-top:9px;font-size:clamp(30px,5vw,43px)}.shared-message p{max-width:540px;margin:12px auto 0;color:var(--muted);font-size:14px}.shared-message-actions{display:flex;justify-content:center;gap:9px;margin-top:27px}.builder-shell{height:100vh;min-height:620px;overflow:hidden;background:var(--bg)}.builder-topbar{display:flex;min-height:72px;align-items:center;gap:12px;padding:10px 22px;border-bottom:1px solid var(--line);background:var(--surface)}.builder-back{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:var(--ink);text-decoration:none}.builder-back:hover{background:var(--surface-subtle)}.builder-title-group{display:grid;gap:1px}.builder-kicker{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.builder-title-input{min-width:200px;max-width:340px;padding:2px 4px;border:1px solid transparent;border-radius:5px;background:transparent;font-size:15px;font-weight:800}.builder-title-input:hover,.builder-title-input:focus{border-color:var(--line);outline:none;background:var(--bg)}.builder-spacer{flex:1}.slug-chip{display:flex;align-items:center;gap:4px;padding-left:10px;border-left:1px solid var(--line);color:var(--muted);font:10.5px var(--mono)}.builder-modebar{display:flex;min-height:44px;align-items:center;justify-content:center;gap:30px;border-bottom:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:11px;font-weight:750}.builder-modebar>span{display:flex;height:44px;align-items:center;gap:6px;border-bottom:2px solid transparent}.builder-modebar>span.active{border-color:var(--accent);color:var(--accent)}.editor-access-pill{color:var(--accent);background:var(--accent-soft)}.builder-title-input:read-only{cursor:default;color:var(--muted)}.read-only-notice{display:flex;flex-direction:column;gap:3px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-subtle)}.read-only-notice strong{font-size:12px}.read-only-notice span{color:var(--muted);font-size:10px;line-height:1.45}.split{display:grid;min-height:0;flex:1;grid-template-columns:minmax(340px,410px) minmax(0,1fr)}.chat-panel{display:flex;min-height:0;flex-direction:column;border-right:1px solid var(--line);background:var(--surface)}.chat-header{display:flex;align-items:center;gap:11px;padding:17px 20px;border-bottom:1px solid var(--line)}.agent-orb,.message-avatar{display:grid;flex:0 0 auto;place-items:center;border-radius:10px;color:#fff;background:var(--accent)}.agent-orb{width:36px;height:36px}.chat-header h2{font-size:14px}.chat-header p{display:flex;align-items:center;gap:6px;margin-top:2px;color:var(--muted);font-size:10px}.online-dot{width:6px;height:6px;border-radius:50%;background:#25a36f}.chat-scroll{display:flex;min-height:0;flex:1;flex-direction:column;gap:16px;overflow-y:auto;padding:22px 18px}.chat-welcome{padding:10px 4px}.chat-welcome h3{max-width:300px;margin-top:8px;font-size:23px;line-height:1.18}.chat-welcome>p{margin-top:10px;color:var(--muted);font-size:12.5px}.prompt-starters{display:grid;gap:7px;margin-top:20px}.prompt-starters button{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid var(--line);border-radius:9px;color:#3f3b4e;background:#faf9f8;font-size:11.5px;font-weight:650;text-align:left}.prompt-starters button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.message-row{display:flex;align-items:flex-end;gap:8px}.message-row.user{justify-content:flex-end}.message-avatar{width:26px;height:26px;border-radius:8px;font-size:10px}.bubble{max-width:84%;padding:11px 13px;border-radius:13px;font-size:12.5px;line-height:1.55}.bubble.user{border-bottom-right-radius:4px;color:#fff;background:var(--accent)}.bubble.assistant{border-bottom-left-radius:4px;background:var(--surface-subtle)}.bubble-label{display:block;margin-bottom:3px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.bubble.user .bubble-label{color:#ffffffa6}.thinking{display:flex;gap:4px;padding:11px 13px;border-radius:13px 13px 13px 4px;background:var(--surface-subtle)}.thinking span{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:pulse 1.1s infinite ease-in-out}.thinking span:nth-child(2){animation-delay:.15s}.thinking span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,80%,to{opacity:.3;transform:scale(.75)}40%{opacity:1;transform:scale(1)}}.chat-composer{padding:12px 14px 15px;border-top:1px solid var(--line)}.composer-box{padding:9px 10px 8px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.composer-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #513fc61a}.composer-box textarea{width:100%;min-height:46px;max-height:105px;resize:none;border:0;outline:0;background:transparent;font-size:12.5px;line-height:1.45}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#99958e;font-size:9px}.composer-footer button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:8px;color:#fff;background:var(--accent);font-weight:900}.composer-footer button:disabled{cursor:not-allowed;opacity:.3}.preview-pane{display:flex;min-width:0;min-height:0;flex-direction:column;padding:20px 24px 24px;overflow:hidden}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.preview-heading h2{margin-top:2px;font-size:18px}.preview-toolbar{display:flex;align-items:center;gap:5px}.preview-device{display:grid;width:30px;height:28px;place-items:center;border-radius:7px;color:var(--muted);font-size:14px}.preview-device.active{color:var(--accent);background:var(--accent-soft)}.field-count{margin-left:7px;padding-left:12px;border-left:1px solid var(--line-strong);color:var(--muted);font-size:10.5px}.preview-canvas{min-height:0;flex:1;overflow-y:auto;padding:0 4px 4px}.preview-browser{min-height:100%;overflow:hidden;border:1px solid #d2d0cb;border-radius:15px;background:#fdfcfb;box-shadow:0 13px 35px #19191914}.browser-bar{display:flex;height:39px;align-items:center;gap:5px;padding:0 13px;border-bottom:1px solid var(--line);background:#f2f1ee}.browser-bar>span{width:7px;height:7px;border-radius:50%;background:#c5c1ba}.browser-bar>div{width:180px;margin:0 auto;padding:4px 12px;border-radius:5px;color:#99958e;background:#fff;font-size:8.5px;text-align:center}.preview-empty{display:grid;min-height:390px;place-content:center;padding:40px;text-align:center}.preview-empty-icon{display:grid;width:48px;height:48px;margin:0 auto 14px;place-items:center;border-radius:14px;color:var(--accent);background:var(--accent-soft)}.preview-empty h3{font-size:17px}.preview-empty p{max-width:330px;margin-top:7px;color:var(--muted);font-size:11.5px}.preview-list{display:flex;flex-direction:column;gap:0;padding:25px clamp(22px,5vw,60px) 40px}.field-card{position:relative;padding:27px 0;border-bottom:1px solid #e9e7e3}.field-card:last-child{border-bottom:0}.field-card-head{display:flex;align-items:center;gap:9px}.question-index{align-self:flex-start;padding-top:3px;color:var(--field-accent, var(--accent));font:700 9px var(--mono)}.question-index span{margin-left:2px}.field-title-wrap{display:flex;min-width:0;flex:1;align-items:flex-start}.field-label{color:var(--field-question, var(--ink));font-size:16px;font-weight:720;line-height:1.3}.field-required{margin-left:3px;color:var(--danger)}.field-type-badge{padding:3px 6px;border-radius:5px;color:#655f77;background:#f0eef6;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.field-card-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s ease}.field-card:hover .field-card-actions,.field-card:focus-within .field-card-actions{opacity:1}.icon-btn{display:grid;width:25px;height:25px;place-items:center;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:11px}.icon-btn:hover{color:var(--ink);background:var(--surface-subtle)}.icon-btn.danger:hover{color:var(--danger);background:var(--danger-soft)}.icon-btn:disabled{cursor:not-allowed;opacity:.25}.field-content{padding-left:31px}.field-help{margin-top:5px;color:var(--muted);font-size:10.5px}.field-preview-control{margin-top:13px}.field-preview-control input[type=text],.field-preview-control input[type=number],.field-preview-control input[type=date],.field-preview-control textarea{width:100%;padding:8px;border:0;border-bottom:1.5px solid var(--field-input-border, #77716a);outline:0;color:var(--field-question, #9a968f);background:var(--field-input-bg, transparent);font-size:12px;pointer-events:none}.stars{display:flex;gap:6px;color:var(--field-accent, #c9c5bd);font-size:19px}.choice-pills{display:flex;flex-wrap:wrap;gap:6px}.choice-pills span,.bool-toggle span{padding:6px 10px;border:1px solid var(--field-input-border, #bdb8af);border-radius:7px;color:var(--field-question, #6f6a63);background:var(--field-input-bg, #fff);font-size:10px}.bool-toggle{display:flex;gap:7px}.file-drop{padding:12px;border:1px dashed var(--field-input-border, #aaa59c);border-radius:8px;color:var(--field-question, var(--muted));background:var(--field-input-bg, transparent);font-size:10px;text-align:center}.field-condition{margin-top:9px;color:#776ba7;font:8.5px var(--mono)}.field-appearance-editor{margin:18px 0 0 31px;padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-sm)}.field-appearance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.field-appearance-head strong,.field-appearance-head small{display:block}.field-appearance-head strong{font-size:12px}.field-appearance-head small{margin-top:3px;color:var(--muted);font-size:10px}.field-appearance-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.field-appearance-controls label{display:grid;min-width:0;align-items:center;grid-template-columns:minmax(0,1fr) 28px;gap:4px 8px;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle)}.field-appearance-controls label>span{overflow:hidden;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.field-appearance-controls input{width:28px;height:28px;grid-row:1 / span 2;grid-column:2;padding:2px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);cursor:pointer}.field-appearance-controls code{color:var(--muted);font-size:8px}.field-appearance-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.respond-shell{position:relative;display:flex;min-height:100vh;overflow:hidden;flex-direction:column;color:#26213d;background:#f0edff}.respond-shell:before,.respond-shell:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.respond-shell:before{width:420px;height:420px;right:-240px;top:15%;background:#ffcfb98c}.respond-shell:after{width:300px;height:300px;left:-210px;bottom:-90px;background:#cceaddb3}.respond-topbar{position:relative;z-index:2;display:grid;min-height:68px;align-items:center;grid-template-columns:1fr auto 1fr;padding:14px 26px}.respond-brand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.respond-brand>span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;color:#fff;background:#26213d;font-size:9px}.respond-form-title{max-width:440px;overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.respond-progress-copy{justify-self:end;color:#706987;font:10px var(--mono)}.respond-progress{position:relative;z-index:2;height:4px;background:#513fc621}.respond-progress-bar{height:100%;border-radius:0 4px 4px 0;background:var(--field-accent, var(--accent));transition:width .35s ease}.respond-stage{position:relative;z-index:1;display:flex;flex:1;align-items:center;justify-content:center;padding:42px 24px 70px}.respond-card{width:min(720px,100%);animation:questionIn .32s ease both}@keyframes questionIn{0%{transform:translateY(13px)}to{transform:translateY(0)}}.respond-question-number{margin-bottom:12px;color:var(--field-accent, var(--accent));font:750 12px var(--mono)}.respond-question-number span{margin-left:4px}.respond-question{max-width:700px;color:var(--field-question, inherit);font-size:clamp(29px,4.4vw,47px);font-weight:710;line-height:1.14;letter-spacing:-.035em}.required-star{color:var(--field-accent, var(--accent))}.respond-help{margin-top:10px;color:#6e6782;font-size:15px}.respond-answer{margin-top:30px}.respond-answer>input:not([type=file]),.respond-answer>textarea{width:100%;padding:10px 8px 12px;border:0;border-bottom:2px solid var(--field-input-border, rgba(81,63,198,.5));border-radius:0;outline:0;color:var(--field-accent, var(--accent));background:var(--field-input-bg, transparent);font-size:clamp(22px,3.2vw,32px);line-height:1.35}.respond-answer>textarea{resize:vertical}.respond-answer>input::placeholder,.respond-answer>textarea::placeholder{color:color-mix(in srgb,var(--field-accent, var(--accent)) 43%,transparent)}.respond-answer>input:focus,.respond-answer>textarea:focus{border-color:var(--field-accent, var(--accent));box-shadow:0 2px 0 var(--field-accent, var(--accent))}.respond-choice-list{display:grid;max-width:590px;gap:9px}.respond-choice-list button{display:flex;min-height:48px;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--field-input-border, rgba(81,63,198,.4));border-radius:8px;color:var(--field-question, #372e73);background:var(--field-input-bg, rgba(255,255,255,.58));font-size:14px;text-align:left;transition:background .12s ease,border-color .12s ease,transform .12s ease}.respond-choice-list button:hover{border-color:var(--field-accent, var(--accent));transform:translate(3px)}.respond-choice-list button.selected{border:2px solid var(--field-accent, var(--accent));background:var(--field-input-bg, #fff);box-shadow:0 4px 16px #513fc61f}.respond-choice-list kbd{display:grid;width:25px;height:25px;place-items:center;border:1px solid var(--field-input-border, rgba(81,63,198,.4));border-radius:5px;background:var(--field-input-bg, #fff);font:700 10px var(--sans);box-shadow:none}.respond-choice-list button>span:nth-child(2){flex:1}.choice-check{opacity:0;color:var(--field-accent, var(--accent));font-weight:900}.respond-choice-list button.selected .choice-check{opacity:1}.respond-bool-row{max-width:360px;grid-template-columns:1fr 1fr}.respond-rating{display:flex;flex-wrap:wrap;gap:8px}.respond-rating button{display:grid;width:62px;height:62px;place-items:center;border:1px solid var(--field-input-border, rgba(81,63,198,.4));border-radius:10px;color:var(--field-accent, var(--accent));background:var(--field-input-bg, rgba(255,255,255,.58))}.respond-rating button span{font-size:18px;font-weight:800}.respond-rating button small{color:#aaa3cb;font-size:10px}.respond-rating button.selected{border:2px solid var(--field-accent, var(--accent));background:var(--field-input-bg, #fff)}.respond-rating button.selected small{color:var(--field-accent, var(--accent))}.respond-file{display:grid;max-width:420px;min-height:130px;place-items:center;align-content:center;gap:5px;padding:20px;border:1.5px dashed var(--field-input-border, rgba(81,63,198,.5));border-radius:12px;background:var(--field-input-bg, rgba(255,255,255,.5));text-align:center;cursor:pointer}.respond-file input{position:absolute;width:1px;height:1px;opacity:0}.respond-file>span{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;color:var(--field-accent-contrast, #fff);background:var(--field-accent, var(--accent))}.respond-file strong{color:var(--field-accent, var(--accent));font-size:13px}.respond-file small{color:#756f89;font-size:10px}.respond-error{display:flex;align-items:center;gap:7px;margin-top:13px;color:var(--danger);font-size:12px;font-weight:700}.respond-error span{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;color:#fff;background:var(--danger);font-size:10px}.respond-action-row{display:flex;align-items:center;gap:12px;margin-top:26px}.respond-ok{display:inline-flex;min-height:43px;align-items:center;gap:10px;padding:10px 17px;border:0;border-radius:8px;color:var(--field-accent-contrast, #fff);background:var(--field-accent, var(--accent));font-size:14px;font-weight:800;box-shadow:0 6px 18px #513fc63d}.respond-ok:hover{background:color-mix(in srgb,var(--field-accent, var(--accent)) 82%,#000);transform:translateY(-1px)}.enter-hint{color:#756f89;font-size:10px}.enter-hint strong{color:#4b455f}.respond-footer{position:relative;z-index:2;display:flex;min-height:55px;align-items:center;justify-content:flex-end;padding:10px 24px;color:#77708c;font-size:9px}.respond-nav{display:flex;overflow:hidden;border-radius:7px;box-shadow:var(--shadow-sm)}.respond-nav button{display:grid;width:34px;height:32px;place-items:center;border:0;border-left:1px solid rgba(255,255,255,.25);color:var(--field-accent-contrast, #fff);background:var(--field-accent, var(--accent));font-weight:900}.respond-nav button:first-child{border-left:0}.respond-nav button:disabled{cursor:not-allowed;opacity:.35}.respond-complete{background:#e4f3ec}.respond-complete>.respond-brand{position:absolute;z-index:2;left:25px;top:20px}.respond-thanks{text-align:center}.thanks-mark{display:grid;width:72px;height:72px;margin:0 auto 22px;place-items:center;border-radius:22px;color:#fff;background:var(--success);font-size:30px;transform:rotate(-3deg)}.respond-thanks h1,.respond-unavailable h1{margin-top:10px;font-size:clamp(34px,5vw,55px)}.respond-thanks p{margin-top:12px;color:#567064}.home-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.home-header>div:last-child{display:flex;gap:8px}.text-title{font-size:clamp(28px,4vw,40px)}.home-header .muted{margin-top:6px;font-size:13px}.results-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.stat .n{font-size:28px;font-weight:750}.stat .l{margin-top:4px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}table{width:100%;min-width:560px;border-collapse:collapse;font-size:12px}th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);background:#f7f6f4;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}.results-list-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.results-list-header h2{font-size:17px}.results-list-header p{margin-top:4px;color:var(--muted);font-size:12px}.response-row{cursor:pointer;transition:background .15s ease}.response-row:hover,.response-row:focus{outline:0;background:var(--accent-soft)}.response-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.response-row td{max-width:280px;overflow:hidden;text-overflow:ellipsis}.response-action-heading,.response-action-cell{width:1%;text-align:right}.response-action-cell{overflow:visible!important}.response-view-action{display:inline-grid;width:30px;height:30px;place-items:center;padding:0;border:0;border-radius:50%;color:var(--accent);background:transparent}.response-view-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.response-view-action:hover{background:var(--accent-soft)}.response-view-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty-answer{color:var(--muted);font-style:italic}.response-detail-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#16141f8a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.response-detail{display:flex;width:min(680px,100%);max-height:min(820px,calc(100vh - 48px));flex-direction:column;overflow:hidden;border-radius:18px;background:var(--surface);box-shadow:0 28px 80px #16141f47}.response-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 28px 20px;border-bottom:1px solid var(--line)}.response-detail-header .eyebrow{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.response-detail-header h2{margin-top:7px;font-size:25px}.response-detail-header p{margin-top:5px;color:var(--muted);font-size:11px}.response-answer-list{overflow-y:auto;padding:4px 28px}.response-answer-list>div{padding:18px 0;border-bottom:1px solid var(--line)}.response-answer-list>div:last-child{border-bottom:0}.response-answer-list dt{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.response-answer-list dt span{display:grid;width:19px;height:19px;place-items:center;border-radius:6px;color:var(--accent);background:var(--accent-soft);font:800 9px var(--mono)}.response-answer-list dd{margin:9px 0 0;font-size:15px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.response-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-top:1px solid var(--line);background:var(--surface-subtle)}.response-detail-footer>span{color:var(--muted);font:700 10px var(--mono)}.response-detail-footer>div{display:flex;gap:8px}.response-detail-footer .btn:disabled{cursor:not-allowed;opacity:.45}.appearance-page{background:var(--bg)}.appearance-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.appearance-header h1{margin-top:8px;font-size:clamp(32px,4vw,46px)}.appearance-header p{max-width:620px;margin-top:8px;color:var(--muted);font-size:14px}.appearance-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:start}.appearance-layout{grid-template-areas:"controls preview" "branding preview"}.appearance-controls{grid-area:controls}.branding-controls{grid-area:branding}.theme-live-preview{grid-area:preview}.appearance-controls,.branding-controls,.theme-live-preview{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.appearance-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.appearance-section-head h2{font-size:20px}.appearance-section-head p{margin-top:4px;color:var(--muted);font-size:12px}.theme-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.theme-presets>button{position:relative;display:flex;min-width:0;min-height:62px;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface);text-align:left}.theme-presets>button:hover{border-color:var(--accent);background:var(--accent-soft)}.theme-presets>button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-preset-swatches{position:relative;width:34px;height:34px;flex:0 0 auto}.theme-preset-swatches i{position:absolute;display:block;width:27px;height:27px;border:1px solid var(--line);border-radius:50%}.theme-preset-swatches i:first-child{z-index:1;left:0;top:0}.theme-preset-swatches i:last-child{right:0;bottom:0}.theme-presets strong{overflow:hidden;font-size:11px;text-overflow:ellipsis}.theme-preset-check{position:absolute;right:6px;top:5px;color:var(--accent);font-size:10px;font-weight:900}.theme-saved{margin-top:16px;color:var(--success);font-size:12px;font-weight:750}.appearance-save{width:100%;margin-top:18px}.theme-live-preview{position:sticky;top:88px;overflow:hidden;background:var(--accent-soft)}.theme-preview-card{margin-top:18px;padding:26px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-lg)}.theme-preview-kicker{color:var(--accent);font:800 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.theme-preview-card h2{margin-top:15px;font-size:26px}.theme-preview-card p{margin-top:10px;color:var(--muted);font-size:12px}.theme-preview-input{margin:24px 0 18px;padding:11px 0;border-bottom:2px solid var(--accent);color:var(--muted);font-size:12px}.theme-semantic-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.theme-semantic-preview span{padding:5px 8px;border-radius:6px;font:750 9px var(--mono);text-transform:capitalize}.branding-field{display:grid;gap:6px;margin-top:13px}.branding-field span{font-size:11px;font-weight:750}.branding-field input{width:100%;padding:11px 12px;border:1px solid var(--line-strong);border-radius:9px;color:var(--ink);background:var(--surface)}@media (max-width: 1050px){.form-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-hero{grid-template-columns:1fr}.split{grid-template-columns:minmax(310px,370px) minmax(0,1fr)}.field-type-badge{display:none}.appearance-layout{grid-template-areas:"controls" "branding" "preview";grid-template-columns:1fr}.theme-live-preview{position:static}.theme-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 780px){.login-page{display:block;background:#faf9f7}.login-story{display:none}.login-panel{padding:24px}.topbar-workspace{display:none}.workspace-layout{display:block}.workspace-sidebar{display:none}.mobile-workspace-tabs{display:flex;gap:5px;overflow-x:auto;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.mobile-workspace-tabs button{flex:0 0 auto;padding:8px 11px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:11px;font-weight:750}.mobile-workspace-tabs button.active{color:var(--accent);background:var(--accent-soft)}.container{padding:28px 18px 56px}.create-hero{gap:24px;padding:28px 22px}.create-hero{width:100%;min-width:0}.create-input-row{flex-direction:column}.create-form{width:100%}.form-grid,.template-grid{grid-template-columns:1fr}.view-page-header{align-items:flex-start;flex-direction:column;gap:16px}.workspace-view-page{padding-top:34px}.shared-message{margin:25px auto;padding:42px 24px}.builder-shell{height:auto;min-height:100vh;overflow:visible}.builder-topbar{flex-wrap:wrap}.builder-modebar{justify-content:flex-start;gap:22px;overflow-x:auto;padding:0 18px}.slug-chip{display:none}.split{display:flex;min-height:auto;flex-direction:column}.chat-panel{min-height:620px;border-right:0;border-bottom:1px solid var(--line)}.preview-pane{min-height:700px;overflow:visible}.preview-canvas{overflow:visible}.respond-topbar{grid-template-columns:1fr auto}.respond-form-title{display:none}.respond-question{font-size:32px}.respond-stage{align-items:flex-start;padding-top:14vh}}@media (max-width: 520px){.login-panel{padding:16px}.login-card{padding:30px 24px}.brand-name{display:none}.topbar{min-height:56px;padding:9px 14px}.form-grid{gap:13px}.create-copy h1{font-size:34px}.quick-starts>span{width:100%}.quick-starts .view-all-templates{margin-left:0}.shared-message-actions{align-items:stretch;flex-direction:column}.builder-title-group{max-width:150px}.builder-title-input{min-width:0;width:100%}.builder-topbar .pill,.builder-topbar .btn-ghost{display:none}.builder-modebar{gap:18px}.preview-pane{padding:17px 12px}.preview-heading{padding:0 6px}.preview-toolbar .preview-device{display:none}.preview-list{padding:16px 20px 30px}.field-card-actions{opacity:1}.respond-topbar{padding:13px 16px}.respond-stage{padding-right:18px;padding-left:18px}.respond-question{font-size:28px}.respond-answer{margin-top:23px}.respond-bool-row{grid-template-columns:1fr}.respond-rating button{width:52px;height:52px}.respond-footer{padding:9px 14px}.results-summary{grid-template-columns:1fr}.results-list-header{align-items:stretch;flex-direction:column}.response-detail-backdrop{align-items:end;padding:0}.response-detail{max-height:92vh;border-radius:18px 18px 0 0}.response-detail-header,.response-answer-list{padding-right:20px;padding-left:20px}.response-detail-footer{align-items:stretch;flex-direction:column;padding:14px 20px 20px}.response-detail-footer>div{display:grid;grid-template-columns:1fr 1fr}.appearance-header{align-items:flex-start;flex-direction:column-reverse}.appearance-controls,.branding-controls,.theme-live-preview{padding:20px}.theme-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}