:root{--qb-fg: var(--color-ruul-canvas);--qb-bg: var(--color-ruul-forest-card);--qb-accent: var(--color-ruul-lime);--qb-hint: .6;--qb-edge: .38}[data-tone=light]{--qb-fg: var(--color-ruul-forest-card);--qb-bg: var(--color-ruul-canvas);--qb-accent: var(--color-ruul-forest);--qb-hint: .72;--qb-edge: .5}.qb-logo{display:block;width:58px;height:20px;background:rgb(var(--qb-fg));-webkit-mask:url(/nav/logo-white.svg) no-repeat center / contain;mask:url(/nav/logo-white.svg) no-repeat center / contain}.qb-label{display:block;margin-bottom:6px;font-size:13px;line-height:1.35;color:rgb(var(--qb-fg) / .8)}.qb-column-label{font-size:13px;line-height:1.35;color:rgb(var(--qb-fg) / .8)}.qb-label-note{color:rgb(var(--qb-fg) / var(--qb-hint))}.qb-hint{font-size:12px;line-height:1.45;color:rgb(var(--qb-fg) / var(--qb-hint))}.qb-input{width:100%;min-width:0;height:44px;padding:0 12px;border:1px solid rgb(var(--qb-fg) / var(--qb-edge));border-radius:8px;background:rgb(var(--qb-fg) / .06);color:rgb(var(--qb-fg));font:inherit;font-size:15px;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.qb-input--sm{height:36px;font-size:14px}textarea.qb-input{height:auto;padding:10px 12px;line-height:1.5;resize:none}select.qb-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}select.qb-input option{color:rgb(var(--color-ruul-forest-card))}.qb-input::-moz-placeholder{color:rgb(var(--qb-fg) / var(--qb-hint))}.qb-input::placeholder{color:rgb(var(--qb-fg) / var(--qb-hint))}.qb-input:hover:not(:disabled){border-color:rgb(var(--qb-fg) / .6)}.qb-input:is(:focus-visible,:focus-within){border-color:rgb(var(--qb-accent));box-shadow:0 0 0 3px rgb(var(--qb-accent) / .22)}.qb-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7}[data-tone=light] .qb-input::-webkit-calendar-picker-indicator{filter:none}.qb-affix{display:flex;align-items:center;gap:6px;padding:0 12px}.qb-affix input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:inherit;font:inherit;outline:none}.qb-affix input::-moz-placeholder{color:rgb(var(--qb-fg) / var(--qb-hint))}.qb-affix input::placeholder{color:rgb(var(--qb-fg) / var(--qb-hint))}.qb-affix-select{flex:none;border:0;background:transparent;color:rgb(var(--qb-fg) / .85);font:inherit;font-size:14px;outline:none;cursor:pointer}.qb-affix-select option{color:rgb(var(--color-ruul-forest-card))}.qb-affix-part{flex:none;font-size:14px;color:rgb(var(--qb-fg) / .7)}.qb-input[type=number],.qb-affix input[type=number]{-moz-appearance:textfield}.qb-input[type=number]::-webkit-inner-spin-button,.qb-affix input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.qb-option{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;padding:13px 16px;border:1px solid rgb(var(--qb-fg) / .16);border-radius:10px;background:rgb(var(--qb-fg) / .04);cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.qb-option:hover{border-color:rgb(var(--qb-fg) / .4)}.qb-option:has(input:checked){border-color:rgb(var(--qb-fg));background:rgb(var(--qb-fg));color:rgb(var(--qb-bg))}.qb-option:has(input:focus-visible){box-shadow:0 0 0 3px rgb(var(--qb-accent) / .5)}.qb-option-detail{font-size:13px;color:rgb(var(--qb-fg) / .7)}.qb-option:has(input:checked) .qb-option-detail{color:rgb(var(--qb-bg) / .72)}.qb-marker{grid-row:span 2;width:18px;height:18px;border:1.5px solid currentColor;border-radius:999px;opacity:.7}.qb-option:has(input:checked) .qb-marker{border:5px solid rgb(var(--qb-bg));background:rgb(var(--color-ruul-lime));opacity:1}.qb-option--emoji{grid-template-columns:auto 1fr auto}.qb-option--emoji .qb-option-detail{grid-column:2}.qb-option-emoji{display:grid;grid-row:span 2;width:40px;height:40px;place-items:center;border-radius:12px;background:rgb(var(--qb-fg) / .08);font-size:22px;line-height:1;transition:transform .26s cubic-bezier(.34,1.56,.64,1),background-color .14s ease}.qb-option--emoji:hover .qb-option-emoji{transform:rotate(-8deg) scale(1.08)}.qb-option--emoji:has(input:checked) .qb-option-emoji{background:rgb(var(--color-ruul-lime));transform:rotate(-6deg) scale(1.06)}@media(prefers-reduced-motion:reduce){.qb-option-emoji{transition:none}.qb-option--emoji:hover .qb-option-emoji,.qb-option--emoji:has(input:checked) .qb-option-emoji{transform:none}}.qb-option--tile{display:block;padding:8px;font-size:13px;text-align:center}.qb-layout-thumb{display:flex;flex-direction:column;gap:4px;aspect-ratio:16 / 10;padding:7px;border-radius:6px;background:rgb(var(--color-ruul-canvas) / .92)}.qb-layout-thumb span{display:block;border-radius:2px;background:rgb(var(--color-ruul-forest-card) / .18)}.qb-layout-thumb span:nth-child(1){width:70%;height:12px;background:rgb(var(--color-ruul-forest-card) / .55)}.qb-layout-thumb span:nth-child(2){flex:1}.qb-layout-thumb span:nth-child(3){height:8px;background:rgb(var(--color-ruul-forest) / .35)}.qb-layout-thumb[data-layout=statement]{padding-top:0}.qb-layout-thumb[data-layout=statement] span:nth-child(1){width:auto;height:22px;margin:0 -7px;border-radius:6px 6px 0 0;background:rgb(var(--color-ruul-forest))}.qb-layout-thumb[data-layout=minimal] span:nth-child(1){width:50%;height:8px}.qb-layout-thumb[data-layout=minimal] span:nth-child(3){background:rgb(var(--color-ruul-forest-card) / .55);height:2px}.qb-layout-thumb[data-layout=sidebar]{display:grid;grid-template-columns:30% minmax(0,1fr);grid-template-rows:12px minmax(0,1fr);gap:4px 6px;padding:0 7px 7px 0}.qb-layout-thumb[data-layout=sidebar] span:nth-child(1){grid-column:2;grid-row:1;width:80%;margin-top:7px}.qb-layout-thumb[data-layout=sidebar] span:nth-child(2){grid-column:2;grid-row:2;margin-top:7px}.qb-layout-thumb[data-layout=sidebar] span:nth-child(3){grid-column:1;grid-row:1 / -1;height:auto;margin-bottom:-7px;border-radius:6px 0 0 6px}.qb-option--tile:has(input:checked){border-color:rgb(var(--qb-fg));background:rgb(var(--qb-fg) / .1);color:rgb(var(--qb-fg))}.qb-option--tile .qb-layout-thumb{background:rgb(var(--color-ruul-canvas) / .78)}.qb-option--tile:has(input:checked) .qb-layout-thumb{background:rgb(var(--color-ruul-canvas))}.qb-theme{position:relative;display:block;width:32px;height:32px;border-radius:999px;background:conic-gradient(var(--t-accent) 0 50%,var(--t-second) 0 75%,var(--t-third) 0);box-shadow:inset 0 0 0 4px var(--t-paper),0 0 0 1px rgb(var(--qb-fg) / .25);cursor:pointer}.qb-theme:has(input:checked){box-shadow:inset 0 0 0 4px var(--t-paper),0 0 0 2px rgb(var(--qb-bg)),0 0 0 4px rgb(var(--qb-fg))}.qb-theme:has(input:focus-visible){box-shadow:inset 0 0 0 4px var(--t-paper),0 0 0 2px rgb(var(--qb-bg)),0 0 0 4px rgb(var(--qb-accent))}.qb-theme--custom{--t-paper: transparent;background:conic-gradient(rgb(var(--color-ruul-danger)),rgb(var(--color-ruul-lime)),rgb(var(--color-ruul-success)),rgb(var(--color-ruul-info)),rgb(var(--color-ruul-forest)),rgb(var(--color-ruul-danger)))}#qb-panel-build>.qb-scroll{display:flex;flex-direction:column}#qb-panel-build>.qb-scroll>form{flex:none}#qb-panel-build>.qb-scroll>form[data-step-fill]{display:flex;flex:1 0 auto;flex-direction:column}#qb-panel-build>.qb-scroll>form[hidden]{display:none}.qb-info{display:flex;gap:10px;padding:12px 14px;border:1px solid rgb(var(--qb-fg) / .12);border-radius:10px;background:rgb(var(--qb-fg) / .04);font-size:13px;line-height:1.5;color:rgb(var(--qb-fg) / .72)}.qb-info svg{flex:none;margin-top:2px;color:rgb(var(--qb-fg) / .6)}@media(max-height:760px){.qb-info{padding:8px 12px;font-size:12.5px;line-height:1.4}}.qb-design{display:flex;flex-direction:column;container-type:inline-size}.qb-design-group{display:flex;flex-direction:column;gap:10px;padding:20px 0}.qb-design-group:first-child{padding-top:0}.qb-design-group+.qb-design-group{border-top:1px solid rgb(var(--qb-fg) / .1)}.qb-design .qb-label{margin-bottom:0}.qb-design-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.qb-design-value{font-size:13px;color:rgb(var(--qb-fg) / var(--qb-hint))}.qb-themes{display:grid;grid-template-columns:repeat(8,32px);justify-content:space-between;row-gap:12px}@container (min-width: 600px){.qb-themes{grid-template-columns:repeat(15,32px)}}.qb-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}.qb-setting-label{font-size:14px;color:rgb(var(--qb-fg) / .9)}label.qb-setting{cursor:pointer}.qb-segments{display:inline-flex;flex:none;padding:3px;border-radius:999px;background:rgb(var(--qb-fg) / .08)}.qb-segment{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;font-size:13.5px;color:rgb(var(--qb-fg) / .75);cursor:pointer;transition:background-color .14s ease,color .14s ease}.qb-segment:hover{color:rgb(var(--qb-fg))}.qb-segment:has(input:checked){background:rgb(var(--qb-fg));color:rgb(var(--qb-bg))}.qb-segment:has(input:focus-visible){box-shadow:0 0 0 2px rgb(var(--qb-accent))}.qb-face--serif{font-family:"Hedvig Letters Serif",Georgia,serif}.qb-face--mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}.qb-switch{position:relative;flex:none;width:36px;height:20px;margin:0;border-radius:999px;background:rgb(var(--qb-fg) / .22);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color .14s ease}.qb-switch:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:rgb(var(--qb-fg));transition:transform .14s ease,background-color .14s ease}.qb-switch:checked{background:rgb(var(--qb-accent))}.qb-switch:checked:before{background:rgb(var(--qb-bg));transform:translate(16px)}.qb-switch:focus-visible{outline:2px solid rgb(var(--qb-accent));outline-offset:2px}@media(prefers-reduced-motion:reduce){.qb-segment,.qb-switch,.qb-switch:before{transition:none}}.qb-swatch{position:relative;width:32px;height:32px;border-radius:999px;box-shadow:inset 0 0 0 1px rgb(var(--qb-fg) / .25);cursor:pointer}.qb-swatch[aria-pressed=true]{box-shadow:0 0 0 2px rgb(var(--qb-bg)),0 0 0 4px rgb(var(--qb-fg))}.qb-swatch:focus-visible,.qb-swatch:has(input:focus-visible){outline:none;box-shadow:0 0 0 2px rgb(var(--qb-bg)),0 0 0 4px rgb(var(--qb-accent))}.qb-swatch--custom{overflow:hidden;background:conic-gradient(rgb(var(--color-ruul-danger)),rgb(var(--color-ruul-lime)),rgb(var(--color-ruul-success)),rgb(var(--color-ruul-info)),rgb(var(--color-ruul-forest)),rgb(var(--color-ruul-danger)))}.qb-swatch--custom input{position:absolute;inset:0;opacity:0;cursor:pointer}.qb-chips{display:flex;flex-wrap:wrap;gap:6px}.qb-chip{position:relative;display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid rgb(var(--qb-fg) / var(--qb-edge));border-radius:999px;font-size:14px;color:rgb(var(--qb-fg) / .85);cursor:pointer;transition:background-color .14s ease,color .14s ease}.qb-chip:hover{border-color:rgb(var(--qb-fg) / .7)}.qb-chip:has(input:checked),.qb-chip[aria-pressed=true],.qb-chip[aria-selected=true]{border-color:rgb(var(--qb-fg));background:rgb(var(--qb-fg));color:rgb(var(--qb-bg))}.qb-chip:has(input:focus-visible),.qb-chip:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--qb-accent) / .5)}.qb-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;background:rgb(var(--qb-fg));color:rgb(var(--qb-bg));font-size:14px;white-space:nowrap;transition:background-color .14s ease}.qb-button:hover:not(:disabled){background:rgb(var(--color-ruul-lime))}[data-tone=light] .qb-button:hover:not(:disabled){color:rgb(var(--color-ruul-forest-card))}.qb-button--sm{height:36px;padding:0 14px;font-size:13.5px}@media(max-width:1023px){.qb-button--collapse{width:40px;padding:0}}.qb-button--ghost{border:1px solid rgb(var(--qb-fg) / var(--qb-edge));background:transparent;color:rgb(var(--qb-fg))}.qb-button--ghost:hover:not(:disabled){border-color:rgb(var(--qb-fg));background:rgb(var(--qb-fg) / .08)}.qb-button--quiet{height:auto;padding:0;background:transparent;color:rgb(var(--qb-fg) / .8);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgb(var(--qb-fg) / var(--qb-edge))}.qb-button--quiet:hover:not(:disabled){background:transparent;color:rgb(var(--qb-fg))}.qb-icon-button{display:inline-grid;flex:none;place-items:center;width:36px;height:36px;border-radius:8px;color:rgb(var(--qb-fg) / .75);transition:background-color .14s ease,color .14s ease}.qb-icon-button:hover:not(:disabled){background:rgb(var(--qb-fg) / .1);color:rgb(var(--qb-fg))}:is(.qb-button,.qb-icon-button):disabled{cursor:not-allowed;opacity:.5}:is(.qb-button,.qb-icon-button,.qb-tab,.qb-dot):focus-visible,.qb-button:has(input:focus-visible){outline:none;box-shadow:0 0 0 3px rgb(var(--qb-accent) / .6)}.qb-avatar{display:grid;flex:none;place-items:center;width:2.5rem;height:2.5rem;overflow:hidden;border:1px dashed rgb(var(--qb-fg) / .4);border-radius:999px;color:rgb(var(--qb-fg) / .75);font-size:.8125rem;letter-spacing:.04em}.qb-avatar[data-filled]{border-color:transparent}.qb-avatar[data-wide]{width:auto;max-width:7.5rem;border-radius:.375rem}.qb-avatar img{display:block;max-width:100%;max-height:100%}:is([data-builder],[data-builder-view]) [hidden]{display:none!important}.qb-tabs{display:inline-flex;padding:3px;border-radius:999px;background:rgb(var(--qb-fg) / .08)}.qb-tab{height:30px;padding:0 14px;border-radius:999px;font-size:13.5px;color:rgb(var(--qb-fg) / .75);transition:background-color .14s ease,color .14s ease}@media(max-width:639px){.qb-tab{padding:0 10px}}.qb-tab[aria-selected=true]{background:rgb(var(--qb-fg));color:rgb(var(--qb-bg))}.qb-dot{display:grid;place-items:center;width:24px;height:24px;border-radius:999px}.qb-dot span{width:7px;height:7px;border:1.5px solid rgb(var(--qb-fg) / .6);border-radius:999px;transition:width .2s var(--kinetic-ease),background-color .14s ease}.qb-dot[data-state=done] span{border-color:rgb(var(--qb-fg) / .85);background:rgb(var(--qb-fg) / .85)}.qb-dot[aria-current=step] span{width:20px;border-color:rgb(var(--qb-accent));background:rgb(var(--qb-accent))}.qb-row{display:grid;align-items:start;gap:8px}.qb-row+.qb-row{margin-top:8px}@media(max-height:760px){.qb-input{height:40px}.qb-input--sm{height:34px}textarea.qb-input{height:auto}.qb-chip{height:32px}.qb-option{padding-top:10px;padding-bottom:10px}}@media(prefers-reduced-motion:reduce){.qb-input,.qb-option,.qb-chip,.qb-button,.qb-icon-button,.qb-tab,.qb-dot span{transition:none}}.qd[data-mode=builder] [data-edit]{border-radius:4px;outline:3px dashed transparent;outline-offset:8px;cursor:pointer;transition:outline-color .14s ease}.qd[data-mode=builder] [data-edit]:hover:not(:has([data-edit]:hover)){outline-color:var(--qd-rule)}.qd[data-mode=builder] .qd-mark[data-edit]{border-radius:999px}.qd[data-mode=builder] [data-edit][data-selected]{outline-style:solid;outline-color:var(--qd-soft)}@media(prefers-reduced-motion:reduce){.qd[data-mode=builder] [data-edit]{transition:none}}.qb-desk{background-image:linear-gradient(to right,rgb(var(--qb-fg) / .06) 1px,transparent 1px),linear-gradient(to bottom,rgb(var(--qb-fg) / .06) 1px,transparent 1px);background-position:center;background-size:24px 24px}[data-paper-frame]:not([data-fitted]){visibility:hidden}[data-stage][data-example] [data-stage-hint]{display:none}.qb-sheet{overflow:hidden;border-radius:6px;box-shadow:0 1px 2px rgb(var(--color-ruul-forest-dark) / .35),0 8px 20px -10px rgb(var(--color-ruul-forest-dark) / .9)}[data-paper-frame]{transition:transform var(--kinetic-base) var(--kinetic-ease),box-shadow var(--kinetic-base) var(--kinetic-ease)}.qd[data-mode=builder] [data-edit][data-spotlit]{outline-style:solid;outline-color:var(--qd-second-rule)}.qb-sheet[data-spotlit]{box-shadow:0 0 0 3px rgb(var(--color-ruul-lime)),0 8px 20px -10px rgb(var(--color-ruul-forest-dark) / .9)}.qb-marks{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:multiply}.qb-mark{position:absolute;border-radius:3px;background:var(--qb-mark);opacity:.75}.qb-marks[data-tone=dark]{mix-blend-mode:screen}.qb-marks[data-tone=dark] .qb-mark{opacity:.45}:is(html,[data-stage-viewport])[data-vt]::view-transition-old(root),:is(html,[data-stage-viewport])[data-vt]::view-transition-new(root){animation:none}:is(html,[data-stage-viewport])[data-vt=theme]::view-transition-old(qb-paper),:is(html,[data-stage-viewport])[data-vt=theme]::view-transition-new(qb-paper){animation:none;mix-blend-mode:normal}@media(prefers-reduced-motion:reduce){[data-paper-frame]{transition:none}}#qb-panel-build>.qb-scroll,#qb-panel-design{overflow-x:hidden}.qb-scroll{scrollbar-width:thin;scrollbar-color:rgb(var(--qb-fg) / .22) transparent}.qb-nav-link{display:inline-flex;flex:none;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:8px;color:rgb(var(--qb-fg) / .75);font-size:14px;transition:background-color .14s ease,color .14s ease}.qb-nav-link:hover{background:rgb(var(--qb-fg) / .1);color:rgb(var(--qb-fg))}.qb-nav-link:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--qb-accent) / .6)}@media(max-width:1023px){.qb-nav-link--collapse{justify-content:center;width:36px;padding:0}}@media(max-width:1279px){.qb-nav-link--collapse-xl{justify-content:center;width:36px;padding:0}}.qb-dock-rail{position:absolute;top:0;right:16px;bottom:0;z-index:10;display:none;align-items:center;pointer-events:none}@media(min-width:1024px){.qb-dock-rail{display:flex}}.qb-dock{display:flex;flex-direction:column;align-items:flex-end;gap:6px;width:62px;padding:8px;border:1px solid rgb(var(--color-ruul-canvas) / .1);border-radius:18px;background:rgb(var(--color-ruul-forest-dark) / .92);box-shadow:0 12px 32px -14px rgb(var(--color-ruul-forest-dark));backdrop-filter:blur(12px);pointer-events:auto}.qb-dock-item{position:relative;display:flex;flex-direction:row-reverse;align-items:center;height:44px;padding:2px;border-radius:12px;color:rgb(var(--color-ruul-canvas));white-space:nowrap;transition:background-color .2s ease,box-shadow .2s ease}.qb-dock-icon{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:10px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.qb-dock-name{max-width:0;overflow:hidden;opacity:0;font-size:14px;transition:max-width .26s cubic-bezier(.2,.8,.2,1),padding .26s cubic-bezier(.2,.8,.2,1),opacity .16s ease}.qb-dock-item:is(:hover,:focus-visible){background:rgb(var(--color-ruul-forest-dark));box-shadow:0 0 0 1px rgb(var(--color-ruul-canvas) / .12),0 10px 24px -12px rgb(var(--color-ruul-forest-dark))}.qb-dock-item:is(:hover,:focus-visible) .qb-dock-name{max-width:14rem;padding:0 10px 0 14px;opacity:1}.qb-dock-item:hover .qb-dock-icon{transform:scale(1.06)}.qb-dock-item:focus-visible{outline:2px solid rgb(var(--color-ruul-lime) / .7);outline-offset:2px}.qb-dock-item[aria-current=page]:after{content:"";position:absolute;top:50%;right:-7px;width:4px;height:4px;margin-top:-2px;border-radius:999px;background:rgb(var(--color-ruul-canvas) / .8)}.qb-dock-item[data-tone=lime] .qb-dock-icon{background:rgb(var(--color-ruul-lime));color:rgb(var(--color-ruul-forest-card))}.qb-dock-item[data-tone=canvas] .qb-dock-icon{background:rgb(var(--color-ruul-canvas));color:rgb(var(--color-ruul-forest))}.qb-dock-item[data-tone=forest] .qb-dock-icon{background:rgb(var(--color-ruul-forest));box-shadow:inset 0 0 0 1px rgb(var(--color-ruul-canvas) / .16);color:rgb(var(--color-ruul-lime))}.qb-dock-item[data-tone=success] .qb-dock-icon{background:rgb(var(--color-ruul-success));color:rgb(var(--color-ruul-canvas))}.qb-dock-item[data-tone=info] .qb-dock-icon{background:rgb(var(--color-ruul-info));color:rgb(var(--color-ruul-canvas))}@media(prefers-reduced-motion:reduce){.qb-dock-item,.qb-dock-icon,.qb-dock-name{transition:none}.qb-dock-item:hover .qb-dock-icon{transform:none}}.qb-ai{position:absolute;right:16px;bottom:16px;z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.qb-ai-toggle{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 12px;border:1px solid rgb(var(--color-ruul-canvas) / .14);border-radius:999px;background:rgb(var(--color-ruul-forest-dark));box-shadow:0 8px 20px -10px rgb(var(--color-ruul-forest-dark));color:rgb(var(--color-ruul-canvas));font-size:13px;font-weight:500;white-space:nowrap;transition:background-color .16s ease}.qb-ai-toggle:hover,.qb-ai-toggle[aria-expanded=true]{background:rgb(var(--color-ruul-forest))}.qb-ai-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--color-ruul-lime) / .6)}.qb-ai-panel{display:flex;flex-direction:column;width:min(22rem,calc(100vw - 32px));max-height:min(28rem,70vh);overflow:hidden;border:1px solid rgb(var(--color-ruul-forest-card) / .1);border-radius:16px;background:rgb(var(--color-ruul-canvas));box-shadow:0 24px 48px -20px rgb(var(--color-ruul-forest-dark) / .75);color:rgb(var(--color-ruul-forest-card));transform-origin:bottom right;animation:qb-ai-in .18s cubic-bezier(.2,.8,.2,1)}.qb-ai-panel[hidden]{display:none}@keyframes qb-ai-in{0%{opacity:0;transform:translateY(6px) scale(.98)}}.qb-ai-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 8px 16px;border-bottom:1px solid rgb(var(--color-ruul-forest-card) / .08)}.qb-ai-log{display:flex;flex:1;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;padding:14px 16px;font-size:14px;line-height:1.5;scrollbar-width:thin;scrollbar-color:rgb(var(--color-ruul-forest-card) / .25) transparent}.qb-ai-message{display:flex;flex-direction:column;gap:6px;max-width:88%;padding:9px 12px;border-radius:14px}.qb-ai-message--assistant{align-self:flex-start;border-bottom-left-radius:4px;background:rgb(var(--color-ruul-canvas-muted))}.qb-ai-message--user{align-self:flex-end;border-bottom-right-radius:4px;background:rgb(var(--color-ruul-forest-card));color:rgb(var(--color-ruul-canvas));overflow-wrap:anywhere;white-space:pre-wrap}.qb-ai-changes{display:flex;flex-direction:column;gap:3px}.qb-ai-changes li{position:relative;padding-left:18px}.qb-ai-changes li:before{content:"";position:absolute;top:.42em;left:2px;width:9px;height:5px;border-bottom:2px solid rgb(var(--color-ruul-forest));border-left:2px solid rgb(var(--color-ruul-forest));transform:rotate(-45deg)}.qb-ai-try,.qb-ai-skipped{color:rgb(var(--color-ruul-forest-card) / .78)}.qb-ai-try{font-size:13px}.qb-ai-chips{display:flex;flex-wrap:wrap;gap:6px}.qb-ai-chip{padding:5px 10px;border:1px solid rgb(var(--color-ruul-forest-card) / .16);border-radius:999px;background:rgb(var(--color-ruul-canvas));font-size:13px;text-align:left;transition:border-color .14s ease,background-color .14s ease}.qb-ai-chip:hover{border-color:rgb(var(--color-ruul-forest-card) / .35)}.qb-ai-undo{align-self:flex-start;font-size:13px;text-decoration:underline;text-decoration-color:rgb(var(--color-ruul-forest-card) / .35);text-underline-offset:3px}.qb-ai-undo:hover{text-decoration-color:rgb(var(--color-ruul-forest-card))}:is(.qb-ai-chip,.qb-ai-undo,.qb-ai-send):focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--color-ruul-forest) / .35)}.qb-ai-form{display:flex;align-items:flex-end;gap:6px;margin:4px 12px 12px;padding:4px 4px 4px 12px;border:1px solid rgb(var(--color-ruul-forest-card) / .14);border-radius:14px;background:rgb(var(--color-ruul-canvas-muted));transition:border-color .14s ease,box-shadow .14s ease}.qb-ai-form:focus-within{border-color:rgb(var(--color-ruul-forest));box-shadow:0 0 0 3px rgb(var(--color-ruul-forest) / .15)}.qb-ai-input{flex:1;min-width:0;min-height:32px;max-height:120px;padding:6px 0;overflow-y:hidden;border:0;background:transparent;color:rgb(var(--color-ruul-forest-card));font-size:14px;line-height:20px;outline:none;resize:none}.qb-ai-input::-moz-placeholder{color:rgb(var(--color-ruul-forest-card) / .6)}.qb-ai-input::placeholder{color:rgb(var(--color-ruul-forest-card) / .6)}.qb-ai-send{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:10px;background:rgb(var(--color-ruul-forest-card));color:rgb(var(--color-ruul-canvas));transition:background-color .14s ease}.qb-ai-send:hover{background:rgb(var(--color-ruul-forest))}.qb-ai-message--waiting{animation:qb-ai-wait .9s ease-in-out infinite alternate}@keyframes qb-ai-wait{0%{opacity:.55}}.qb-ai-form[aria-busy=true] .qb-ai-send{opacity:.45;pointer-events:none}.qb-ai-form:has(+.qb-ai-notice){margin-bottom:6px}.qb-ai-notice{margin:0 16px 12px;color:rgb(var(--color-ruul-forest-card) / .72);font-size:12px;line-height:1.45}@media(max-width:1023px){.qb-ai-panel{position:fixed;right:12px;bottom:12px;left:12px;z-index:50;width:auto;max-height:70dvh}}@media(prefers-reduced-motion:reduce){.qb-ai-panel,.qb-ai-message--waiting{animation:none}.qb-ai-toggle,.qb-ai-chip,.qb-ai-send{transition:none}}.qb-drawer{inset:0 0 0 auto;width:min(44rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:hidden;border:0;background:rgb(var(--color-ruul-canvas));color:rgb(var(--color-ruul-forest-card))}.qb-drawer--wide{width:min(68rem,100vw)}.qb-drawer::backdrop{background:rgb(var(--color-ruul-forest-dark) / .6)}.qb-drawer[open]{animation:qb-drawer-in .32s cubic-bezier(.22,1,.36,1)}.qb-drawer[open]::backdrop{animation:qb-fade-in .32s ease-out}.qb-drawer[data-closing]{animation:qb-drawer-out .22s cubic-bezier(.4,0,1,1) forwards}.qb-drawer[data-closing]::backdrop{animation:qb-fade-out .22s ease-in forwards}@keyframes qb-drawer-in{0%{transform:translate(100%)}}@keyframes qb-drawer-out{to{transform:translate(100%)}}@keyframes qb-fade-in{0%{opacity:0}}@keyframes qb-fade-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.qb-drawer[open],.qb-drawer[open]::backdrop,.qb-drawer[data-closing],.qb-drawer[data-closing]::backdrop{animation:none}}.qb-drawer-body{scrollbar-width:thin;scrollbar-color:rgb(var(--color-ruul-forest-card) / .25) transparent}.qb-drawer-body:focus-visible{outline:none;box-shadow:inset 0 0 0 3px rgb(var(--color-ruul-forest) / .35)}.qb-article.prose{--tw-prose-body: rgb(var(--color-ruul-forest-card) / .78);--tw-prose-headings: rgb(var(--color-ruul-forest-card));--tw-prose-lead: rgb(var(--color-ruul-forest-card) / .78);--tw-prose-links: rgb(var(--color-ruul-forest-card));--tw-prose-bold: rgb(var(--color-ruul-forest-card));--tw-prose-counters: rgb(var(--color-ruul-forest-card) / .78);--tw-prose-bullets: rgb(var(--color-ruul-forest-card) / .3);--tw-prose-hr: rgb(var(--color-ruul-forest-card) / .1);--tw-prose-quotes: rgb(var(--color-ruul-forest-card));--tw-prose-quote-borders: rgb(var(--color-ruul-forest-card) / .2);--tw-prose-th-borders: rgb(var(--color-ruul-forest-card) / .2);--tw-prose-td-borders: rgb(var(--color-ruul-forest-card) / .1);--tw-prose-captions: rgb(var(--color-ruul-forest-card) / .78);color:rgb(var(--color-ruul-forest-card) / .78)}.qb-article.prose figure img{border-radius:16px;box-shadow:0 0 0 1px rgb(var(--color-ruul-forest-card) / .1)}.qb-article.prose table{font-size:14px;line-height:1.45}.qb-article.prose th,.qb-article.prose td{vertical-align:top}.qb-article.prose tbody th{padding:.5714286em .5714286em .5714286em 0;color:rgb(var(--color-ruul-forest-card));font-weight:600}.qb-article.prose a{font-weight:inherit;text-decoration-color:rgb(var(--color-ruul-forest-card) / .3);text-decoration-thickness:1px;text-underline-offset:3px}.qb-article.prose a:hover{text-decoration-color:rgb(var(--color-ruul-forest-card))}.qb-article.prose a:focus-visible{border-radius:2px;outline:2px solid rgb(var(--color-ruul-forest));outline-offset:2px}.qb-dialog{color:rgb(var(--color-ruul-forest-card))}.qb-dialog::backdrop{background:rgb(var(--color-ruul-forest-dark) / .7)}.qb-dialog-muted{color:rgb(var(--color-ruul-forest-card) / .78)}.qb-dialog-input{width:100%;min-width:0;height:48px;padding:0 12px;border:1px solid rgb(var(--color-ruul-forest-card) / .14);border-radius:6px;background:rgb(var(--color-ruul-canvas-muted));color:rgb(var(--color-ruul-forest-card));font-size:15px;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.qb-dialog-input--sm{height:40px;font-size:14px}.qb-dialog-input::-moz-placeholder{color:rgb(var(--color-ruul-forest-card) / .6)}.qb-dialog-input::placeholder{color:rgb(var(--color-ruul-forest-card) / .6)}.qb-dialog-input:hover:not(:disabled){border-color:rgb(var(--color-ruul-forest-card) / .35)}.qb-dialog-input:is(:focus-visible,:focus-within){border-color:rgb(var(--color-ruul-forest));box-shadow:0 0 0 3px rgb(var(--color-ruul-forest) / .2)}.qb-dialog-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border:1px solid transparent;border-radius:6px;background:rgb(var(--color-ruul-forest-card));color:rgb(var(--color-ruul-canvas));font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .14s ease}.qb-dialog-button:hover:not(:disabled){background:rgb(var(--color-ruul-forest))}.qb-dialog-button--ghost{border-color:rgb(var(--color-ruul-forest-card) / .25);background:transparent;color:rgb(var(--color-ruul-forest-card))}.qb-dialog-button--ghost:hover:not(:disabled){background:rgb(var(--color-ruul-forest-card) / .06)}.qb-dialog-button:focus-visible,.qb-dialog-icon:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--color-ruul-forest) / .35)}.qb-dialog-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;color:rgb(var(--color-ruul-forest-card) / .78)}.qb-dialog-icon:hover{background:rgb(var(--color-ruul-forest-card) / .06);color:rgb(var(--color-ruul-forest-card))}@media(prefers-reduced-motion:reduce){.qb-dialog-button,.qb-dialog-input{transition:none}}