.qb{width:100%}.qb-head{display:grid;gap:1rem;grid-template-columns:1fr;align-items:start}@media (min-width:900px){.qb-head{grid-template-columns:minmax(0,1fr) auto}}.qb-head__fields{min-width:0}.qb-intro-input,.qb-title-input{display:block;width:100%;border:0;background:transparent;color:hsl(var(--tsf-ink,222 45% 10%));outline:none;padding:.125rem 0}.qb-title-input{font-size:1.25rem;font-weight:500;letter-spacing:-.01em;line-height:1.3}.qb-intro-input{margin-top:.125rem;font-size:.9375rem;line-height:1.5;color:hsl(var(--muted-foreground))}.qb-title-input::-moz-placeholder{color:hsl(var(--muted-foreground)/.7);font-weight:500}.qb-title-input::placeholder{color:hsl(var(--muted-foreground)/.7);font-weight:500}.qb-intro-input::-moz-placeholder{color:hsl(var(--muted-foreground)/.6)}.qb-intro-input::placeholder{color:hsl(var(--muted-foreground)/.6)}.qb-intro-input:focus,.qb-title-input:focus{color:hsl(var(--tsf-ink,222 45% 10%))}.qb-placement{display:flex;flex-direction:column;gap:.375rem}.qb-placement__label{font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.qb-placement .tsf-seg{margin-top:0;min-width:20rem}.qb-body{display:grid;gap:1.25rem;margin-top:1.5rem;grid-template-columns:1fr;align-items:start}@media (min-width:1024px){.qb-body{grid-template-columns:17rem minmax(0,1fr);gap:1.5rem}.qb-body--empty{grid-template-columns:minmax(0,1fr)}}.qb-body>*,.qb-rail{min-width:0}.qb-rail{display:flex;flex-direction:column;gap:.25rem;position:sticky;top:1rem}@media (max-width:1023px){.qb-rail{position:static}}.qb-rail__item{display:flex;align-items:center;gap:.625rem;width:100%;min-height:2.75rem;padding:.5rem .625rem .5rem .5rem;border-radius:.75rem;border:1px solid transparent;text-align:left;color:hsl(var(--muted-foreground));transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,border-color .15s ease;cursor:pointer}.qb-rail__item:hover{background:hsl(var(--muted)/.6);color:hsl(var(--tsf-ink))}.qb-rail__item[aria-current=true]{background:hsl(var(--background));color:hsl(var(--tsf-ink));border-color:hsl(var(--border)/.8);box-shadow:0 1px 3px hsl(var(--tsf-ink)/.12)}.qb-rail__item--dragging{opacity:.55}.qb-rail__grip{flex:none;color:hsl(var(--muted-foreground)/.5);cursor:grab;touch-action:none;display:flex}.qb-rail__grip:active{cursor:grabbing}.qb-rail__num{flex:none;width:1.375rem;font-size:.75rem;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground))}.qb-rail__icon{flex:none;display:flex;color:hsl(var(--tsf-accent))}.qb-rail__text{flex:1;min-width:0;font-size:.8125rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qb-rail__text--empty{color:hsl(var(--muted-foreground)/.7);font-style:italic}.qb-rail__warn{flex:none;color:#d97706;display:flex}.qb-add{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:2.75rem;margin-top:.5rem;border-radius:.75rem;border:1px dashed hsl(var(--border));font-size:.8125rem;font-weight:500;color:hsl(var(--tsf-ink)/.8);transition:border-color .15s ease,background-color .15s ease,color .15s ease}.qb-add:hover{border-color:hsl(var(--tsf-accent-bright)/.6);background:hsl(var(--tsf-accent-bright)/.06);color:hsl(var(--tsf-ink))}.qb-add[aria-expanded=true]{border-style:solid;background:hsl(var(--background));box-shadow:0 1px 3px hsl(var(--tsf-ink)/.12)}.qb-palette{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);animation:qb-reveal .2s cubic-bezier(.22,1,.36,1) both}.qb-palette--rail{margin-top:.5rem;grid-template-columns:1fr;gap:.25rem}.qb-palette--stage{grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width:720px){.qb-palette--stage{grid-template-columns:repeat(4,1fr)}}.qb-palette--stage .qb-tile{flex-direction:column;align-items:flex-start;gap:.875rem;border-radius:1.125rem;min-height:8.5rem;border-top:3px solid hsl(var(--tsf-accent-bright));padding:calc(1.125rem - 2px) 1.125rem 1rem}.qb-palette--stage .qb-tile__icon{height:2.5rem;width:2.5rem;border-radius:.75rem}.qb-palette--stage .qb-tile__label{font-size:.9375rem}.qb-palette--stage .qb-tile__blurb{font-size:.8125rem;margin-top:.25rem}.qb-palette--stage .qb-tile:hover{transform:translateY(-2px);box-shadow:0 10px 26px hsl(var(--tsf-ink)/.1)}.qb-tile{display:flex;align-items:flex-start;gap:.75rem;width:100%;text-align:left;padding:.75rem .875rem;border-radius:.875rem;border:1px solid hsl(var(--border));background:hsl(var(--background));transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.qb-palette--rail .qb-tile{padding:.5rem .625rem;border-radius:.625rem}.qb-tile:hover{border-color:hsl(var(--tsf-accent-bright)/.6);box-shadow:0 6px 18px hsl(var(--tsf-ink)/.08);transform:translateY(-1px)}.qb-tile:focus-visible{outline:2px solid hsl(var(--tsf-accent-bright));outline-offset:2px}.qb-tile__icon{flex:none;display:flex;align-items:center;justify-content:center;height:2.125rem;width:2.125rem;border-radius:.625rem;background:hsl(var(--tsf-accent-bright)/.12);color:hsl(var(--tsf-accent))}.qb-palette--rail .qb-tile__icon{height:1.75rem;width:1.75rem;border-radius:.5rem}.qb-tile__label{display:block;font-size:.875rem;font-weight:500;color:hsl(var(--tsf-ink));line-height:1.3}.qb-tile__blurb{display:block;margin-top:.125rem;font-size:.75rem;color:hsl(var(--muted-foreground));line-height:1.4}.qb-palette--rail .qb-tile__blurb{display:none}.qb-stage{min-width:0}.qb-toolbar{justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.qb-toolbar,.qb-toolbar__group{display:flex;align-items:center;flex-wrap:wrap}.qb-toolbar__group{gap:.5rem}.qb-toolbar__count{font-size:.8125rem;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.qb-type{display:inline-flex;align-items:center;gap:.5rem;min-height:2.25rem;padding:0 .75rem;border-radius:.625rem;border:1px solid hsl(var(--border));background:hsl(var(--background));font-size:.8125rem;font-weight:500;color:hsl(var(--tsf-ink));position:relative}.qb-type select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.qb-toggle{display:inline-flex;align-items:center;gap:.5rem;min-height:2.25rem;padding:0 .625rem;border-radius:.625rem;font-size:.8125rem;font-weight:500;color:hsl(var(--muted-foreground));transition:color .15s ease,background-color .15s ease;cursor:pointer}.qb-toggle:hover{color:hsl(var(--tsf-ink));background:hsl(var(--muted)/.6)}.qb-toggle__track{position:relative;height:1.125rem;width:2rem;border-radius:9999px;background:hsl(var(--muted-foreground)/.35);transition:background-color .15s ease;flex:none}.qb-toggle__track:after{content:"";position:absolute;top:2px;left:2px;height:calc(1.125rem - 4px);width:calc(1.125rem - 4px);border-radius:9999px;background:#fff;box-shadow:0 1px 2px hsl(var(--tsf-ink)/.3);transition:transform .15s ease}.qb-toggle[aria-checked=true]{color:hsl(var(--tsf-ink))}.qb-toggle[aria-checked=true] .qb-toggle__track{background:hsl(var(--tsf-accent-bright))}.qb-toggle[aria-checked=true] .qb-toggle__track:after{transform:translateX(.875rem)}.qb-iconbtn{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border-radius:.625rem;color:hsl(var(--muted-foreground));transition:color .15s ease,background-color .15s ease}.qb-iconbtn:hover{color:hsl(var(--tsf-ink));background:hsl(var(--muted)/.6)}.qb-iconbtn--danger:hover{color:hsl(var(--destructive));background:hsl(var(--destructive)/.08)}.qb-iconbtn:disabled{opacity:.35;pointer-events:none}.qb-card{position:relative;border-radius:1rem;border:1px solid hsl(246 100% 68%/.4);background:#fff;box-shadow:0 4px 24px rgba(124,58,237,.08);padding:2rem 1.25rem}@media (min-width:640px){.qb-card{padding:2.25rem 3rem}}.qb-slide{animation:qb-slide-next .28s cubic-bezier(.22,1,.36,1) both}.qb-slide--back{animation-name:qb-slide-prev}@keyframes qb-slide-next{0%{opacity:0;transform:translateX(1.75rem)}to{opacity:1;transform:none}}@keyframes qb-slide-prev{0%{opacity:0;transform:translateX(-1.75rem)}to{opacity:1;transform:none}}@keyframes qb-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.qb-palette,.qb-slide{animation:none}}.qb-desc,.qb-stem{display:block;width:100%;border:0;background:transparent;text-align:center;outline:none;resize:none;overflow:hidden;border-radius:.5rem;transition:background-color .15s ease}.qb-stem{font-size:1.0625rem;font-weight:500;line-height:1.45;color:#0f172a;padding:.25rem .5rem}@media (min-width:640px){.qb-stem{font-size:1.375rem}}.qb-desc{margin-top:.25rem;font-size:.9375rem;line-height:1.6;color:#64748b;padding:.125rem .5rem}.qb-desc,.qb-stem{caret-color:#695CFF}.qb-stem::-moz-placeholder{color:#94a3b8;font-weight:500}.qb-stem::placeholder{color:#94a3b8;font-weight:500}.qb-desc::-moz-placeholder{color:#cbd5e1}.qb-desc::placeholder{color:#cbd5e1}.qb-desc:focus::-moz-placeholder,.qb-stem:focus::-moz-placeholder{color:#cbd5e1}.qb-desc:focus::placeholder,.qb-stem:focus::placeholder{color:#cbd5e1}.qb-answer{margin-top:1.5rem}.qb-opts{display:flex;flex-direction:column;gap:.75rem}.qb-opt{display:flex;align-items:center;gap:1rem;min-height:56px;padding:0 .75rem 0 1rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.qb-opt:focus-within{border-color:#695CFF;box-shadow:0 0 0 4px rgb(105 92 255/.12)}.qb-opt__badge{flex:none;display:flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border-radius:.5rem;background:#f1f5f9;color:#64748b;font-size:.875rem;font-weight:500}.qb-opt__badge--box{height:1.5rem;width:1.5rem;border-radius:.375rem;border:2px solid #cbd5e1;background:#fff;margin-inline:.375rem}.qb-opt__badge--radio{border-radius:9999px}.qb-opt__input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:.9375rem;font-weight:500;line-height:1.4;color:#0f172a;padding:.75rem 0}@media (min-width:640px){.qb-opt__input{font-size:1rem}}.qb-opt__input::-moz-placeholder{color:#94a3b8;font-weight:400}.qb-opt__input::placeholder{color:#94a3b8;font-weight:400}.qb-opt__remove{flex:none;display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;border-radius:.5rem;color:#94a3b8;opacity:0;transition:opacity .15s ease,color .15s ease,background-color .15s ease}.qb-opt:focus-within .qb-opt__remove,.qb-opt:hover .qb-opt__remove{opacity:1}.qb-opt__remove:hover{color:#0f172a;background:#f1f5f9}.qb-opt__remove:disabled{opacity:0!important}.qb-opt--ghost{border-style:dashed;color:#64748b;cursor:text}.qb-opt--ghost:hover{border-color:#cbd5e1;background:#f8fafc}.qb-opt--ghost .qb-opt__input{cursor:pointer}.qb-opt--other{border-style:dashed}.qb-opt--other .qb-opt__input{color:#64748b;font-style:italic}.qb-opt-note{margin-top:.75rem;font-size:.75rem;color:#94a3b8;text-align:center}.qb-scale{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.75rem}.qb-scale__tile{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:.75rem;border:2px solid #e2e8f0;font-size:1rem;font-weight:500;color:#334155;background:#fff}.qb-scale__tile--hi{border-color:#695CFF;background:#695CFF;color:#fff}.qb-poles{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.qb-poles input{border:0;background:transparent;outline:none;font-size:.875rem;color:#64748b;padding:.25rem .375rem;border-radius:.375rem;min-width:0;width:45%;transition:background-color .15s ease}.qb-poles input:last-child{text-align:right}.qb-poles input{caret-color:#695CFF;border-bottom:1px dashed transparent;border-radius:0}.qb-poles input:hover{border-bottom-color:#cbd5e1}.qb-poles input:focus{color:#0f172a;border-bottom-color:#695CFF}.qb-poles input::-moz-placeholder{color:#cbd5e1}.qb-poles input::placeholder{color:#cbd5e1}.qb-scale-size{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:#94a3b8}.qb-scale-size .tsf-seg{margin-top:0;width:auto}.qb-scale-size .tsf-seg__opt{min-width:3rem;min-height:1.75rem;font-size:.6875rem}.qb-preview-field{width:100%;border-radius:.5rem;border:1px solid #e2e8f0;background:#f8fafc;color:#94a3b8;font-size:1rem;padding:.875rem 1rem;min-height:3.5rem}.qb-preview-field--tall{min-height:8.75rem}.qb-preview-field--narrow{max-width:16rem;margin-inline:auto;text-align:center;font-size:1.125rem}.qb-preview-hint{margin-top:.5rem;font-size:.75rem;color:#94a3b8}.qb-preview-select{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:3.5rem;border-radius:.75rem;border:2px solid #e2e8f0;padding:0 1rem;color:#94a3b8;font-size:1rem;font-weight:500;margin-bottom:.75rem}.qb-yesno{display:flex;flex-direction:column;gap:.75rem}.qb-yesno__pill{gap:1rem;min-height:56px;padding:0 1rem;border-radius:.75rem;border:2px solid #e2e8f0;font-size:1rem;font-weight:500;color:#334155}.qb-nav,.qb-yesno__pill{display:flex;align-items:center}.qb-nav{justify-content:space-between;gap:.75rem;margin-top:.875rem}.qb-nav__btn{display:inline-flex;align-items:center;gap:.375rem;min-height:2.25rem;padding:0 .75rem;border-radius:.625rem;border:1px solid hsl(var(--border));background:hsl(var(--background));font-size:.8125rem;font-weight:500;color:hsl(var(--tsf-ink));transition:border-color .15s ease,background-color .15s ease}.qb-nav__btn:hover:not(:disabled){border-color:hsl(var(--tsf-accent-bright)/.5);background:hsl(var(--tsf-accent-bright)/.06)}.qb-nav__btn:disabled{opacity:.4;cursor:not-allowed}.qb-nav__btn--primary{color:#fff}.qb-nav__btn--primary,.qb-nav__btn--primary:hover:not(:disabled){border-color:transparent;background:linear-gradient(180deg,hsl(var(--tsf-ink-2)),hsl(var(--tsf-ink)))}.qb-empty{border-radius:1.25rem;border:1px solid hsl(var(--border));background:radial-gradient(60rem 18rem at 50% -6rem,hsl(var(--tsf-accent-bright)/.1),transparent 70%),hsl(var(--background));padding:2.5rem 1.5rem 2rem;box-shadow:0 1px 2px hsl(var(--tsf-ink)/.04)}@media (min-width:900px){.qb-empty{padding:3rem 2.5rem 2.5rem}}.qb-empty__title{font-size:clamp(1.25rem,2vw + .5rem,1.5rem);font-weight:500;letter-spacing:-.015em;color:hsl(var(--tsf-ink))}.qb-empty__sub{margin-top:.375rem;font-size:.9375rem;color:hsl(var(--muted-foreground))}.qb-empty .qb-palette{margin-top:1.5rem;text-align:left}.qb-seg{margin-top:0;width:auto;display:inline-flex}.qb-seg .tsf-seg__opt{flex:0 0 auto;padding-inline:1rem;overflow:visible}.qb-status{font-size:.8125rem;color:hsl(var(--muted-foreground));display:inline-flex;align-items:center;gap:.375rem}.qb-status--ok{color:hsl(var(--tsf-accent))}.qb-status--err{color:hsl(var(--destructive))}