@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap";:root{--n-0: oklch(.994 .002 75);--n-25: oklch(.985 .003 75);--n-50: oklch(.972 .004 75);--n-100: oklch(.955 .005 75);--n-150: oklch(.935 .006 75);--n-200: oklch(.91 .006 75);--n-300: oklch(.865 .007 75);--n-400: oklch(.74 .008 75);--n-500: oklch(.615 .008 75);--n-600: oklch(.505 .008 75);--n-700: oklch(.395 .008 75);--n-800: oklch(.29 .007 75);--n-900: oklch(.215 .006 75);--n-950: oklch(.165 .006 75);--bg: var(--n-0);--surface: oklch(.999 .001 75);--surface-2: var(--n-50);--surface-sunk: var(--n-100);--text: var(--n-900);--text-strong: var(--n-950);--muted: var(--n-600);--faint: var(--n-500);--border: var(--n-200);--border-strong: var(--n-300);--divider: var(--n-150);--accent: oklch(.485 .115 256);--accent-hover: oklch(.435 .115 256);--accent-press: oklch(.395 .115 256);--accent-fg: oklch(.99 .005 256);--accent-text: oklch(.455 .12 256);--accent-tint: oklch(.958 .02 256);--accent-tint-2: oklch(.928 .032 256);--ring: oklch(.485 .115 256 / .85);--ok: oklch(.52 .09 155);--ok-tint: oklch(.955 .028 155);--err: oklch(.53 .165 27);--err-text: oklch(.5 .165 27);--err-tint: oklch(.96 .028 27);--r-sm: 6px;--r: 9px;--r-lg: 12px;--r-full: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 56px;--s10: 72px;--font-sans: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: 11.5px;--fs-cap: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 21px;--fs-2xl: 27px;--fs-3xl: 33px;--lh-tight: 1.15;--lh-snug: 1.32;--lh: 1.55;--track-tight: -.02em;--track-cap: .08em;--shadow-xs: 0 1px 2px oklch(.2 .02 75 / .05);--shadow-sm: 0 1px 2px oklch(.2 .02 75 / .05), 0 2px 5px oklch(.2 .02 75 / .04);--shadow-pop: 0 8px 30px oklch(.2 .02 75 / .12), 0 2px 8px oklch(.2 .02 75 / .06);--ease: cubic-bezier(.2, .7, .3, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-1: .12s;--dur-2: .22s;--dur-3: .34s}:root.dark{--n-0: oklch(.185 .006 75);--n-25: oklch(.205 .006 75);--n-50: oklch(.225 .007 75);--n-100: oklch(.255 .008 75);--n-150: oklch(.285 .008 75);--n-200: oklch(.32 .009 75);--n-300: oklch(.38 .009 75);--n-400: oklch(.52 .009 75);--n-500: oklch(.64 .008 75);--n-600: oklch(.72 .008 75);--n-700: oklch(.8 .007 75);--n-800: oklch(.88 .006 75);--n-900: oklch(.94 .005 75);--n-950: oklch(.975 .004 75);--surface: oklch(.225 .007 75);--surface-2: oklch(.255 .008 75);--surface-sunk: oklch(.205 .006 75);--accent: oklch(.68 .13 256);--accent-hover: oklch(.735 .13 256);--accent-press: oklch(.78 .13 256);--accent-fg: oklch(.165 .02 256);--accent-text: oklch(.76 .12 256);--accent-tint: oklch(.3 .045 256);--accent-tint-2: oklch(.35 .06 256);--ring: oklch(.68 .13 256 / .9);--ok: oklch(.72 .11 155);--ok-tint: oklch(.3 .05 155);--err: oklch(.68 .17 27);--err-text: oklch(.74 .15 27);--err-tint: oklch(.3 .06 27);--shadow-xs: 0 1px 2px oklch(0 0 0 / .35);--shadow-sm: 0 1px 2px oklch(0 0 0 / .4), 0 2px 6px oklch(0 0 0 / .35);--shadow-pop: 0 10px 34px oklch(0 0 0 / .55), 0 2px 8px oklch(0 0 0 / .4)}@media (prefers-color-scheme: dark){:root:not(.light){--n-0: oklch(.185 .006 75);--n-25: oklch(.205 .006 75);--n-50: oklch(.225 .007 75);--n-100: oklch(.255 .008 75);--n-150: oklch(.285 .008 75);--n-200: oklch(.32 .009 75);--n-300: oklch(.38 .009 75);--n-400: oklch(.52 .009 75);--n-500: oklch(.64 .008 75);--n-600: oklch(.72 .008 75);--n-700: oklch(.8 .007 75);--n-800: oklch(.88 .006 75);--n-900: oklch(.94 .005 75);--n-950: oklch(.975 .004 75);--surface: oklch(.225 .007 75);--surface-2: oklch(.255 .008 75);--surface-sunk: oklch(.205 .006 75);--accent: oklch(.68 .13 256);--accent-hover: oklch(.735 .13 256);--accent-press: oklch(.78 .13 256);--accent-fg: oklch(.165 .02 256);--accent-text: oklch(.76 .12 256);--accent-tint: oklch(.3 .045 256);--accent-tint-2: oklch(.35 .06 256);--ring: oklch(.68 .13 256 / .9);--ok: oklch(.72 .11 155);--ok-tint: oklch(.3 .05 155);--err: oklch(.68 .17 27);--err-text: oklch(.74 .15 27);--err-tint: oklch(.3 .06 27);--shadow-xs: 0 1px 2px oklch(0 0 0 / .35);--shadow-sm: 0 1px 2px oklch(0 0 0 / .4), 0 2px 6px oklch(0 0 0 / .35);--shadow-pop: 0 10px 34px oklch(0 0 0 / .55), 0 2px 8px oklch(0 0 0 / .4)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv01","ss01"}::selection{background:var(--accent-tint-2)}:focus{outline:none}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--r-sm)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:0 var(--s6);height:60px;background:color-mix(in oklch,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--divider);position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:center;gap:var(--s3);color:var(--text-strong);text-decoration:none;line-height:1}.brand-mark{width:26px;height:26px;border-radius:7px;background:var(--accent);color:var(--accent-fg);display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:var(--shadow-xs)}.brand-mark svg{width:15px;height:15px}.brand-name{font-size:var(--fs-md);font-weight:600;letter-spacing:var(--track-tight)}.brand-name b{font-weight:600}.brand-name span{font-weight:400;color:var(--muted)}.brand-org{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:var(--track-cap);text-transform:uppercase;color:var(--faint);padding-left:var(--s3);margin-left:var(--s1);border-left:1px solid var(--border)}@media (max-width: 480px){.brand-org{display:none}}.content{max-width:780px;margin:0 auto;padding:var(--s8) var(--s5) var(--s10)}h1{font-size:var(--fs-2xl);font-weight:600;line-height:var(--lh-tight);letter-spacing:var(--track-tight);color:var(--text-strong);margin:0 0 var(--s2);text-wrap:balance}h2.section{font-size:var(--fs-cap);font-weight:600;text-transform:uppercase;letter-spacing:var(--track-cap);color:var(--faint);margin:var(--s8) 0 var(--s4);padding-bottom:var(--s3);border-bottom:1px solid var(--divider)}.subtitle{color:var(--muted);font-size:var(--fs-md);line-height:var(--lh);margin:0 0 var(--s7);max-width:62ch;text-wrap:pretty}.muted{color:var(--muted)}.error{color:var(--err-text);background:var(--err-tint);border:1px solid color-mix(in oklch,var(--err) 30%,transparent);border-radius:var(--r);padding:var(--s3) var(--s4);font-size:var(--fs-sm);margin:var(--s4) 0}.hint{color:var(--muted);font-size:var(--fs-sm);margin:var(--s3) 0}.crumbs{margin-bottom:var(--s5)}.crumbs a{display:inline-flex;align-items:center;gap:var(--s2);color:var(--muted);text-decoration:none;font-size:var(--fs-sm);font-weight:500;transition:color var(--dur-1) var(--ease)}.crumbs a:hover{color:var(--text)}.crumbs svg{width:14px;height:14px}.btn{--btn-bg: var(--surface);--btn-fg: var(--text);--btn-bd: var(--border);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);background:var(--btn-bg);border:1px solid var(--btn-bd);border-radius:var(--r);padding:0 var(--s4);height:38px;font-family:inherit;font-size:var(--fs-sm);font-weight:500;color:var(--btn-fg);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.btn svg{width:15px;height:15px;flex:none}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{transform:translateY(.5px)}.btn.primary{--btn-bg: var(--accent);--btn-fg: var(--accent-fg);--btn-bd: var(--accent);box-shadow:var(--shadow-xs)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.primary:active{background:var(--accent-press);border-color:var(--accent-press)}.btn.small{height:30px;padding:0 var(--s3);font-size:var(--fs-xs);border-radius:var(--r-sm)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn:disabled:hover{background:var(--btn-bg);border-color:var(--btn-bd)}.link{background:none;border:none;color:var(--accent-text);cursor:pointer;padding:0;font:inherit;font-weight:500;display:inline-flex;align-items:center;gap:var(--s2);text-decoration:none;border-radius:var(--r-sm)}.link:hover{text-decoration:underline;text-underline-offset:2px}.link svg{width:14px;height:14px}.input{width:100%;border:1px solid var(--border);border-radius:var(--r);padding:9px 12px;font:inherit;font-size:var(--fs-base);color:var(--text);background:var(--surface);transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.input::placeholder{color:var(--faint)}.input:hover{border-color:var(--border-strong)}.input:focus,.input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.input.big{font-size:var(--fs-xl);font-weight:600;letter-spacing:var(--track-tight);padding:12px 14px}textarea.input{resize:vertical;min-height:2.6em;line-height:var(--lh)}select.input{cursor:pointer}.lbl{display:block;font-size:var(--fs-sm);font-weight:500;color:var(--text);margin:var(--s5) 0 var(--s2)}.lbl:first-child{margin-top:0}.checkbox{display:inline-flex;align-items:center;gap:var(--s3);font-size:var(--fs-base);cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none}.checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:1.5px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;position:relative;flex:none;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.checkbox input[type=checkbox]:hover{border-color:var(--accent)}.checkbox input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--accent-fg);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.form-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--divider)}.form-card{display:flex;justify-content:space-between;gap:var(--s5);align-items:flex-start;padding:var(--s5) var(--s4);border-bottom:1px solid var(--divider);border-radius:var(--r-lg);margin:0 calc(var(--s4) * -1);transition:background var(--dur-1) var(--ease)}.form-card:hover{background:var(--surface-2)}.fc-main{min-width:0}.fc-title{font-size:var(--fs-lg);font-weight:600;letter-spacing:var(--track-tight);color:var(--text-strong);text-decoration:none}.fc-title:hover{color:var(--accent-text)}.fc-desc{margin:var(--s1) 0 0;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-snug);max-width:56ch}.fc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);margin:var(--s3) 0 0;color:var(--faint);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.01em}.fc-meta .meta-item{display:inline-flex;align-items:center;gap:var(--s2)}.fc-meta .meta-item svg{width:13px;height:13px;opacity:.8}.fc-actions{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:flex-end;flex:none}.empty{text-align:center;padding:var(--s10) var(--s6);border:1px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface)}.empty-icon{width:44px;height:44px;margin:0 auto var(--s5);color:var(--faint);display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2)}.empty-icon svg{width:22px;height:22px}.empty h2,.empty p:first-of-type{font-size:var(--fs-lg);font-weight:600;color:var(--text-strong);margin:0 0 var(--s2);letter-spacing:var(--track-tight)}.empty .empty-sub{color:var(--muted);font-size:var(--fs-sm);margin:0 auto var(--s6);max-width:40ch}.empty .btn{margin-top:0}.badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.02em;text-transform:capitalize;color:var(--muted);background:transparent;padding:2px 8px;border:1px solid var(--border);border-radius:var(--r-sm);line-height:1.5}.badge.soft{color:var(--faint);border-style:dashed}.builder-badge{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0 0 var(--s5)}.wiz-progress{display:flex;align-items:center;gap:var(--s3);margin:0 0 var(--s7)}.wiz-progress .step-dot{display:flex;align-items:center;gap:var(--s2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.02em;color:var(--faint)}.wiz-progress .step-num{width:22px;height:22px;border-radius:var(--r-full);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--faint);background:var(--surface);transition:all var(--dur-2) var(--ease)}.wiz-progress .step-line{flex:1;height:1px;background:var(--divider)}.wiz-progress .step-dot.active .step-num{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.wiz-progress .step-dot.active{color:var(--text)}.wiz-progress .step-dot.done .step-num{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-text)}.wiz-progress .step-dot.done .step-num svg{width:12px;height:12px}.wiz-progress .step-label{display:none}@media (min-width: 640px){.wiz-progress .step-label{display:inline}}.wiz-step{animation:stepIn var(--dur-3) var(--ease)}@keyframes stepIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s8);padding-top:var(--s5);border-top:1px solid var(--divider)}.aud-tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s2);margin:0 0 var(--s5)}.aud-tab{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);border:1px solid var(--border);background:var(--surface);border-radius:var(--r);padding:0 var(--s4);height:46px;font-size:var(--fs-base);font-weight:500;color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.aud-tab .aud-check{opacity:0;color:var(--accent);transition:opacity var(--dur-1) var(--ease)}.aud-tab .aud-check svg{width:16px;height:16px}.aud-tab:hover{border-color:var(--border-strong);background:var(--surface-2)}.aud-tab.active{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-text);font-weight:600;box-shadow:0 0 0 1px var(--accent) inset}.aud-tab.active .aud-check{opacity:1}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s3)}.template-card{position:relative;text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-lg);padding:var(--s5);cursor:pointer;display:flex;flex-direction:column;gap:var(--s2);transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.template-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.template-card.blank{border-style:dashed}.template-card.selected{border-color:var(--accent);background:var(--accent-tint);box-shadow:0 0 0 1px var(--accent) inset}.template-card .tc-check{position:absolute;top:var(--s4);right:var(--s4);color:var(--accent);opacity:0;transition:opacity var(--dur-1) var(--ease)}.template-card.selected .tc-check{opacity:1}.template-card .tc-check svg{width:17px;height:17px}.tc-name{font-weight:600;font-size:var(--fs-base);letter-spacing:var(--track-tight);color:var(--text-strong);padding-right:var(--s6)}.tc-desc{margin:0;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-snug);flex:1}.tc-meta{color:var(--faint);font-family:var(--font-mono);font-size:var(--fs-xs)}.ua-actions{display:flex;gap:var(--s3)}.ua-actions .btn{min-width:96px;height:44px}.btn.active{--btn-bg: var(--accent-tint);--btn-bd: var(--accent);--btn-fg: var(--accent-text);font-weight:600;box-shadow:0 0 0 1px var(--accent) inset}.btn.active:hover{background:var(--accent-tint);border-color:var(--accent)}.builder-layout{display:flex;gap:var(--s8);align-items:flex-start}.builder-sidebar{width:216px;flex:0 0 216px;position:sticky;top:84px;align-self:flex-start;max-height:calc(100vh - 104px);overflow-y:auto;padding-right:var(--s2)}.builder-sidebar .crumbs{margin-bottom:var(--s4)}.builder-sidebar h1{font-size:var(--fs-xl);margin:0 0 var(--s3)}.builder-sidebar .builder-badge{margin:0 0 var(--s6)}.builder-sidebar .add-label{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--track-cap);color:var(--faint);margin:0 0 var(--s3);padding-top:var(--s5);border-top:1px solid var(--divider);display:block}.builder-main{flex:1;min-width:0}.palette{display:flex;flex-direction:column;gap:var(--s2)}.palette-btn{justify-content:flex-start;width:100%;height:36px;gap:var(--s3);color:var(--text);font-weight:500;background:transparent;border-color:transparent}.palette-btn:hover{background:var(--surface-2);border-color:var(--border)}.palette-btn .palette-ico{color:var(--faint);display:inline-flex;transition:color var(--dur-1) var(--ease)}.palette-btn:hover .palette-ico{color:var(--accent-text)}.palette-btn .palette-ico svg{width:15px;height:15px}@media (max-width: 640px){.builder-layout{flex-direction:column;gap:var(--s5)}.builder-sidebar{position:static;width:100%;flex:none;max-height:none;padding-bottom:var(--s5);border-bottom:1px solid var(--divider)}.palette{flex-direction:row;flex-wrap:wrap}.palette-btn{width:auto;border-color:var(--border)}}.field-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s4)}.field-edit{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4);box-shadow:var(--shadow-xs);transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.field-edit:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.field-edit.flash{animation:fieldFlash .7s var(--ease)}@keyframes fieldFlash{0%{box-shadow:0 0 0 2px var(--accent) inset,var(--shadow-sm);background:var(--accent-tint)}60%{box-shadow:0 0 0 2px var(--accent) inset,var(--shadow-sm);background:var(--accent-tint)}to{box-shadow:var(--shadow-xs);background:var(--surface)}}.field-edit.entering{animation:fieldEnter var(--dur-3) var(--ease)}@keyframes fieldEnter{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.field-edit.removing{animation:fieldRemove .26s var(--ease) forwards;pointer-events:none;overflow:hidden}@keyframes fieldRemove{to{opacity:0;transform:translate(14px)}}.fe-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.fe-type{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--track-cap);color:var(--faint)}.fe-tools{display:flex;gap:var(--s1)}.icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:var(--r-sm);cursor:pointer;color:var(--muted);transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.icon svg{width:16px;height:16px}.icon:hover{background:var(--surface-2);border-color:var(--border);color:var(--text)}.icon:disabled{opacity:.3;cursor:not-allowed;background:transparent;border-color:transparent}.icon.danger:hover{background:var(--err-tint);color:var(--err-text);border-color:color-mix(in oklch,var(--err) 30%,transparent)}.icon.active{background:var(--accent-tint);color:var(--accent-text);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.icon.active:hover{background:var(--accent-tint);color:var(--accent-text)}.builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s5);position:sticky;top:60px;z-index:8;padding:var(--s3) 0;background:color-mix(in oklch,var(--bg) 90%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(6px);backdrop-filter:saturate(1.2) blur(6px)}.mode-toggle{display:inline-flex;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r)}.mode-toggle button{display:inline-flex;align-items:center;gap:var(--s2);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:var(--fs-sm);font-weight:500;color:var(--muted);padding:6px 14px;border-radius:var(--r-sm);transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.mode-toggle button svg{width:15px;height:15px}.mode-toggle button:hover{color:var(--text)}.mode-toggle button.active{background:var(--surface);color:var(--text-strong);box-shadow:var(--shadow-xs);font-weight:600}.device-toggle{display:inline-flex;gap:var(--s1)}.builder-preview{width:94vw;margin-left:calc(50% - 47vw)}.preview-stage{display:flex;flex-direction:column;align-items:center;gap:var(--s5);background:var(--surface-sunk);border-radius:var(--r-lg);padding:var(--s7) var(--s5);min-height:62vh;overflow:hidden}.preview-empty{margin:auto;text-align:center;font-size:var(--fs-sm);max-width:32ch}.device-sizer{transition:width var(--dur-3) var(--ease),height var(--dur-3) var(--ease);flex:none}.device-frame{transform-origin:top left;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.device-frame[data-device=mobile]{border-radius:20px}.device-frame .fill{max-width:620px;margin:0 auto;padding:var(--s8) var(--s6);width:100%}.device-frame .fill>h1{font-size:var(--fs-2xl)}.preview-caption{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.03em;color:var(--faint)}.options{display:flex;flex-direction:column;gap:var(--s2);padding-left:var(--s2)}.option-row{display:flex;align-items:center;gap:var(--s3)}.option-row .input{flex:1}.bullet{color:var(--faint);font-size:var(--fs-sm)}.options .btn.small{align-self:flex-start;margin-top:var(--s1);margin-left:18px}.add-bar{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;margin:var(--s4) 0 var(--s1)}.add-label{font-size:var(--fs-sm);color:var(--muted);margin-right:var(--s1)}.save-bar{display:flex;gap:var(--s3);margin-top:var(--s8);align-items:center;padding-top:var(--s5);border-top:1px solid var(--divider)}.btn.clear{margin-left:auto;color:var(--err-text);border-color:transparent;background:transparent}.btn.clear:hover{background:var(--err-tint);border-color:color-mix(in oklch,var(--err) 30%,transparent)}.fill{max-width:620px;margin:0 auto}.fill>h1{font-size:var(--fs-2xl)}.fill .field,.field{margin-bottom:var(--s7)}.field-label{display:block;font-weight:600;font-size:var(--fs-md);color:var(--text-strong);margin-bottom:var(--s3);letter-spacing:-.01em}.req{color:var(--err-text);font-weight:500}.choices{display:flex;flex-direction:column;gap:var(--s3)}.choices .checkbox{border:1px solid var(--border);border-radius:var(--r);padding:10px 14px;transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.choices .checkbox:hover{border-color:var(--border-strong);background:var(--surface-2)}.choices .checkbox:has(input:checked){border-color:var(--accent);background:var(--accent-tint)}.name-row{display:flex;gap:var(--s3)}.name-row .input{flex:1;min-width:0}.name-row .input:disabled{background:var(--surface-sunk);color:var(--faint);cursor:default}.field-hint{margin:var(--s2) 0 0;font-size:var(--fs-sm);color:var(--muted)}.form-canvas{container-type:inline-size}@container (max-width: 460px){.name-row{flex-direction:column}}@media (max-width: 480px){.name-row{flex-direction:column}}.uploaded,.answer-files{list-style:none;margin:var(--s3) 0 0;padding:0;font-size:var(--fs-sm)}.uploaded li,.answer-files li{display:flex;align-items:center;gap:var(--s2);margin:var(--s1) 0;color:var(--text)}.uploaded li svg,.answer-files li svg{width:14px;height:14px;color:var(--faint);flex:none}.thanks{text-align:center;padding:var(--s10) var(--s5);max-width:460px;margin:0 auto}.thanks .check{width:56px;height:56px;margin:0 auto var(--s6);background:var(--ok-tint);color:var(--ok);border:1px solid color-mix(in oklch,var(--ok) 35%,transparent);border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;animation:checkPop var(--dur-3) var(--ease-out)}.thanks .check svg{width:26px;height:26px}@keyframes checkPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.thanks h1{margin-bottom:var(--s3)}.thanks .muted{font-size:var(--fs-md);margin-bottom:var(--s7)}.resp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s5);flex-wrap:wrap;margin-bottom:var(--s2)}.resp-head h1{margin-bottom:var(--s2)}.resp-actions{display:flex;flex-wrap:wrap;gap:var(--s2)}.resp-list{list-style:none;margin:var(--s6) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--s4)}.resp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s2) var(--s5) var(--s3);box-shadow:var(--shadow-xs)}.resp-when{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.01em;color:var(--faint);padding:var(--s3) 0;margin-bottom:var(--s2);border-bottom:1px solid var(--divider)}.resp-answers{margin:0}.resp-row{display:grid;grid-template-columns:190px 1fr;gap:var(--s5);padding:var(--s3) 0;border-top:1px solid var(--divider)}.resp-row:first-child{border-top:none}.resp-row dt{color:var(--muted);font-size:var(--fs-sm);font-weight:500;line-height:var(--lh-snug)}.resp-row dd{margin:0;color:var(--text);font-size:var(--fs-base);word-break:break-word}@media (max-width: 560px){.resp-row{grid-template-columns:1fr;gap:2px}.resp-row dt{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-mono)}}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface);padding:var(--s8) var(--s5);text-align:center;cursor:pointer;transition:border-color var(--dur-2) var(--ease),background var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:var(--accent-tint);box-shadow:0 0 0 3px var(--accent-tint)}.dz-ico{width:40px;height:40px;margin:0 auto var(--s3);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-2);color:var(--muted);display:flex;align-items:center;justify-content:center;transition:color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.dz-ico svg{width:20px;height:20px}.dropzone:hover .dz-ico,.dropzone.dragging .dz-ico{color:var(--accent-text);border-color:var(--accent)}.dz-title{margin:0 0 var(--s1);font-weight:600;color:var(--text-strong);font-size:var(--fs-base)}.dz-title .dz-em{color:var(--accent-text)}.dz-sub{margin:0;color:var(--muted);font-size:var(--fs-sm)}.queue{list-style:none;margin:var(--s4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.queue-item{display:grid;grid-template-columns:auto 1fr 120px 92px;align-items:center;gap:var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:10px var(--s4);font-size:var(--fs-sm);animation:fieldEnter var(--dur-2) var(--ease)}.qi-file-ico{color:var(--faint);display:inline-flex}.qi-file-ico svg{width:16px;height:16px}.qi-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:500}.qi-bar{height:5px;background:var(--surface-sunk);border-radius:var(--r-full);overflow:hidden}.qi-fill{display:block;height:100%;background:var(--accent);border-radius:var(--r-full);transition:width var(--dur-2) var(--ease)}.qi-bar.indet{position:relative}.qi-bar.indet .qi-fill{position:absolute;top:0;left:0;width:40%;transition:none;animation:indet 1.1s var(--ease) infinite}@keyframes indet{0%{transform:translate(-110%)}to{transform:translate(275%)}}.qi-status{text-align:right;color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-xs);display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--s1)}.qi-status svg{width:13px;height:13px}.queue-item.done .qi-status{color:var(--ok)}.queue-item.error .qi-status{color:var(--err-text)}.queue-item.error{border-color:color-mix(in oklch,var(--err) 30%,transparent)}@media (max-width: 560px){.queue-item{grid-template-columns:auto 1fr auto}.queue-item .qi-bar{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.list-layout{display:flex;gap:24px;align-items:flex-start}.list-sidebar{width:210px;flex:0 0 210px;position:sticky;top:88px;display:flex;flex-direction:column;gap:18px}.list-main{flex:1;min-width:0}.side-group{display:flex;flex-direction:column;gap:3px}.side-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 6px 8px}.side-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;background:none;border:none;color:inherit;border-radius:var(--r-sm, 8px);padding:8px 10px;font-size:14px;cursor:pointer}.side-item:hover{background:var(--surface-2, #f2f3f5)}.side-item.active{background:var(--accent-tint);color:var(--accent-text);font-weight:600}.side-count{font-size:12px;color:var(--muted);background:var(--surface-sunk, #eef0f2);border-radius:var(--r-full, 99px);padding:1px 8px;min-width:22px;text-align:center}.side-item.active .side-count{background:var(--surface, #fff);color:var(--accent-text)}.resp-count{display:inline-flex;align-items:center;font-size:13px;font-weight:700;padding:6px 11px;border-radius:var(--r-full, 99px);text-decoration:none;cursor:pointer}.resp-count:hover{filter:brightness(.97)}.resp-count.incomplete{background:var(--err-tint, #fdeaea);color:var(--err-text, #c0392b)}.resp-count.complete{background:var(--ok-tint, #dcfce7);color:var(--ok, #166534)}.resp-count.neutral{background:var(--surface-2, #eef0f2);color:var(--muted)}.form-card.priority{border-color:#f59e0b;box-shadow:-3px 0 #f59e0b}.badge.urgent{background:#fef3c7;color:#92400e}.btn.star{padding:6px 9px;font-size:15px;line-height:1}.btn.star.on{background:#fef3c7;border-color:#f59e0b}.btn.icon-btn{padding:6px 9px;display:inline-flex;align-items:center;justify-content:center}.top-actions{display:inline-flex;align-items:center;gap:var(--s3, 12px)}.theme-toggle{font-size:15px;line-height:1}.field-hint{color:var(--muted);font-size:13px;margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--surface, #fff);border:1px solid var(--border);border-radius:var(--r-lg, 14px);padding:24px;max-width:400px;width:100%;text-align:center;box-shadow:0 14px 48px #00000047}.modal h2{margin:0 0 4px;font-size:18px}.qr-wrap{display:inline-block;padding:14px;background:#fff;border:1px solid var(--border);border-radius:12px;margin:14px 0 10px}.qr-wrap canvas{display:block}.share-link{font-size:12px;color:var(--muted);word-break:break-all;background:var(--surface-2, #f2f3f5);padding:8px 10px;border-radius:8px}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}@media (max-width: 640px){.list-layout{flex-direction:column}.list-sidebar{position:static;width:100%;flex:none;flex-direction:row;flex-wrap:wrap;gap:12px}.side-group{flex:1;min-width:150px}}body{padding-bottom:32px}.bn-dock{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 36px)}.bn-fab{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex:none;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);color:var(--muted);box-shadow:var(--shadow-pop);transition:all .15s var(--ease)}.bn-fab svg{width:17px;height:17px}.bn-fab:hover{color:var(--text);background:var(--surface-2);border-color:var(--border-strong)}.bn-fab.open{color:var(--text)}.bottom-nav{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);padding:6px;box-shadow:var(--shadow-pop);overflow-x:auto;animation:bnSlideIn .18s var(--ease-out)}@keyframes bnSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.bottom-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;font:500 13px var(--font-sans);color:var(--muted);padding:7px 13px;border-radius:var(--r-full);white-space:nowrap;transition:all .15s var(--ease)}.bottom-nav button:hover{color:var(--text);background:var(--surface-2)}.bottom-nav button.active{background:var(--accent);color:var(--accent-fg)}.aud-icon{display:inline-flex;align-items:center;color:var(--muted)}.aud-tab.active .aud-icon{color:var(--accent)}.error-row{display:inline-flex;align-items:center;gap:8px}.error-jump{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;padding:0;cursor:pointer;border:1px solid var(--err);background:var(--err-tint);color:var(--err-text);border-radius:var(--r-full)}.error-jump:hover{background:var(--err);color:#fff}.btn.danger-btn{color:var(--err)}.btn.danger-btn:hover{background:var(--err-tint);border-color:var(--err)}.resp-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.rating{display:inline-flex;align-items:center;gap:3px}.star-btn{background:none;border:none;cursor:pointer;font-size:24px;line-height:1;color:var(--border-strong);padding:0 2px;transition:color .12s var(--ease)}.star-btn:hover,.star-btn.on{color:#f59e0b}.rating-val{margin-left:8px;color:var(--muted);font-size:14px}.yn-row{display:flex;gap:10px}.yn-btn.on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.avail{display:flex;flex-direction:column;gap:8px;margin-top:4px}.avail .input{flex:none}.closed-badge{background:var(--surface-sunk);color:var(--muted)}.insights{margin:18px 0;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.insights .section{margin-top:0}.insight{margin-bottom:16px}.insight:last-child{margin-bottom:0}.insight-q{font-weight:600;font-size:14px;margin-bottom:6px}.insight-row{display:grid;grid-template-columns:110px 1fr 30px;align-items:center;gap:10px;margin:3px 0;font-size:13px}.insight-label{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insight-bar{height:8px;background:var(--surface-sunk);border-radius:99px;overflow:hidden}.insight-fill{display:block;height:100%;background:var(--accent);border-radius:99px}.insight-count{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.palette-more{color:var(--muted);border-style:dashed}.palette-more:hover{color:var(--text)}.topbar .btn.primary{animation:newFormPulse 3s var(--ease-out) infinite}@keyframes newFormPulse{0%{box-shadow:0 0 color-mix(in oklch,var(--accent) 40%,transparent)}55%{box-shadow:0 0 0 9px transparent}to{box-shadow:0 0 0 0 transparent}}body.no-forms .topbar .btn.primary{animation:newFormPulse 3s var(--ease-out) infinite,newFormShake 2.4s var(--ease) infinite}@keyframes newFormShake{0%,72%,to{transform:none}76%{transform:translate(-2px) rotate(-1.2deg)}80%{transform:translate(2px) rotate(1.2deg)}84%{transform:translate(-2px) rotate(-1deg)}88%{transform:translate(1.5px) rotate(.8deg)}92%{transform:translate(0)}}body.no-forms .topbar .btn.primary{display:none}.empty .btn.primary{margin-top:12px;animation:newFormPulse 3s var(--ease-out) infinite,newFormShake 2.4s var(--ease) infinite}.topbar-actions{display:flex;align-items:center;gap:var(--s3);min-width:0}.user-chip{display:inline-flex;align-items:center;height:30px;padding:0 var(--s3);border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:var(--fs-xs);font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-wrap{display:flex;justify-content:center;padding-top:8vh}.auth-card{width:100%;max-width:400px;padding:var(--s7) var(--s6);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-2, 0 8px 30px rgb(0 0 0 / .06))}.auth-card h1{font-size:var(--fs-xl);margin:0 0 var(--s2);text-align:center}.auth-card .subtitle{text-align:center;margin-bottom:var(--s5)}.auth-logo{display:flex;justify-content:center;margin-bottom:var(--s4)}.auth-logo svg{width:28px;height:28px;color:var(--accent)}.auth-card .input{width:100%}.auth-submit{width:100%;margin-top:var(--s5);justify-content:center}.auth-error{margin:var(--s4) 0 0}.user-list{list-style:none;margin:0 0 var(--s7);padding:0;display:grid;gap:var(--s3)}.user-card{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;padding:var(--s4) var(--s5);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.user-main{display:grid;gap:2px;min-width:0}.user-name{display:inline-flex;align-items:center;gap:var(--s2);font-weight:600;flex-wrap:wrap}.user-email{color:var(--muted);font-size:var(--fs-sm)}.user-actions{display:flex;gap:var(--s2);flex-wrap:wrap}.user-add{padding:var(--s5);border:1px dashed var(--border-strong);border-radius:var(--r-md)}.user-add-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s2) var(--s4);margin-bottom:var(--s5)}.user-add .lbl{margin-top:var(--s3)}select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.invite-modal{text-align:left}.viewer-list{list-style:none;margin:var(--s4) 0;padding:0;display:grid;gap:var(--s2)}.viewer-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.viewer-who{display:grid;min-width:0;flex:1}.viewer-name{font-weight:600;font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-email{color:var(--muted);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-row .badge{flex:none}.invite-empty{margin:var(--s4) 0}.invite-add{display:flex;gap:var(--s2);margin-top:var(--s3)}.invite-add .input{flex:1}.invite-notice{margin-top:var(--s4);font-size:var(--fs-sm)}.invite-notice p{margin:0 0 var(--s2)}.invite-notice.warn p{color:var(--err)}.invite-notice .share-link{cursor:copy}.datepicker{position:relative}.dp-toggle{display:flex;align-items:center;gap:var(--s3);width:100%;cursor:pointer;text-align:left}.dp-toggle svg{width:16px;height:16px;color:var(--muted);flex:none}.dp-toggle span:first-of-type{flex:1}.dp-toggle.placeholder span:first-of-type{color:var(--faint)}.dp-caret{color:var(--faint);font-size:11px;transition:transform var(--dur-1) var(--ease)}.dp-caret.up{transform:rotate(180deg)}.dp-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:50;width:292px;padding:var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);animation:bnSlideIn .15s var(--ease-out)}.dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s3)}.dp-month{font-weight:600;font-size:var(--fs-sm)}.dp-nav{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:transparent;color:var(--muted);width:28px;height:28px;border-radius:var(--r-sm);cursor:pointer;font-size:16px;line-height:1}.dp-nav:hover{background:var(--surface-2);color:var(--text)}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-dow{text-align:center;font-size:var(--fs-xs);color:var(--faint);padding:4px 0;letter-spacing:.04em}.dp-day{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text);font:500 13px var(--font-sans);width:100%;aspect-ratio:1;border-radius:var(--r-sm);cursor:pointer}.dp-day:hover{background:var(--surface-2)}.dp-day.today{border-color:var(--border-strong)}.dp-day.selected{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.dp-foot{display:flex;justify-content:space-between;margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--divider)}.thumb-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;cursor:zoom-in;display:grid;gap:4px;justify-items:start;text-align:left}.answer-thumb{width:200px;max-width:100%;height:140px;object-fit:cover;border-radius:var(--r);border:1px solid var(--border);display:block;background:var(--surface-2)}.answer-thumb.placeholder{display:block}.thumb-btn:hover .answer-thumb{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.thumb-name{color:var(--muted);font-size:var(--fs-xs)}