/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-space-x-reverse:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--fade-l:0px;--fade-r:0px}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--spacing:.25rem;--container-lg:32rem;--text-xs--line-height:calc(1 / .75);--text-sm--line-height:calc(1.25 / .875);--text-base--line-height:calc(1.5 / 1);--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-widest:.1em;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:Onest,system-ui,sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--background);min-height:100dvh;color:var(--foreground);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.2}h1{font-size:28px}h2{font-size:20px}h3,h4{letter-spacing:-.01em;font-size:16px}p{text-wrap:pretty;line-height:1.6}small{font-size:14px}a{color:inherit;text-decoration:none}img,video,svg{max-width:100%;display:block}svg{stroke-width:1.8px;flex-shrink:0}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}::selection{background:#f2f2f433}kbd{height:22px;font:500 14px/1 var(--font);color:var(--muted-foreground);border:1px solid var(--border);white-space:nowrap;border-radius:6px;align-items:center;padding:0 6px;display:inline-flex}input::placeholder,textarea::placeholder{color:var(--muted-foreground);opacity:1}[hidden]{display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-4{right:calc(var(--spacing) * 4)}.left-2{left:calc(var(--spacing) * 2)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:var(--spacing)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing) * 2)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-px{height:1px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.w-2{width:calc(var(--spacing) * 2)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-9{width:calc(var(--spacing) * 9)}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.min-w-\[8rem\]{min-width:8rem}.shrink-0{flex-shrink:0}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.place-content-center{place-content:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-md{border-radius:12px}.rounded-sm{border-radius:8px}.border{border-style:var(--tw-border-style);border-width:1px}.border-input{border-color:var(--border)}.border-primary{border-color:var(--foreground)}.bg-background{background-color:var(--background)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-destructive{background-color:var(--tap)}.bg-muted{background-color:var(--secondary)}.bg-popover{background-color:var(--card)}.bg-primary{background-color:var(--foreground)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.p-1{padding:var(--spacing)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-base{font-size:16px;line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:20px;line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:14px;line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:14px;line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-destructive-foreground{color:var(--background)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground,.text-primary{color:var(--foreground)}.text-primary-foreground{color:var(--background)}.text-secondary-foreground{color:var(--foreground)}.underline-offset-4{text-underline-offset:4px}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:14px;line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--tap)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--tap) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--foreground) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--foreground)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--foreground)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--foreground)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--background)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:calc(1 / 2*-100%)}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:calc(48%*-1)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:calc(1 / 2*-100%)}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:calc(48%*-1)}@media (width>=40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:16px}.sm\:text-left{text-align:left}}@media (width>=48rem){.md\:text-sm{font-size:14px;line-height:var(--tw-leading,var(--text-sm--line-height))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}}@layer ui{.container{width:min(100% - var(--gutter)*2,var(--page-max));max-width:none;min-height:60vh;margin-inline:auto;padding-top:40px}@media (width<=760px){.container{padding-top:24px}}.page-head,.section-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:28px;display:flex}.page-head>div:first-child,.section-title>div:first-child{flex:320px;min-width:0}.page-head h1,.section-title h1{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:40px;line-height:1.1}@media (width<=760px){.page-head h1,.section-title h1{letter-spacing:-.03em;font-size:28px;line-height:1.15}}.section-title h2{font-size:20px}.page-head p,.section-title p{max-width:640px;color:var(--muted-foreground);margin-top:8px;font-size:16px}.eyebrow{color:var(--muted-foreground);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.quiet{color:var(--muted-foreground);font-size:14px}.danger{color:var(--tap)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button,.btn{height:var(--h);min-height:var(--h);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.button:hover,.btn:hover{background:var(--secondary);border-color:var(--border-strong);color:var(--foreground)}.button:active,.btn:active{transform:scale(.98)}.button.primary,.btn-primary{background:var(--foreground);color:var(--background);border-color:#0000}.button.primary:hover,.btn-primary:hover{background:var(--primary-hover);color:var(--background)}.button.ghost,.btn-ghost{border-color:#0000}.button.danger,.btn-danger{color:var(--tap)}.button.compact,.button.small,.btn-sm{height:var(--h-sm);min-height:var(--h-sm);border-radius:10px;padding:0 12px}.btn-lg{height:var(--h-lg);min-height:var(--h-lg);border-radius:14px;padding:0 22px;font-size:16px}.button:disabled,.btn:disabled,.button[aria-disabled=true]{opacity:.45;cursor:default;transform:none}.button:disabled:hover,.btn:disabled:hover{border-color:var(--border);background:0 0}.button.primary:disabled:hover,.btn-primary:disabled:hover{background:var(--foreground)}.button svg,.btn svg{width:17px;height:17px}.icon-button{width:var(--h);height:var(--h);border-radius:var(--radius-md);color:var(--foreground);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.icon-button:hover{background:var(--secondary)}.icon-button:disabled{opacity:.45;cursor:default;background:0 0}.icon-button.outlined{border:1px solid var(--border)}.icon-button.is-liked{color:var(--foreground)}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.text-button,.back-link{min-height:var(--h);color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:14px;transition:color .15s;display:inline-flex}.text-button:hover,.back-link:hover{color:var(--foreground)}.back-link{margin-bottom:8px}.load-more{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:40px;font-size:14px;display:flex}.field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field>label,.field-label{color:var(--foreground);font-size:14px;font-weight:500}.field small,.field-hint{color:var(--muted-foreground);font-size:14px}.form-error{color:var(--tap);margin:12px 0;font-size:14px}.input,input.input,select,textarea,input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number]{width:100%;min-width:0;height:var(--h);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--foreground);appearance:none;outline:none;padding:0 14px;font-size:16px;line-height:1.3;transition:border-color .15s,background-color .15s}textarea{resize:vertical;height:auto;min-height:96px;padding:12px 14px;line-height:1.5}select{cursor:pointer;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239a9aa2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}:is(.input,select,textarea,input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number]):hover{border-color:var(--border-strong)}:is(.input,select,textarea,input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number]):focus,:is(.input,select,textarea,input):focus-visible{background-color:var(--secondary);border-color:#55555d;outline:none}:is(.input,select,textarea,input)[aria-invalid=true]{border-color:var(--tap)}input[type=search]::-webkit-search-cancel-button{appearance:none}@media (width>=761px) and (pointer:fine){.input,select,input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number]{font-size:14px}}.check{border:1px solid var(--muted-foreground);width:20px;height:20px;color:var(--background);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.check[data-state=checked]{background:var(--foreground);border-color:var(--foreground)}.check svg{stroke-width:2.6px;width:14px;height:14px}.page-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;white-space:nowrap;align-items:stretch;gap:28px;margin:0 0 24px;display:flex;overflow:auto hidden}.page-tabs::-webkit-scrollbar{display:none}.page-tabs>button,.page-tabs>a{height:48px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:0;font-size:16px;font-weight:500;transition:color .15s;display:inline-flex;position:relative}.page-tabs>button:hover,.page-tabs>a:hover,.page-tabs>button.active,.page-tabs>button[aria-selected=true],.page-tabs>a.active{color:var(--foreground)}.page-tabs>button.active:after,.page-tabs>button[aria-selected=true]:after,.page-tabs>a.active:after{content:"";background:var(--foreground);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}@media (width<=760px){.page-tabs{margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);gap:20px}.page-tabs>button,.page-tabs>a{height:44px;font-size:15px}}.segmented{border-radius:var(--radius-md);background:var(--secondary);align-items:center;gap:2px;padding:3px;display:inline-flex}.segmented>button{height:var(--h-sm);color:var(--muted-foreground);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}.segmented>button:hover{color:var(--foreground)}.segmented>button.active{background:var(--accent);color:var(--foreground);box-shadow:0 1px 2px #0006}.chip{height:var(--h-sm);border:1px solid var(--border);color:var(--muted-foreground);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.chip:hover{color:var(--foreground);border-color:var(--border-strong)}.chip.active{background:var(--foreground);color:var(--background);border-color:#0000}.chip-row{scrollbar-width:none;gap:8px;margin-bottom:24px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}@media (width<=760px){.chip-row{margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter)}}.chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.avatar{background:var(--accent);width:32px;height:32px;color:var(--foreground);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.profile-menu,.facet-menu,.menu{z-index:90;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);min-width:220px;max-height:min(460px,70dvh);color:var(--foreground);box-shadow:var(--shadow-lg);padding:6px;overflow:auto}.profile-menu{width:280px}:is(.profile-menu,.facet-menu,.menu) [role^=menuitem],.facet-option{min-height:var(--h);color:var(--foreground);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;outline:none;align-items:center;gap:10px;padding:0 12px;font-size:14px;display:flex;position:relative}:is(.profile-menu,.facet-menu,.menu) [role^=menuitem] svg{width:17px;height:17px;color:var(--muted-foreground)}:is(.profile-menu,.facet-menu,.menu) [role^=menuitem]>svg:last-child:not(:first-child){color:var(--foreground);margin-left:auto}:is(.profile-menu,.facet-menu,.menu) [role^=menuitem][data-highlighted],.facet-option[data-highlighted]{background:var(--secondary)}:is(.profile-menu,.facet-menu,.menu) [role^=menuitem][data-disabled]{opacity:.45;pointer-events:none}:is(.profile-menu,.facet-menu,.menu) [role^=menuitem].danger,:is(.profile-menu,.facet-menu,.menu) [role^=menuitem].danger svg{color:var(--tap)}:is(.profile-menu,.facet-menu,.menu) [role=separator]{background:var(--border);height:1px;margin:6px -6px}.menu-label,:is(.profile-menu,.facet-menu,.menu)>div:not([role]){color:var(--muted-foreground);padding:8px 12px 4px;font-size:14px}.profile-menu-head{color:var(--foreground);align-items:center;gap:12px;padding:4px 0 6px;display:flex}.profile-menu-head>div{min-width:0}.profile-menu-head strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.profile-menu-head small{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.toast{z-index:200;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);width:max-content;max-width:calc(100% - 32px);box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:12px 18px;font-size:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading{min-height:240px;color:var(--muted-foreground);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;padding:48px 24px;display:flex}.empty>svg{width:32px;height:32px;color:var(--muted-foreground);margin-bottom:4px}.empty h1,.empty h2{font-size:20px}.empty p{max-width:420px;color:var(--muted-foreground)}.empty>.button,.empty>.btn,.empty>a.button{margin-top:8px}.skeleton{border-radius:var(--radius-lg);background:var(--secondary);animation:1.6s ease-in-out infinite ui-skeleton-pulse}.modal-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.modal-head h2{font-size:20px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;display:flex}@media (width<=460px){.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions>.button{width:100%}}@media (width<=760px){@supports (animation-timeline:scroll()){.page-tabs,.facet-bar,.chip-row{--fade-r:28px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%);animation:linear both scroller-fade-l,linear both scroller-fade-r;animation-timeline:scroll(self inline),scroll(self inline)}}}.facet-bar{align-items:center;gap:8px;margin:0 0 28px;display:flex}.facet-spacer{flex:auto}.facet{flex-shrink:0;display:flex;position:relative}.facet-trigger{height:var(--h-sm);border:1px solid var(--border);max-width:260px;color:var(--foreground);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 14px;font-size:14px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.facet-trigger span{text-overflow:ellipsis;overflow:hidden}.facet-trigger svg{width:16px;height:16px;color:var(--muted-foreground)}.facet-trigger:hover,.facet-trigger[data-state=open]{background:var(--secondary);border-color:var(--border-strong)}.facet-trigger:disabled{opacity:.45;cursor:default;background:0 0}.facet.is-set .facet-trigger{background:var(--foreground);color:var(--background);border-color:#0000;padding-right:38px}.facet.is-set .facet-trigger svg{display:none}.facet-clear{width:34px;height:var(--h-sm);color:var(--background);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:0;right:2px}.facet-clear:hover{background:#0000001f}.facet-icon{width:var(--h-sm);justify-content:center;padding:0}.sort-trigger{border-color:#0000;padding-left:10px}.facet-reset{height:var(--h-sm);color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0 6px;font-size:14px}.facet-reset:hover{color:var(--foreground)}.facet-option>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.facet-option small{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:14px}@media (width<=760px){.facet-bar{scrollbar-width:none;margin:0 calc(var(--gutter)*-1) 20px;padding:2px var(--gutter);overflow-x:auto}.facet-bar::-webkit-scrollbar{display:none}.facet-spacer{display:none}}.modal{z-index:60;overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);width:calc(100% - 48px);max-width:640px;max-height:calc(100dvh - 64px);color:var(--foreground);box-shadow:var(--shadow-lg);gap:0;margin:0;padding:0;display:block;position:fixed;top:50%;left:50%;overflow:auto;translate:-50% -50%}.modal>button:last-child{display:none}.modal:focus,.modal:focus-visible{outline:none}.modal-content{flex-direction:column;height:100%;min-height:0;display:flex}.small-modal,.filter-modal{max-width:480px;padding:24px}@media (width<=760px){.modal:is(.small-modal,.filter-modal,.col-upload-modal,.style-detail-modal){width:100%;max-width:none;max-height:calc(100dvh - 40px);padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-bottom:0;border-radius:20px 20px 0 0;inset:auto 0 0;translate:none}.modal:is(.small-modal,.filter-modal,.col-upload-modal,.style-detail-modal):before{content:"";background:var(--accent);border-radius:2px;width:36px;height:4px;margin:-8px auto 12px;display:block}}.small-modal :is(.modal-content,.modal-content>form)>h2{overflow-wrap:anywhere;margin-bottom:8px;padding-right:8px;font-size:20px;line-height:1.3}.small-modal :is(.modal-content,.modal-content>form)>p{color:var(--muted-foreground);font-size:14px;line-height:1.6}.small-modal :is(.modal-content,.modal-content>form)>p+p{margin-top:8px}.small-modal :is(.modal-content,.modal-content>form)>p+:is(label,.field,input,ul){margin-top:20px}.small-modal :is(.modal-content,.modal-content>form)>label{margin-bottom:8px;font-size:14px;font-weight:500;display:block}.small-modal :is(.modal-content,.modal-content>form)>ul{color:var(--muted-foreground);margin:16px 0 0;padding-left:18px;font-size:14px;line-height:1.6}.small-modal .modal-content>form>.button:last-child{margin:20px 0 0 auto;display:flex}.menu-lang{gap:4px;padding:2px 2px 4px;display:flex}.profile-menu .menu-lang [role=menuitem]{min-height:var(--h-sm);border:1px solid var(--border);color:var(--muted-foreground);border-radius:9px;flex:1;justify-content:center;padding:0 8px;font-size:14px}.profile-menu .menu-lang [role=menuitem].is-active{background:var(--accent);color:var(--foreground);border-color:#0000}.topbar{z-index:40;-webkit-backdrop-filter:saturate(1.4)blur(18px);border-bottom:1px solid var(--border);background:#0e0e10e0;position:sticky;top:0}.topbar-in{width:min(100% - var(--gutter)*2,var(--page-max));height:var(--header-h);align-items:center;gap:24px;margin-inline:auto;display:flex}.topbar-brand{height:var(--h);letter-spacing:-.045em;white-space:nowrap;color:var(--foreground);align-items:center;font-size:20px;font-weight:600;display:inline-flex}.topbar-nav{align-items:center;gap:2px;margin-left:-8px;display:flex}.topbar-nav a{height:var(--h-sm);color:var(--muted-foreground);white-space:nowrap;border-radius:10px;align-items:center;padding:0 12px;font-size:14px;font-weight:500;transition:color .15s,background-color .15s;display:inline-flex}.topbar-nav a:hover{color:var(--foreground)}.topbar-nav a.active{background:var(--secondary);color:var(--foreground)}.search-trigger{max-width:560px;height:var(--h);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--muted-foreground);cursor:text;flex:auto;align-items:center;gap:10px;margin-inline:auto;padding:0 6px 0 14px;font-size:14px;transition:border-color .15s,background-color .15s;display:flex}.search-trigger:hover{border-color:var(--border-strong);background:var(--secondary)}.search-trigger>span{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.search-trigger-scan{box-sizing:content-box;border-left:1px solid var(--border);width:18px;height:18px;margin-right:6px;padding-left:10px}.topbar-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.topbar-search{display:none}.topbar-login{margin-right:4px}.profile-trigger{height:var(--h);border-radius:var(--radius-md);color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 6px;transition:background-color .15s;display:inline-flex}.profile-trigger:hover,.profile-trigger[data-state=open]{background:var(--secondary)}.profile-guest{width:32px;height:32px;color:var(--foreground);justify-content:center;align-items:center;display:inline-flex}@media (width<=1100px){.topbar-in{gap:16px}.search-trigger kbd{display:none}}@media (width<=760px){.topbar-in{gap:8px}.topbar-brand{margin-right:4px;font-size:18px}.topbar-nav{margin-left:0}.topbar-nav a{height:34px;padding:0 10px}.search-trigger{display:none}.topbar-search{display:inline-flex}.topbar-saved,.topbar-login,.profile-chevron{display:none}.profile-trigger{padding:0 6px}}@media (width<=359px){.topbar-brand{display:none}}.network-banner{top:var(--header-h);z-index:35;padding:10px var(--gutter);background:var(--secondary);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex;position:sticky}.site-footer{border-top:1px solid var(--border);margin-top:120px}.site-footer-in{width:min(100% - var(--gutter)*2,var(--page-max));color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:12px 32px;margin-inline:auto;padding:28px 0 36px;display:flex}.site-footer nav{flex-wrap:wrap;gap:4px 24px;font-size:14px;display:flex}.site-footer nav a{align-items:center;min-height:32px;transition:color .15s;display:inline-flex}.site-footer nav a:hover{color:var(--foreground)}.site-footer small{margin-left:auto}@media (width<=760px){.site-footer{margin-top:80px}.site-footer-in{flex-direction:column;align-items:flex-start;gap:12px;padding:24px 0 32px}.site-footer small{margin-left:0}}.grid-shots{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));grid-auto-flow:dense;align-items:start;gap:36px 24px;display:grid}.grid-shots.is-web{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.grid-shots.is-web .shot.is-wide{grid-column:auto}.grid-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;display:grid}@media (width<=1100px){.grid-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-shots{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}}@media (width<=760px){.grid-shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.grid-shots.is-web{grid-template-columns:1fr}.grid-tiles{gap:32px 16px}}@media (width<=600px){.grid-tiles{grid-template-columns:1fr}}.shot{min-width:0;position:relative}.shot.is-wide{grid-column:span 2}@media (width<=760px){.grid-shots:not(.is-web) .shot.is-wide{grid-column:1/-1}}.shot-media{aspect-ratio:9/19.5;border-radius:var(--radius-lg);background:var(--card);isolation:isolate;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.shot.is-wide .shot-media{aspect-ratio:16/10}.shot-open{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.shot-media img,.shot-media video{object-fit:contain;object-position:center top;width:100%;height:100%}.shot.is-wide .shot-media img{object-fit:cover}.shot-open img{transition:transform .35s var(--motion-ease-out,ease),opacity .2s}@media (hover:hover){.shot-open:hover img{transform:scale(1.015)}}.shot.is-selected .shot-media{box-shadow:0 0 0 2px var(--foreground)}.shot-check{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0e1099;border-color:#ffffffb3;width:24px;height:24px;position:absolute;top:10px;left:10px}.shot-check:after{content:"";position:absolute;inset:-10px}.shot-actions{z-index:2;opacity:0;pointer-events:none;gap:6px;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:8px;left:8px;right:8px;transform:translateY(4px)}.shot-media:hover .shot-actions,.shot-actions:focus-within{opacity:1;pointer-events:auto;transform:none}@media (hover:none){.shot-actions{display:none}}.shot-action{min-width:0;height:var(--h-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--foreground);white-space:nowrap;cursor:pointer;background:#0e0e10d9;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:500;transition:background-color .15s;display:inline-flex}.shot-action span{text-overflow:ellipsis;overflow:hidden}.shot-action:hover{background:#26262bf0}.shot-action.is-icon{flex:0 0 var(--h-sm);padding:0}.shot-action.is-on{color:var(--foreground)}.shot-caption{flex-direction:column;gap:1px;min-width:0;padding-top:10px;font-size:14px;line-height:1.4;display:flex}.shot-caption>a,.shot-caption>strong{max-width:100%;color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;align-self:flex-start;font-weight:500;overflow:hidden}.shot-caption>a:hover{text-underline-offset:3px;text-decoration:underline}.shot-caption small{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-tile .shot-media video{opacity:0;transition:opacity .25s;position:absolute;inset:0}.video-tile .shot-media video.is-ready{opacity:1}.video-toggle{z-index:1;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:absolute;inset:0}.video-toggle span{width:44px;height:44px;color:var(--foreground);background:#0e0e10cc;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tile-meta{align-items:center;gap:12px;min-width:0;padding-top:14px;display:flex}.tile-icon{border:1px solid var(--border);object-fit:cover;background:var(--card);border-radius:11px;flex:none;width:40px;height:40px}.tile-text{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.tile-text>a,.tile-text>strong{letter-spacing:-.01em;color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.tile-text>a:hover{text-underline-offset:3px;text-decoration:underline}.tile-text>small{color:var(--muted-foreground);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.tile-meta>.icon-button{color:var(--muted-foreground);margin-right:-8px}.tile-meta>.icon-button:hover,.tile-meta>.icon-button.is-liked{color:var(--foreground)}.tile-badge{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:28px;color:var(--foreground);background:#0e0e10cc;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:500;display:inline-flex;position:absolute;top:12px;right:12px}.app-tile{min-width:0}.app-tile-cover{--tone:#23232a;aspect-ratio:18/25;border-radius:var(--radius-xl);background:var(--tone);isolation:isolate;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.app-tile-cover:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(90% 60% at 50% 105%,#0e0e1080,#0e0e1000 70%),radial-gradient(70% 50% at 50% -10%,#ffffff14,#fff0 70%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff12}.app-tile-ambient{z-index:-2;object-fit:cover;filter:blur(64px)saturate(1.9);opacity:.5;pointer-events:none;width:62%;height:78%;transition:scale .3s;animation:.45s both app-ambient-in;position:absolute;top:50%;left:50%;translate:-50% -54%}@keyframes app-ambient-in{0%{opacity:0}}.app-tile-link{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.app-tile-stack{aspect-ratio:9/19.5;max-width:86%;height:86%;transition:transform .25s var(--motion-ease-out,ease),box-shadow .25s;background:#ffffff0d;border-radius:clamp(14px,1.7vw,22px);display:grid;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 18px 40px #0009}.app-tile-shot{object-fit:cover;object-position:top;opacity:0;grid-area:1/1;width:100%;height:100%;transition:opacity .12s linear}.app-tile-shot.is-current{opacity:1}.app-tile-stack.is-placeholder{box-shadow:none;animation:1.6s ease-in-out infinite ui-skeleton-pulse}.app-tile.is-web .app-tile-cover{aspect-ratio:7/5}.app-tile.is-web .app-tile-stack{aspect-ratio:16/10;border-radius:12px;width:88%;max-width:none;height:auto}.app-tile.is-web .app-tile-ambient{width:80%;height:60%}.app-tile-progress{z-index:2;opacity:0;gap:4px;width:min(200px,60%);transition:opacity .2s;display:flex;position:absolute;bottom:10px;left:50%;translate:-50%}.app-tile-progress button{cursor:pointer;background:0 0;border:0;flex:1;align-items:center;height:20px;padding:0;display:flex}.app-tile-progress span{background:#ffffff47;border-radius:2px;width:100%;height:3px;transition:background-color .12s linear;display:block;box-shadow:0 0 3px #0005}.app-tile-progress button.is-current span{background:#fff}@media (hover:hover){.app-tile-cover:hover .app-tile-stack{transform:scale(1.025);box-shadow:0 0 0 1px #ffffff14,0 12px 34px #000000a6}.app-tile-cover:hover .app-tile-ambient{scale:1.12}.app-tile-cover:hover .app-tile-progress,.app-tile-cover:focus-within .app-tile-progress{opacity:1}}@media (hover:none){.app-tile-progress{opacity:1;bottom:6px}.app-tile-progress button{height:28px}}@media (prefers-reduced-motion:reduce){.app-tile-cover:hover .app-tile-stack{transform:none}.app-tile-shot{transition:none}}.flow-tile{min-width:0}.flow-cover{aspect-ratio:7/5;border-radius:var(--radius-lg);background:var(--card);isolation:isolate;cursor:pointer;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.flow-page{aspect-ratio:9/19.5;background:var(--secondary);width:34%;transition:transform .3s var(--motion-ease-out,ease);border-radius:clamp(10px,1.2vw,16px);position:absolute;top:9%;left:50%;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}.flow-page img,.flow-page video{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.flow-page video{opacity:0;transition:opacity .25s}.flow-page video.is-ready{opacity:1}.flow-page-0{z-index:3;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff1a,0 16px 40px #000a}.flow-page-1{z-index:2;opacity:.55;width:28%;top:17%;transform:translate(18%)}.flow-page-2{z-index:1;opacity:.55;width:28%;top:17%;transform:translate(-118%)}@media (hover:hover){.flow-cover:hover .flow-page-0{transform:translate(-50%,-6px)}.flow-cover:hover .flow-page-1{transform:translate(24%)rotate(2deg)}.flow-cover:hover .flow-page-2{transform:translate(-124%)rotate(-2deg)}}.flow-tile.is-web .flow-page{aspect-ratio:16/10;border-radius:10px;width:80%;top:auto;bottom:-2%}.flow-tile.is-web .flow-page-0{bottom:-6%}.flow-tile.is-web .flow-page-1{opacity:.6;width:72%;bottom:8%;transform:translate(-50%)}.flow-tile.is-web .flow-page-2{opacity:.35;width:64%;bottom:20%;transform:translate(-50%)}@media (hover:hover){.flow-tile.is-web .flow-cover:hover .flow-page-1,.flow-tile.is-web .flow-cover:hover .flow-page-2{transform:translate(-50%)}}.flow-cover-empty{color:var(--muted-foreground);justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}}@layer legacy{@keyframes spin{to{transform:rotate(360deg)}}.index-preview{z-index:4;object-fit:contain;pointer-events:none;width:160px;max-height:310px;box-shadow:var(--shadow-lg);border-radius:12px;position:absolute;top:80px;right:20px}.count{background:var(--accent);border-radius:5px;padding:0 5px;font-size:14px}.app-icon{object-fit:contain;width:34px;height:34px;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0}.load-more small{color:var(--muted-foreground)}.home-flows{margin-top:80px}.app-flows{grid-template-columns:repeat(4,minmax(0,1fr))}.app-flows .flow-cover{height:280px}.small-modal,.filter-modal{max-width:460px;padding:28px}.field>span{color:var(--muted-foreground)}input:not([type=checkbox]),textarea{border:1px solid var(--border);background:var(--background);color:var(--foreground);box-shadow:none;border-radius:12px;width:100%;height:48px;padding:12px 14px;font-size:16px}input::placeholder,textarea::placeholder{color:var(--muted-foreground)}input:disabled{opacity:.6}.save-list{flex-direction:column;gap:4px;max-height:320px;display:flex;overflow:auto}.save-list>button{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;min-height:64px;padding:10px;display:flex}.save-list>button:hover{background:var(--secondary)}.save-list>button>span:nth-child(2){flex:1}.save-list small{display:block}.mini-cover{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.mini-cover img{object-fit:contain;width:28px;height:100%}.new-board-inline{align-items:center;gap:8px;margin-top:16px;display:flex}.search-modal{max-width:760px}.viewer-modal{width:calc(100% - 48px);max-width:1480px;height:calc(100dvh - 48px);max-height:none;overflow:hidden}.viewer-modal .modal-content{flex-direction:column;display:flex}.viewer-top{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 24px;display:flex}.viewer-top>a{align-items:center;gap:12px;display:flex}.viewer-top img{object-fit:contain;border-radius:10px;width:36px;height:36px}.viewer-top small{margin-top:2px;display:block}.mobile-info-toggle{display:none}.flow-viewer-title{align-items:center;gap:12px;display:flex}.flow-sidebar-toggle{display:none}.flow-viewer-body{flex:1;grid-template-columns:270px minmax(0,1fr);min-height:0;display:grid}.flow-sidebar{border-right:1px solid var(--border);padding:20px 12px;overflow:auto}.flow-sidebar h3{color:var(--muted-foreground);margin:0 12px 20px;font-size:14px}.flow-sidebar>button{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px 12px;font-size:14px;display:flex}.flow-sidebar>button:hover,.flow-sidebar>button.active{background:var(--secondary)}.flow-sidebar img{object-fit:contain;border-radius:6px;width:32px;height:48px}.flow-sidebar small{margin-top:3px;font-size:14px;display:block}.flow-stage{background:var(--background);flex-direction:column;min-height:0;padding:24px 60px 16px;display:flex;position:relative;overflow:hidden}.flow-triptych{flex:1;justify-content:center;align-items:center;gap:32px;min-height:0;display:flex}.flow-stage-shot{justify-content:center;align-items:center;max-width:32%;height:90%;display:flex}.flow-stage-shot.current{height:100%}.flow-stage-shot.neighbor{opacity:.5;transform:scale(.85)}.hotspot-image{max-width:100%;height:100%;display:inline-block;position:relative}.hotspot-image img{object-fit:contain;width:auto;max-width:100%;height:100%;box-shadow:var(--shadow-md);border-radius:14px}.tap-hotspot{border:2px solid var(--tap);pointer-events:none;border-radius:8px;position:absolute}.flow-prev,.flow-next{background:var(--card);border:1px solid var(--border);position:absolute;top:40%}.flow-prev{left:12px}.flow-next{right:12px}.flow-stage-footer{flex-direction:column;align-items:center;gap:8px;padding-top:20px;display:flex}.flow-stage-footer p{font-size:14px;font-weight:500}.flow-stage-footer>.button{margin:8px 0}.step-dots{flex-wrap:wrap;justify-content:center;gap:2px;max-width:400px;display:flex}.step-dots button{background:0 0;border:0;width:18px;height:24px;position:relative}.step-dots button:after{content:"";background:var(--muted-foreground);border-radius:50%;position:absolute;inset:9px 6px}.step-dots button.active:after{background:var(--tap)}.locked-step{background:var(--secondary);border:1px dashed var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:32px 20px;font-size:14px;display:flex}.boards-grid,.sites-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;display:grid}.board-cover{border-radius:16px;justify-content:center;align-items:center;height:270px;display:flex;position:relative;overflow:hidden}.board-caption{justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.board-caption h2{font-size:20px}.board-caption>span{color:var(--muted-foreground);align-items:center;gap:6px;font-size:14px;display:flex}.board-title{margin-top:20px}.saved-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:32px 24px;display:grid}.saved-object{min-width:0;position:relative}.saved-object-controls{justify-content:center;gap:2px;margin-top:12px;display:flex}.saved-object-controls .icon-button{width:36px;height:36px}.saved-grid .flow-cover{height:280px}.saved-note{color:var(--muted-foreground);margin-top:12px;font-size:14px}.saved-site img{border-radius:14px}.saved-site strong{margin-top:12px;display:block}.color-picker{gap:12px;margin-top:24px;display:flex}.color-picker button{border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.color-picker button.active{outline:2px solid var(--foreground);outline-offset:3px}.toggle-row{align-items:center;gap:12px;margin:24px 0;display:flex}.code-row{align-items:center;gap:12px;min-width:0;margin-top:20px;display:flex}.code-row code{overflow-wrap:anywhere;flex:1;font-size:14px}.settings-page>h1{margin-bottom:36px}.settings-layout{grid-template-columns:220px 1fr;gap:64px;display:grid}.settings-layout>nav{flex-direction:column;gap:4px;display:flex}.settings-layout>nav button{min-height:48px;color:var(--muted-foreground);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:0 14px;display:flex}.settings-layout>nav button.active{background:var(--secondary);color:var(--foreground)}.settings-content{max-width:680px}.settings-content>h2{margin-bottom:28px;font-size:20px}.settings-content>p{color:var(--muted-foreground);margin-bottom:24px}.settings-content form{max-width:480px}.settings-danger{border-top:1px solid var(--border);margin-top:48px;padding-top:28px}.settings-danger p{color:var(--muted-foreground);margin:12px 0 20px;font-size:14px}.language-options{flex-direction:column;gap:12px;margin-top:28px;display:flex}.language-options>button{border:1px solid var(--border);text-align:left;background:0 0;border-radius:12px;justify-content:space-between;align-items:center;min-height:52px;padding:12px 16px;display:flex}.language-options>button.active{border-color:var(--foreground)}.session-list{margin-top:40px}.session-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:18px 0;display:flex}.session-row>div{flex:1;min-width:0}.session-row small{display:block}.subscription-summary{background:var(--secondary);border-radius:16px;padding:28px}.subscription-summary h3{font-size:20px}.subscription-summary p{color:var(--muted-foreground);margin:16px 0}.auth-page{grid-template-columns:1fr 1fr;max-width:1600px;min-height:calc(100dvh - 76px);margin:auto;display:grid}.auth-story{background:var(--secondary);border-radius:20px;flex-direction:column;margin:24px;padding:48px;display:flex;position:relative;overflow:hidden}.auth-story h1{white-space:pre-line;max-width:470px;margin-top:32px;font-size:40px;line-height:1.2}.auth-story>p{color:var(--muted-foreground);max-width:390px;margin-top:20px}.auth-form{justify-content:center;align-items:center;padding:48px;display:flex}.auth-form>div{width:100%;max-width:400px}.auth-form h2{font-size:28px}.auth-form p{color:var(--muted-foreground);margin:14px 0 30px;font-size:14px}.auth-form .field{margin-bottom:20px}.password-input{position:relative}.password-input .icon-button{position:absolute;top:2px;right:4px}.password-input input{padding-right:50px}.auth-options{justify-content:space-between;align-items:center;margin:24px 0;font-size:14px;display:flex}.auth-options label{align-items:center;gap:8px;display:flex}.auth-form form>.button{width:100%;height:52px;margin-top:8px}.auth-switch{text-align:center;color:var(--muted-foreground);margin-top:28px;font-size:14px}.auth-switch a{color:var(--foreground);margin-left:8px}.auth-form p.test-billing{background:var(--secondary);border-radius:12px;padding:14px 16px;font-size:14px}.pricing-page{max-width:1040px}.pricing-heading{text-align:center;padding:16px 0 24px}.pricing-heading h1{white-space:pre-line;margin:20px 0;font-size:40px;line-height:1.2}.pricing-heading p{color:var(--muted-foreground)}.billing-period{flex-direction:column;align-items:center;gap:8px;margin:24px 0 28px;display:flex}.billing-period small{min-height:20px}.plans-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.plan{border:1px solid var(--border);border-radius:20px;flex-direction:column;padding:32px;display:flex}.plan h2{margin:24px 0 10px;font-size:20px}.plan p{color:var(--muted-foreground);font-size:14px}.plan-price{letter-spacing:-.04em;margin:28px 0 0;font-size:40px;font-weight:600}.plan-price span{letter-spacing:0;color:var(--muted-foreground);font-size:14px;font-weight:400}.plan .button{width:100%;margin-top:28px}.plan ul{flex-direction:column;gap:14px;margin:28px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.plan li{align-items:flex-start;gap:10px;display:flex}.plan li svg{margin-top:2px}.pro-plan{background:var(--secondary);border-color:var(--muted-foreground)}.plan-label{justify-content:space-between;align-items:center;gap:16px;display:flex}.plan-label>span:last-child{color:var(--muted-foreground);font-size:14px}.plan-billed{color:var(--muted-foreground);min-height:21px;margin-top:8px;font-size:14px}.test-billing{color:var(--muted-foreground);text-align:center;margin-top:20px;font-size:14px;line-height:1.6}.plan-comparison{margin-top:72px}.plan-comparison h2,.pricing-faq h2{margin-bottom:24px;font-size:28px}.plan-comparison table{border-collapse:collapse;width:100%;font-size:14px}.plan-comparison th,.plan-comparison td{border-bottom:1px solid var(--border);text-align:center;padding:20px 16px}.plan-comparison th:first-child,.plan-comparison td:first-child{text-align:left}.plan-comparison th{font-weight:500}.plan-comparison th:first-child{color:var(--muted-foreground)}.pricing-faq{margin-top:64px}.pricing-faq details{border-bottom:1px solid var(--border);padding:22px 0}.pricing-faq summary{cursor:pointer;justify-content:space-between;align-items:center;font-weight:500;list-style:none;display:flex}.pricing-faq summary:after{content:"+";color:var(--muted-foreground);font-size:20px}.pricing-faq details[open] summary:after{content:"−"}.pricing-faq details p{max-width:700px;color:var(--muted-foreground);margin-top:16px;font-size:14px}.paywall-modal{max-width:880px;padding:36px}.paywall-heading{text-align:center;position:relative}.paywall-heading>.icon-button{position:absolute;top:-16px;right:-16px}.paywall-heading h2{white-space:pre-line;margin:16px 0;font-size:28px}.paywall-heading p{color:var(--muted-foreground);max-width:520px;margin:auto;font-size:14px}.paywall-modal .plan{padding:24px}.paywall-modal .plan-price{font-size:28px}.agent-page-heading{max-width:700px;padding:12px 0 40px}.agent-page-heading h1{margin:24px 0 16px;font-size:40px}.agent-page-heading p{color:var(--muted-foreground);max-width:620px}.agent-setup{grid-template-columns:1fr 1fr;gap:64px;display:grid}.agent-setup h2{margin-bottom:16px;font-size:20px}.agent-setup p{color:var(--muted-foreground);margin-bottom:24px;font-size:14px}.token-form{gap:12px;margin-bottom:24px;display:flex}.token-form input{min-width:0}.token-result{background:var(--secondary);border-radius:12px;gap:10px;margin-bottom:24px;padding:16px;display:flex}.token-result p{margin:0}.token-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 0;display:flex}.token-row>span{flex:1}.token-row small{display:block}.client-tabs{gap:8px;margin:24px 0 16px;display:flex}.client-tabs button{border:1px solid var(--border);background:0 0;border-radius:10px;padding:8px 12px;font-size:14px}.client-tabs button.active{background:var(--secondary);color:var(--foreground)}.code-block{background:var(--secondary);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;padding:24px;font-size:14px;position:relative;overflow:auto}.code-block>.icon-button{position:absolute;top:8px;right:8px}.code-block code{padding-right:28px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:14px;display:block}.agent-tools{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:36px;margin-top:64px;padding-top:36px;display:grid}.agent-tools h3{margin-bottom:12px;font-size:20px}.agent-tools p{color:var(--muted-foreground);font-size:14px}.agent-examples{margin-top:64px}.agent-examples>h2{margin-bottom:24px;font-size:28px}.agent-examples>button{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:60px;padding:16px 0;display:flex}@media (width<=1100px){.app-flows{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-viewer-body{grid-template-columns:220px 1fr}.flow-triptych{gap:12px}.flow-stage{padding-inline:52px}.auth-story{padding:32px}.auth-story h1{font-size:28px}.agent-setup{gap:32px}.saved-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.index-preview{display:none}.app-icon{border-radius:8px;width:28px;height:28px}.load-more small{font-size:14px}.home-flows{margin-top:48px}.home-flows .section-title{display:block}.home-flows .section-title>.text-button{margin-top:12px}.flows-grid,.app-flows{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.flow-cover,.app-flows .flow-cover{height:230px}.small-modal,.filter-modal{padding:24px}.search-modal{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.viewer-modal{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.viewer-top{gap:8px;height:68px;padding:0 12px}.viewer-top strong{font-size:14px}.viewer-top small{text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:14px;overflow:hidden}.viewer-top .button-row{gap:0}.viewer-top .icon-button{width:36px}.mobile-info-toggle{background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;height:48px;font-size:14px;display:flex}.flow-sidebar-toggle{width:36px;display:inline-flex}.flow-viewer-title{gap:6px;min-width:0}.flow-viewer-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;display:block;overflow:hidden}.flow-viewer .save-flow{border:0;width:36px;padding:0}.save-flow span{display:none}.flow-viewer-body{display:block;position:relative}.flow-sidebar{z-index:5;background:var(--card);width:270px;height:100%;display:none;position:absolute}.flow-sidebar.open{display:block}.flow-stage{height:100%;padding:24px 42px 16px}.flow-triptych{flex:1;gap:12px;width:200%;margin-left:-50%}.flow-stage-shot{max-width:42%}.flow-stage-shot.current{max-width:48%}.flow-stage-shot.neighbor{max-width:28%;height:80%}.flow-stage-footer{padding-top:16px}.flow-stage-footer>small:last-child{display:none}.boards-grid,.sites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.board-cover{height:220px}.board-caption{flex-direction:column;align-items:flex-start;gap:4px}.board-caption h2{font-size:16px}.collections-page .section-title>.button{padding:0 12px;font-size:14px}.collections-page .section-title{display:block}.collections-page .section-title>.button{margin-top:16px}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.board-title{display:block}.board-title>.button-row{margin-top:20px}.settings-layout{display:block}.settings-layout>nav{scrollbar-width:none;flex-direction:row;gap:4px;margin-bottom:28px;overflow:auto}.settings-layout>nav button{white-space:nowrap;min-height:44px;padding:0 12px;font-size:14px}.settings-layout>nav button svg{display:none}.settings-content>h2{margin-bottom:24px}.session-row{flex-wrap:wrap;font-size:14px}.auth-page{min-height:calc(100dvh - 116px);display:block}.auth-story{display:none}.auth-form{padding:48px 24px}.auth-form h2{font-size:28px}.auth-form>div{max-width:420px}.pricing-page{padding-top:36px}.pricing-heading{padding-top:0}.pricing-heading h1{font-size:28px}.pricing-heading p{font-size:14px}.plans-grid{gap:16px}.plan{padding:24px}.plan h2{font-size:20px}.plan-price{font-size:28px}.plan ul{font-size:14px}.plan-label>span:last-child{display:none}.plan-comparison{margin-top:48px}.plan-comparison h2,.pricing-faq h2{font-size:24px}.plan-comparison th,.plan-comparison td{padding:16px 8px}.pricing-faq{margin-top:48px}.paywall-modal{padding:28px 20px}.paywall-heading h2{font-size:24px}.paywall-modal .plan{padding:20px}.agent-page-heading{padding-bottom:32px}.agent-page-heading h1{font-size:28px}.agent-setup{grid-template-columns:1fr;gap:36px}.token-form{flex-wrap:wrap}.token-form input{flex:1;min-width:160px}.agent-tools{grid-template-columns:1fr;gap:24px;margin-top:40px}.agent-examples{margin-top:40px}.agent-examples h2{font-size:24px}.agent-examples>button{font-size:14px}.code-block{padding:20px}.client-tabs{gap:6px}}@media (width<=460px){.apps-grid,.flows-grid,.app-flows,.boards-grid,.sites-grid{grid-template-columns:1fr}.app-icon{width:34px;height:34px}.flow-cover,.app-flows .flow-cover{height:300px}.boards-grid .board-cover{height:290px}.plans-grid{grid-template-columns:1fr}.paywall-modal .free-plan{display:none}.pricing-heading h1{font-size:28px}.saved-grid .flow-cover{height:240px}}.agent-journal{border-top:1px solid var(--border);margin-top:48px;padding-top:32px}.agent-journal>p{color:var(--muted-foreground);font-size:14px}.agent-journal-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 0;font-size:14px;display:flex}.agent-journal-row>span{flex:1}.agent-journal-row small,.agent-tools{display:block}.agent-tools>h2{font-size:20px}.agent-tools>div{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;display:grid}.agent-examples>div{border-bottom:1px solid var(--border);padding:16px 0;font-size:14px}.agent-examples>div>span{color:var(--muted-foreground);padding-right:12px}.toggle-row>span{flex:1}.toggle-row small{display:block}@media (width<=760px){.agent-tools>div{grid-template-columns:1fr;gap:16px}}.network-banner{z-index:28;background:var(--secondary);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:14px;display:flex;position:sticky;top:76px}.asset-error{background:var(--secondary);min-width:80px;min-height:100px;color:var(--muted-foreground);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;max-width:100%;padding:16px;font-size:14px;display:inline-flex}.asset-error button{border:1px solid var(--border);background:0 0;border-radius:10px;padding:10px}.missing-saved{background:var(--secondary);min-height:240px;color:var(--muted-foreground);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}@media (width<=760px){.network-banner{top:116px}}.board-title>.button-row{flex-wrap:wrap;gap:8px}.board-title h1,.saved-note{overflow-wrap:anywhere}.saved-board-links{color:var(--muted-foreground);flex-wrap:wrap;gap:8px;margin-top:12px;font-size:14px;display:flex}.saved-board-links a{border:1px solid var(--border);border-radius:8px;padding:4px 8px}.styles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;display:grid}.style-card{border:1px solid var(--border);background:var(--card);border-radius:16px;min-width:0;overflow:hidden}.style-preview{background:var(--secondary);height:240px;padding:16px;display:block;overflow:auto}.style-preview img{border-radius:8px;width:100%;height:auto}.style-card-body{padding:24px}.style-site-name strong{font-size:20px;font-weight:500;display:block}.style-site-name small{color:var(--muted-foreground);margin-top:4px;font-size:14px;display:block}.style-palette{border-radius:10px;gap:0;height:44px;margin:24px 0;display:flex;overflow:hidden}.style-palette button{cursor:copy;border:0;flex:1;min-width:0}.style-type{align-items:center;gap:20px;margin-bottom:24px;display:flex}.type-specimen{letter-spacing:-1px;font-size:28px}.style-type>div{color:var(--muted-foreground);flex-direction:column;gap:4px;min-width:0;font-size:14px;display:flex}.style-type>div>span{overflow-wrap:anywhere}.style-actions{gap:8px;display:flex}.styles-page .section-title p{color:var(--muted-foreground)}@media (width<=1100px){.styles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.styles-grid{grid-template-columns:1fr;gap:24px}.sites-page>.section-title{flex-wrap:wrap}.sites-page>.section-title>.button-row{flex-wrap:wrap;gap:8px}.styles-page>.section-title{display:block}.styles-page>.section-title>.text-button{margin-top:16px}.collections-page .page-tabs{white-space:nowrap;scrollbar-width:none;overflow:auto}.style-card-body{padding:20px}}.flow-recording{justify-content:center;align-items:center;height:100%;min-height:240px;display:flex}.flow-recording video{background:var(--card);border-radius:16px;max-width:100%;max-height:calc(100vh - 240px);display:block}@media (width<=760px){.flow-viewer-title{flex:1;min-width:0}.flow-viewer-title>div{min-width:0}.flow-viewer-title strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.flow-viewer .viewer-top>.button-row{gap:0}.flow-viewer .viewer-top .save-flow{width:36px;padding:0}.flow-viewer .viewer-top .icon-button{width:36px}}.asset-error [role=button]{border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.asset-error.app-icon{width:40px;min-width:0;height:40px;min-height:0;padding:4px}.asset-error.app-icon>span,.asset-error.app-heading-icon>span{display:none}.asset-error.app-icon>svg{width:20px;height:20px}.video-unavailable{background:var(--card);border:1px solid var(--border);min-height:220px;color:var(--muted-foreground);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.video-unavailable p{margin:0}.flow-triptych.web-flow{align-items:center}.web-flow .flow-stage-shot{aspect-ratio:auto;background:0 0;border:0;flex:0 0 28%;max-width:none;height:auto}.web-flow .flow-stage-shot.current{flex-basis:78%}.web-flow .hotspot-image img{width:100%;height:auto}.flow-zoom-modal{width:min(1280px,96vw);max-width:1280px;height:92dvh;max-height:92dvh;padding:0;overflow:hidden}.flow-zoom-modal>.modal-content{flex-direction:column;height:100%;min-height:0;display:flex}.flow-zoom-modal>.modal-content>.modal-head{border-bottom:1px solid var(--border);flex-shrink:0;margin:0;padding:20px 24px}.flow-zoom-scroll{flex:1;min-height:0;padding:20px;overflow:auto}.flow-zoom-scroll img{border-radius:12px;max-width:none;height:auto;margin:0 auto;display:block}@media (width<=760px){.flow-triptych.web-flow{min-height:300px}.web-flow .flow-stage-shot.current{flex-basis:95%}.web-flow .flow-stage-shot{flex-basis:30%}.flow-zoom-modal{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.flow-zoom-modal>.modal-content>.modal-head{padding:12px 16px}.flow-zoom-scroll{padding:12px}}.web-flow .hotspot-image{height:auto;min-height:0;display:block}.web-flow .hotspot-image img{object-fit:contain;height:auto;max-height:none;display:block}.flow-stage-shot .hotspot-image{width:100%;height:auto;display:block}.flow-stage-shot .hotspot-image img{object-fit:contain;width:100%;height:auto;max-height:none;display:block}.web-flow .flow-stage-shot.current{height:auto}.flow-triptych.web-flow{width:100%;min-width:0;margin-left:0}.web-flow .flow-stage-shot{flex:0 0 120px;width:120px;min-width:0;max-width:120px;height:auto}.web-flow .flow-stage-shot.current{flex:none;width:min(780px,100vw - 420px);max-width:min(780px,100vw - 420px);height:auto}.video-unavailable .button{white-space:normal;text-align:center;max-width:100%;min-height:44px;padding:10px;line-height:1.4}@media (width<=760px){.web-flow .flow-stage-shot{flex:0 0 84px;width:84px;max-width:84px}.web-flow .flow-stage-shot.current{width:calc(100vw - 96px);max-width:calc(100vw - 96px)}}@media (width<=760px),(pointer:coarse){.site-filter-bar select,.styles-toolbar select,.site-section-selector select{font-size:16px}.billing-period .segmented button{height:44px;min-height:44px}.auth-options label{align-items:center;min-height:44px;display:inline-flex}:root .container :is(input,textarea,select),:root .modal :is(input,textarea,select){font-size:16px}}.col-upload-view-actions .icon-button.is-liked{color:var(--foreground)}.filter-modal .field>label{color:var(--muted-foreground);margin-bottom:8px;font-size:14px;display:block}.filter-modal .taxonomy-search{width:100%;margin-bottom:8px}.filter-modal .taxonomy-hint{color:var(--muted-foreground);margin:8px 0 0;font-size:14px;line-height:1.5}@media (width<=360px){.plan-comparison th,.plan-comparison td{overflow-wrap:normal;padding-inline:4px}}@media (width<=760px),(pointer:coarse){:root .container select,:root .modal select{height:44px;min-height:44px}}@media (width>=461px){.plans-grid{row-gap:0}.plans-grid>.plan{grid-row:span 7;grid-template-rows:subgrid;row-gap:0;min-width:0;display:grid}}@media (width<=460px){.plan-billed-placeholder{display:none}}.index-hover{z-index:45;pointer-events:none;opacity:0;will-change:transform;transform-origin:0 100%;width:150px;position:fixed;top:0;left:0}.index-hover.is-wide{width:300px}.index-hover[data-placed][data-visible]{animation:index-hover-in .18s var(--motion-ease-out) both}.index-hover[data-placed]:not([data-visible]){animation:index-hover-out .12s var(--motion-ease-in) both}@keyframes index-hover-in{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes index-hover-out{0%{opacity:1;scale:1}to{opacity:0;scale:.95}}.index-hover-frame{aspect-ratio:1179/2556;background:var(--secondary);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 18px 50px #000a}.index-hover.is-wide .index-hover-frame{aspect-ratio:16/10;border-radius:12px}.index-hover-frame img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .16s linear;position:absolute;inset:0}.index-hover-frame img.is-current{opacity:1}@media (hover:none),(pointer:coarse){.index-hover{display:none}}@media (prefers-reduced-motion:reduce){.index-hover[data-placed][data-visible]{opacity:1;animation:none}.index-hover-frame img{transition:none}}.auth-page{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);max-width:none;min-height:100dvh;margin:0}.auth-story{isolation:isolate;background:#141417;border-radius:24px;height:calc(100dvh - 32px);margin:16px;padding:0;display:block;position:sticky;top:0;overflow:hidden}.auth-wall{transform-origin:50% 40%;z-index:-2;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid;position:absolute;inset:-40px -24px;transform:rotate(-6deg)scale(1.08)}.auth-wall-col{overflow:hidden}.auth-wall-track{flex-direction:column;gap:16px;animation:90s linear infinite auth-wall-up;display:flex}.auth-wall-col.is-down .auth-wall-track{animation-name:auth-wall-down;animation-duration:110s}.auth-wall-col:nth-child(3) .auth-wall-track{animation-duration:100s}.auth-wall-track img{opacity:.72;border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #ffffff0f}@keyframes auth-wall-up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 8px))}}@keyframes auth-wall-down{0%{transform:translateY(calc(-50% - 8px))}to{transform:translateY(0)}}.auth-story:before{content:"";z-index:-1;background:linear-gradient(#0e0e10f0 0,#0e0e1000 20% 42%,#0e0e10e6 74%,#0e0e10 100%);position:absolute;inset:0}.auth-brand{letter-spacing:-.025em;height:44px;color:var(--foreground);align-items:center;font-size:20px;font-weight:600;display:flex;position:absolute;top:32px;left:40px}.auth-story-copy{position:absolute;bottom:40px;left:40px;right:40px}.auth-story-copy h1{letter-spacing:-.02em;white-space:pre-line;max-width:520px;margin:0;font-size:40px;line-height:1.15}.auth-story-copy p{color:#c4c4cb;max-width:420px;margin-top:16px;font-size:16px;line-height:1.55}.auth-form{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100dvh;padding:16px 48px 48px;display:flex;position:relative}.auth-form-top{flex-shrink:0;justify-content:flex-end;align-items:center;height:76px;display:flex}.auth-form-top .auth-brand-mobile{display:none}.auth-back{min-height:44px;color:var(--muted-foreground);transition:background-color var(--motion-fast),color var(--motion-fast);border-radius:12px;align-items:center;gap:8px;margin-right:-14px;padding:0 14px;font-size:14px;display:inline-flex}.auth-back:hover{background:var(--secondary);color:var(--foreground)}.auth-form-body{width:100%;max-width:400px;margin:auto;padding-bottom:76px}.auth-form .auth-form-body>h2{letter-spacing:-.015em;font-size:28px;line-height:1.25}.auth-form .auth-form-body>p{margin:10px 0 32px;font-size:16px;line-height:1.5}.auth-form .field>span{font-size:14px}.auth-form form>.button{height:52px;margin-top:12px}.auth-options{margin:20px 0 16px}.auth-switch{margin-top:24px}@media (width<=1100px){.auth-story-copy h1{font-size:32px}.auth-form{padding:16px 32px 32px}}@media (width<=760px){.auth-page{display:block}.auth-story{display:none}.auth-form{padding:8px 16px 32px}.auth-form-top{justify-content:space-between;height:60px}.auth-form-top .auth-brand-mobile{display:flex;position:static}.auth-back{font-size:14px}.auth-form-body{margin:24px auto 0;padding-bottom:0}}@media (prefers-reduced-motion:reduce){.auth-wall-track{animation:none}}.auth-form>.auth-form-top{width:100%;max-width:none}.index-hover{width:200px}.index-hover:before{content:"";z-index:-1;background:radial-gradient(closest-side,#0e0e10f7 50%,#0e0e1000);position:absolute;inset:-28% -90%}@keyframes app-ambient-in{0%{opacity:0}to{opacity:.5}}img.ref-img{transition:opacity .32s}img.ref-img.is-loading{opacity:0}main{animation:page-in .28s var(--motion-ease-out) both}@keyframes page-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){img.ref-img{transition:none}img.ref-img.is-loading{opacity:1}main{animation:none}}@media (width<=760px){.network-banner{top:60px}}.label-short,.sort-menu-mobile{display:none}@media (width<=760px){.label-long{display:none}.label-short{display:inline}}button[role=checkbox]:not(.col-object-checkbox):not(.screen-select){width:20px;height:20px;box-shadow:none;background:0 0;border:1.5px solid #55555c;border-radius:6px;transition:background-color .15s,border-color .15s}button[role=checkbox]:not(.col-object-checkbox):not(.screen-select):hover{border-color:var(--muted-foreground)}button[role=checkbox]:not(.col-object-checkbox):not(.screen-select)[data-state=checked]{background:var(--foreground);border-color:var(--foreground);color:var(--background)}button[role=checkbox]:not(.col-object-checkbox):not(.screen-select) svg{stroke-width:3px;width:14px;height:14px}.auth-form .auth-form-body>h2{font-size:28px;line-height:1.2}.auth-form .auth-form-body>p{margin:8px 0 28px;font-size:16px}.auth-form .field{gap:8px;margin-bottom:18px}.auth-options{margin:6px 0 24px;font-size:14px}.auth-options label{cursor:pointer;gap:10px;min-height:44px}.auth-options a{min-height:44px;color:var(--muted-foreground);align-items:center;display:inline-flex}.auth-options a:hover{color:var(--foreground)}.auth-form form>.button{margin-top:0}.auth-switch{margin-top:20px;font-size:14px}@media (width<=760px){.auth-form-top{height:60px}.auth-back{width:44px;height:44px;color:var(--foreground);border-radius:12px;justify-content:center;margin-right:-6px;padding:0}.auth-back-label{display:none}.auth-form-body{margin-top:20px}.auth-form .auth-form-body>h2{font-size:28px}}@media (width<=760px),(pointer:coarse){.sv-buttons kbd,.flow-viewer kbd,.viewer-modal kbd{display:none}}.modal.search-modal.sp{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#17171af5;border-color:#2e2e34;border-radius:26px;width:calc(100% - 96px);max-width:960px;max-height:calc(100dvh - 28px);top:14px;overflow:hidden;translate:-50%;box-shadow:0 4px 14px #0000008c,0 44px 110px #000000b8}.sp .modal-content{min-height:0}.sp-shell{flex-direction:column;min-height:0;max-height:calc(100dvh - 30px);display:flex}.sp-head{border-bottom:1px solid var(--border);flex-shrink:0;padding:20px 20px 16px}.sp-query{align-items:flex-start;gap:14px;display:flex}.sp-query-icon{color:var(--foreground);flex:none;margin-top:9px}.sp-query input{resize:none;min-width:0;font:inherit;height:42px;color:var(--foreground);white-space:nowrap;background:0 0;border:0;outline:none;flex:auto;margin:0;padding:7px 0;font-size:20px;line-height:1.4;display:block;overflow:hidden}.sp-query input::placeholder{color:var(--muted-foreground);opacity:1}.sp-query input:focus-visible{outline:none}.sp-icon-btn{width:44px;height:44px;color:var(--muted-foreground);cursor:pointer;transition:background-color var(--motion-fast),color var(--motion-fast);background:0 0;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.sp-icon-btn:hover{background:var(--secondary);color:var(--foreground)}.sp-platforms{background:#202025;border-radius:14px;flex:none;gap:2px;padding:3px;display:flex}.sp-platforms button{height:38px;font:inherit;color:var(--muted-foreground);cursor:pointer;white-space:nowrap;transition:background-color var(--motion-fast),color var(--motion-fast);background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;padding:0 13px;font-size:14px;font-weight:500;display:flex}.sp-platforms button:hover{background:var(--secondary);color:var(--foreground)}.sp-platforms button[aria-pressed=true]{background:var(--accent);color:#fff}.sp-image{color:#6e6e76;align-items:center;gap:10px;margin:10px 0 0 36px;font-size:14px;display:flex}.sp-image-btn{border:1px dashed var(--accent);height:40px;color:var(--muted-foreground);font:inherit;cursor:pointer;transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast);background:0 0;border-radius:12px;align-items:center;gap:9px;padding:0 14px;font-size:14px;display:flex}.sp-image-btn:hover{background:var(--secondary);color:var(--foreground);border-color:#4a4a52}.sp-image-btn:disabled{opacity:.6;cursor:progress}.sp-body{flex:auto;min-height:0;display:flex}.sp-nav{box-sizing:border-box;border-right:1px solid var(--border);flex-direction:column;flex:0 0 204px;gap:2px;padding:16px 12px;display:flex;overflow:auto}.sp-nav button{height:44px;color:var(--muted-foreground);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion-fast),color var(--motion-fast);background:0 0;border:0;border-radius:11px;flex-shrink:0;align-items:center;gap:10px;padding:0 12px;font-size:16px;display:flex}.sp-nav button svg{color:#8e8e97;flex-shrink:0}.sp-nav button:hover{background:var(--secondary);color:var(--foreground)}.sp-nav button[aria-current]{background:var(--secondary);color:var(--foreground);font-weight:500}.sp-nav button[aria-current] svg{color:var(--foreground)}.sp-content{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:20px;min-width:0;min-height:min(560px,100dvh - 260px);padding:20px 22px 24px;display:flex;overflow:auto}.sp-group h3{color:var(--muted-foreground);margin:0 0 10px;font-size:14px;font-weight:500}.sp-group-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sp-link{min-height:32px;font:inherit;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 4px;font-size:14px}.sp-link:hover{color:var(--foreground)}.sp-chips{flex-wrap:wrap;gap:8px;display:flex}.sp-chip{border:1px solid var(--border);height:44px;color:var(--foreground);font:inherit;cursor:pointer;transition:border-color var(--motion-fast),background-color var(--motion-fast);background:0 0;border-radius:13px;align-items:center;gap:9px;padding:0 16px;font-size:16px;display:flex}.sp-chip svg{color:#8e8e97}.sp-chip:hover{border-color:var(--accent);background:var(--secondary)}.sp-chip-count{color:var(--muted-foreground);font-variant-numeric:tabular-nums;order:2;font-size:14px}.sp-apps{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp-app{cursor:pointer;transition:transform .14s var(--motion-ease-out);background:0 0;border:0;border-radius:14px;padding:0;display:block}.sp-app img{border:1px solid var(--border);box-sizing:border-box;object-fit:cover;border-radius:14px;width:52px;height:52px;display:block}.sp-app:hover{transform:translateY(-3px)}.sp-apps-all{min-height:44px;margin-left:4px;padding:0 12px;font-size:16px}.sp-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.sp-tile{box-sizing:border-box;background:var(--secondary);text-align:left;height:176px;color:var(--foreground);font:inherit;cursor:pointer;transition:background-color var(--motion-fast);border:0;border-radius:16px;padding:12px 12px 0;display:block;overflow:hidden}.sp-tile-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:12px;font-size:16px;font-weight:500;line-height:1.3;display:block;overflow:hidden}.sp-tile-shot{justify-content:center;display:flex}.sp-tile-shot img{width:86px;transition:transform .18s var(--motion-ease-out);border-radius:9px 9px 0 0;display:block;box-shadow:0 2px 10px #0009}.sp-tile-shot img.is-wide{border-radius:8px 8px 0 0;width:100%;max-width:200px}.sp-tile:hover{background:#26262b}.sp-tile:hover .sp-tile-shot img{transform:translateY(-6px)}.sp-results{flex-direction:column;gap:16px;display:flex}.sp-results .sp-group h3{margin-left:10px}.sp-row{width:100%;min-height:56px;color:var(--foreground);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:14px;padding:6px 10px;display:flex}.sp-row.is-active{background:var(--secondary)}.sp-row-media{background:#202025;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.sp-row-media img{object-fit:cover;object-position:top;width:100%;height:100%}.sp-row-media.is-app img{object-fit:cover;object-position:center}.sp-row-media.is-query{color:var(--muted-foreground)}.sp-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.sp-row-text>span{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.sp-row-text small{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.sp-row-kind{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex:none;font-size:14px}.sp-wait{min-height:200px;color:var(--muted-foreground);place-items:center;display:grid}.sp-foot{border-top:1px solid var(--border);color:var(--muted-foreground);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;font-size:14px;display:flex}.sp-keys{align-items:center;gap:6px;display:flex}.sp-keys kbd{box-sizing:border-box;border:1px solid var(--border);min-width:26px;height:26px;font:inherit;color:var(--muted-foreground);border-radius:7px;place-items:center;padding:0 6px;font-size:14px;line-height:1;display:inline-grid}.sp-keys{gap:18px}.sp-keys>span{align-items:center;gap:6px;display:flex}.sp-cancel{height:44px;color:var(--foreground);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0 6px;font-size:16px;display:none}@media (hover:none),(pointer:coarse){.sp-tile:hover{background:var(--secondary)}.sp-tile:hover .sp-tile-shot img,.sp-app:hover{transform:none}.sp-chip:hover{border-color:var(--border);background:0 0}.sp-platforms button:hover:not([aria-pressed=true]),.sp-nav button:hover:not([aria-current]){color:var(--muted-foreground);background:0 0}}@media (width<=900px){.modal.search-modal.sp{width:calc(100% - 32px)}.sp-nav{flex-basis:176px}}.sp-pl-short{display:none}@media (width<=760px){.modal.search-modal.sp{background:var(--card);border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;top:0;left:0;translate:none}.sp-shell{height:100dvh;max-height:100dvh}.sp .sp-head{grid-template-columns:20px minmax(0,1fr) auto auto;grid-template-areas:"icon field clear cancel""plat plat plat img";align-items:center;gap:10px 8px;padding:8px 12px 12px 16px;display:grid}.sp .sp-query,.sp .sp-image{display:contents}.sp .sp-query-icon{grid-area:icon;width:20px;height:20px;margin:0}.sp .sp-query input{width:100%;min-width:0;height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-area:field;padding:0;font-size:17px}.sp .sp-icon-btn{grid-area:clear;width:36px;height:44px}.sp .sp-cancel{grid-area:cancel;height:44px;padding:0 2px 0 6px;font-size:16px;display:block}.sp .sp-platforms{border-radius:12px;grid-area:plat;padding:2px}.sp .sp-platforms button{border-radius:10px;flex:1;justify-content:center;gap:0;height:40px;padding:0 8px}.sp .sp-platforms button svg,.sp-pl-long{display:none}.sp-pl-short{display:inline}.sp .sp-image-btn{border-radius:12px;grid-area:img;justify-content:center;width:44px;height:44px;padding:0}.sp .sp-image-label,.sp .sp-image>span{display:none}.sp-body{flex-direction:column}.sp-nav{border-right:0;border-bottom:1px solid var(--border);scrollbar-width:none;flex-direction:row;flex:none;gap:0;padding:0 8px;overflow-x:auto}.sp-nav button{white-space:nowrap;background:0 0;border-radius:0;height:44px;padding:0 10px;font-size:14px}.sp-nav button svg{display:none}.sp-nav button[aria-current]{box-shadow:inset 0 -2px 0 var(--foreground);background:0 0}.sp-content{gap:20px;min-height:0;padding:16px 16px 24px}.sp-row{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto}.sp-row::-webkit-scrollbar{display:none}.sp-row>*{flex-shrink:0}.sp-apps{gap:10px}.sp-app img{border-radius:13px;width:48px;height:48px}.sp-apps-all{white-space:nowrap;font-size:14px}.sp-chip{white-space:nowrap;border-radius:12px;height:40px;padding:0 14px;font-size:14px}.sp-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sp-tile{height:150px;padding:10px 10px 0}.sp-tile-name{margin-bottom:10px;font-size:14px}.sp-tile-shot img{width:76px}.sp-row-kind{font-size:14px}.sp-foot{display:none}}@media (prefers-reduced-motion:reduce){.sp-tile-shot img,.sp-app{transition:none}}.sp .sp-query input{min-width:0;box-shadow:none;font:inherit;height:42px;color:var(--foreground);appearance:none;background:0 0;border:0;border-radius:0;outline:none;flex:auto;margin:0;padding:7px 0;font-size:20px;line-height:1.4;display:block}.sp-query input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.sp-query input::-webkit-search-decoration{-webkit-appearance:none;display:none}.sp-row-sub{display:none}@media (width<=760px){.sp-row-kind{display:none}.sp-row-sub{display:block}}.board-cover.col-mosaic{background:var(--secondary);border-radius:16px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;justify-content:stretch;align-items:stretch;gap:4px;padding:4px;display:grid}.col-mosaic-cell{background:var(--card);border-radius:12px;justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}.col-mosaic-cell img{object-fit:cover;object-position:top;width:100%;height:100%;box-shadow:none;border-radius:0;max-width:none;display:block;position:static;transform:none}.col-mosaic-cell.is-empty{background:#1a1a1e}.col-mosaic-empty{color:var(--muted-foreground);grid-area:1/1/3/3;place-items:center;display:grid}.board-card:hover .col-mosaic{background:#26262b}.board-card .col-mosaic-cell img{transition:transform .3s var(--motion-ease-out)}.board-card:hover .col-mosaic-cell img{transform:scale(1.03)}.col-saved-grid .saved-object:has(.col-object-checkbox.col-touch-checkbox){padding-top:0}.col-saved-grid .col-object-checkbox.col-touch-checkbox{z-index:6;top:2px;left:2px}.col-saved-grid .col-object-checkbox.col-touch-checkbox:before{background:#000000a6;border:2px solid #fff;border-radius:8px;width:26px;height:26px;box-shadow:0 1px 4px #0008}.col-saved-grid .col-object-checkbox.col-touch-checkbox[data-state=checked]:before{background:var(--foreground);border-color:var(--foreground)}.col-saved-grid .saved-object-controls.col-object-controls{flex-wrap:nowrap;justify-content:flex-start;gap:4px;margin-top:8px}.col-saved-grid .col-object-controls .icon-button{flex:0 0 44px;width:44px;height:44px;margin:0}.col-saved-grid .col-object-controls .icon-button:last-child{margin-left:auto}.col-board-privacy>span{display:none}.col-tools .facet-trigger,.col-tools .sort-trigger{height:46px}.col-board-grid-head>span:empty{display:none}.col-board-grid-head:has(>span:empty){justify-content:flex-end}@media (width<=760px){.col-tools{flex-wrap:wrap}.col-tools>.col-search{flex:100%}.col-tools .facet,.col-tools>button{flex:none}.col-tools>.col-result-count{align-self:center;width:auto;margin:0 0 0 auto}.board-title .button-row{flex-wrap:wrap}}.settings-page .settings-content h2,.settings-page .settings-content h3,.settings-page .settings-danger h3{font-size:20px;font-weight:600;line-height:1.3}.settings-page .button.primary:disabled{color:var(--muted-foreground);border:1px solid var(--border);opacity:1;cursor:default;background:0 0}.settings-page .settings-danger .button.danger{color:var(--foreground)}.settings-page .settings-danger .button.danger:hover{border-color:var(--accent);background:var(--secondary)}.settings-layout>nav button{transition:background-color var(--motion-fast),color var(--motion-fast)}.settings-layout>nav button:hover{color:var(--foreground);background:var(--secondary)}@media (width<=760px){.settings-page .settings-layout>nav{margin:0 -16px 24px;padding:0 16px;scroll-padding:0 16px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}.settings-page .settings-layout>nav button:last-child{margin-right:40px}}.test-billing{justify-content:center;align-items:center;gap:6px;display:flex}.test-billing svg{flex:none;display:inline-block}.billing-period .segmented button{height:44px;min-height:44px;padding:0 18px}.pricing-faq details{padding:6px 0}.pricing-faq summary{min-height:44px;transition:color var(--motion-fast);border-radius:8px;gap:16px;padding:10px 0}.pricing-faq summary:hover{color:#fff}.pricing-faq summary::-webkit-details-marker{display:none}.pricing-faq details p{margin:4px 0 16px}@media (width<=760px){.plans-grid{flex-direction:column;display:flex}.plans-grid .pro-plan{order:-1}}.history-page .saved-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:32px 20px}@media (width<=760px){.history-page .saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}}.collections-v2 .section-title>.button-row{flex-shrink:0;gap:8px;display:flex}.collections-v2 .section-title p{max-width:600px}.col-tabs{scrollbar-width:none;overflow-x:auto}.col-tabs button{white-space:nowrap}.col-board-caption{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;display:grid}.col-board-caption h2{overflow-wrap:anywhere}.col-board-caption small{color:var(--muted-foreground);grid-column:1/-1;font-size:14px}.col-board-description{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.col-tools{align-items:center;gap:10px;min-width:0;margin-bottom:28px;display:flex}.col-search{border:1px solid var(--border);background:var(--background);border-radius:12px;align-items:center;gap:8px;width:320px;min-width:0;padding:0 12px;display:flex}.col-search>svg{color:var(--muted-foreground);flex-shrink:0}.col-search input{background:0 0;border:0;min-width:0;height:44px;padding:0;font-size:14px}.col-search input:focus-visible{box-shadow:none;outline:0}.col-search:focus-within{outline:2px solid var(--ring);outline-offset:2px}.col-search .icon-button{flex-shrink:0;width:28px;height:28px}.col-tools select{background:var(--background);border:1px solid var(--border);color:var(--foreground);font:inherit;border-radius:12px;max-width:230px;height:46px;padding:0 28px 0 12px;font-size:14px}.col-result-count{color:var(--muted-foreground);white-space:nowrap;margin-left:auto;font-size:14px}.col-content-tools{align-items:flex-start;gap:12px;display:flex}.col-content-tools>.col-tools{flex:1}.col-content-tools>.button{height:46px}.col-tab-description{color:var(--muted-foreground);max-width:850px;margin-top:-10px;margin-bottom:28px;font-size:14px;line-height:1.6}.col-saved-grid{padding-bottom:80px}.col-saved-grid .saved-object{border-radius:16px}.col-object-checkbox{z-index:3;border-color:var(--muted-foreground);cursor:pointer;width:22px;height:22px;position:absolute;top:3px;left:0}.col-object-selected>.col-object-checkbox{border-color:var(--foreground)}.col-object-selected>.screen-card .screen-shot,.col-object-selected>.flow-card .flow-cover,.col-object-selected>.app-card .app-cover,.col-object-selected>.col-upload-card .col-upload-shot,.col-object-selected>.col-saved-site>div{outline:2px solid var(--foreground);outline-offset:4px}.col-saved-grid .saved-object-controls.col-object-controls{justify-content:flex-start;gap:4px;margin-top:10px}.col-saved-grid .col-object-controls .icon-button{flex-shrink:0;width:38px;height:38px}.col-board-links{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.col-board-links a{color:var(--muted-foreground);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:5px;max-width:100%;padding:6px 8px;font-size:14px;display:inline-flex}.col-board-links a:hover{color:var(--foreground);background:var(--secondary)}.col-note{white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid var(--border);padding-left:12px;line-height:1.6}.col-missing{border:1px dashed var(--border);text-align:center;min-height:240px;color:var(--muted-foreground);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 16px;display:flex}.col-missing strong{color:var(--foreground);font-size:16px}.col-missing p{max-width:230px;font-size:14px;line-height:1.5}.col-saved-site{min-width:0;display:block}.col-saved-site>div{background:var(--card);border-radius:14px;justify-content:center;align-items:center;height:280px;padding:10px;display:flex;overflow:hidden}.col-saved-site img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.col-saved-site strong{overflow-wrap:anywhere}.col-saved-site small{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:14px;display:block;overflow:hidden}.col-bulk-bar{z-index:40;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:16px;align-items:center;gap:28px;width:max-content;max-width:calc(100vw - 40px);padding:12px 16px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.col-bulk-bar>div:first-child{white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.col-bulk-actions{align-items:center;gap:8px;display:flex}.col-bulk-actions .button{white-space:nowrap;height:auto;min-height:40px}.col-bulk-actions>.icon-button{flex-shrink:0}.col-color-label{color:var(--muted-foreground);margin-top:4px;font-size:14px}.col-edit-modal .color-picker{margin-top:12px}.col-edit-modal .field small{margin-left:4px;font-size:14px}.col-confirm>p,.col-confirm .modal-content>p,.col-secondary-copy{color:var(--muted-foreground);font-size:14px;line-height:1.65}.col-transfer-mode{margin-bottom:18px;display:flex}.col-transfer-mode button{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.col-transfer-list{flex-direction:column;gap:4px;max-height:260px;margin-bottom:20px;display:flex;overflow-y:auto}.col-transfer-list>button{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;min-height:64px;padding:12px;display:flex}.col-transfer-list>button:hover,.col-transfer-list>button[aria-checked=true]{background:var(--secondary)}.col-transfer-list>button>span:nth-child(2){overflow-wrap:anywhere;flex:1;min-width:0}.col-transfer-list strong{font-size:16px;font-weight:500}.col-transfer-list small{color:var(--muted-foreground);margin-top:4px;font-size:14px;display:block}.col-inline-warning{background:var(--secondary);color:var(--foreground);border-radius:12px;margin:16px 0;padding:14px;font-size:14px;line-height:1.6}.col-transfer .col-secondary-copy{margin-bottom:16px}.col-board-privacy{color:var(--muted-foreground);align-items:center;gap:7px;margin-bottom:12px;font-size:14px;display:flex}.col-board-privacy>span{border-radius:4px;width:14px;height:14px}.col-board-page .board-title>div:first-child{min-width:0}.col-board-page h1{overflow-wrap:anywhere}.col-board-page .board-title p{white-space:pre-wrap;max-width:650px}.col-board-grid-head{color:var(--muted-foreground);justify-content:space-between;align-items:center;margin-bottom:8px;padding-top:4px;font-size:14px;display:flex}.col-board-grid-head .button{height:42px;font-size:14px}.col-shared-notice{color:var(--muted-foreground);max-width:700px;padding-bottom:24px;font-size:14px;line-height:1.6}.col-note-count{color:var(--muted-foreground);text-align:right;margin-top:-8px;font-size:14px}.col-share-modal .toggle-row>span{flex:1}.col-share-modal .toggle-row strong{font-size:16px;display:block}.col-share-modal .toggle-row small{color:var(--muted-foreground);margin-top:8px;font-size:14px;line-height:1.6;display:block}.col-share-modal .toggle-row [data-slot=checkbox]{flex-shrink:0;width:22px;height:22px}.col-share-modal .col-secondary-copy{margin-top:20px}.col-upload-card{min-width:0}.col-upload-shot{background:var(--card);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;width:100%;height:380px;max-height:520px;padding:12px;display:flex;overflow:hidden}.col-upload-shot img{object-fit:contain;border-radius:5px;width:auto;max-width:100%;height:auto;max-height:100%}.col-upload-caption{align-items:flex-start;gap:8px;margin-top:14px;display:flex}.col-upload-caption>div:first-child{flex:1;min-width:0}.col-upload-caption strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;display:block;overflow:hidden}.col-upload-caption small{color:var(--muted-foreground);margin-top:5px;font-size:14px;display:block}.col-upload-actions{flex-shrink:0;gap:2px;display:flex}.col-upload-actions>.icon-button{width:34px;height:34px}.col-upload-viewer.modal{width:calc(100vw - 48px);max-width:1080px;max-height:calc(100dvh - 48px);padding:24px}.col-upload-view-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.col-upload-view-head>div{min-width:0}.col-upload-view-head h2{overflow-wrap:anywhere;font-size:20px}.col-upload-view-head p{color:var(--muted-foreground);margin-top:6px;font-size:14px}.col-upload-full{background:var(--background);border-radius:12px;justify-content:center;align-items:flex-start;height:calc(100dvh - 250px);min-height:180px;max-height:780px;padding:12px;display:flex;overflow:auto}.col-upload-full img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.col-upload-view-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;display:flex}.col-upload-view-actions .is-liked{color:var(--destructive)}.col-upload-modal.modal{width:calc(100vw - 48px);max-width:760px;padding:28px}.col-upload-modal .modal-head{align-items:flex-start}.col-upload-modal .modal-head>div{flex:1}.col-upload-modal .modal-head p{color:var(--muted-foreground);max-width:540px;margin-top:8px;font-size:14px;line-height:1.6}.col-dropzone{border:1px dashed var(--border);background:var(--secondary);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:200px;padding:28px 20px;display:flex}.col-dropzone>svg{color:var(--muted-foreground)}.col-dropzone strong{font-size:16px;font-weight:500}.col-dropzone span{color:var(--muted-foreground);font-size:14px}.col-dropzone:hover,.col-dropzone.col-drop-active{border-color:var(--foreground);background:var(--accent)}.col-dropzone:disabled{opacity:.6;cursor:wait}.col-upload-modal input.col-file-input{display:none}.col-upload-quota{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;font-size:14px;line-height:1.5;display:flex}.col-upload-quota>span:last-child{margin-left:auto}.col-upload-queue{flex-direction:column;gap:12px;max-height:320px;margin-top:20px;padding:2px;display:flex;overflow:auto}.col-upload-entry{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.col-upload-entry>img,.col-upload-no-preview{object-fit:contain;background:var(--background);border-radius:8px;flex-shrink:0;width:60px;height:76px}.col-upload-no-preview{color:var(--muted-foreground);justify-content:center;align-items:center;display:flex}.col-upload-entry>div{flex:1;min-width:0}.col-upload-entry input{height:40px;padding:8px 10px;font-size:14px}.col-upload-entry small{color:var(--muted-foreground);margin-top:6px;font-size:14px;display:block}.col-upload-entry p{color:var(--destructive);margin-top:6px;font-size:14px;line-height:1.5}.col-upload-entry>svg,.col-upload-entry>button{flex-shrink:0}.col-upload-notice{color:var(--foreground);margin-top:16px;font-size:14px;line-height:1.6}.col-quota-warning{align-items:flex-start;gap:10px;display:flex}.col-quota-warning .button{margin-top:12px}.col-boards-grid{padding-bottom:48px}@media (width<=1100px){.col-content-tools{display:block}.col-content-tools>.button{margin-top:-12px;margin-bottom:24px}.col-board-page .board-title{align-items:flex-start}.col-board-page .board-title>.button-row{flex-wrap:wrap;justify-content:flex-end;max-width:420px}.col-upload-caption{display:block}.col-upload-actions{margin-top:8px}.col-bulk-bar{gap:16px}.col-bulk-actions .button{padding:0 10px}.col-saved-grid .col-object-controls{flex-wrap:wrap}.col-saved-grid .col-object-controls .icon-button{width:34px;height:36px}}@media (width<=700px){.collections-page.collections-v2 .section-title{display:block}.collections-page.collections-v2 .section-title>.button-row{flex-wrap:wrap;margin-top:20px;display:flex}.collections-page.collections-v2 .section-title>.button-row>.button{padding:0 12px;font-size:14px}.col-tabs{gap:16px}.col-tabs button{gap:6px;padding-left:0;padding-right:0;font-size:14px}.col-tabs button svg{width:16px}.col-tools{flex-wrap:wrap;gap:8px;margin-bottom:24px}.col-search{flex:none;width:100%}.col-tools select{width:100%;max-width:100%;font-size:14px}.col-tools>label:not(.col-search){flex:1}.col-tools>.col-result-count{width:100%;margin-top:6px;margin-left:0;font-size:14px}.col-content-tools>.button{width:100%;height:44px;margin-top:-6px}.col-saved-grid{gap:28px 16px;padding-bottom:120px}.col-saved-grid .saved-object:has(.col-object-checkbox){padding-top:32px}.col-object-checkbox{width:22px;height:22px}.col-saved-grid .col-object-controls{flex-wrap:wrap;justify-content:flex-start;gap:0}.col-saved-grid .col-object-controls .icon-button{width:25%;min-width:30px;height:38px}.col-saved-grid .col-object-controls .icon-button:last-child{margin-left:auto}.col-missing{min-height:220px;padding:20px 12px}.col-missing strong,.col-missing p{font-size:14px}.col-saved-site>div{height:230px}.col-note{padding-left:8px;font-size:14px}.col-board-links a{padding:5px 6px;font-size:14px}.col-board-links a svg{display:none}.col-bulk-bar{border-radius:14px;width:auto;max-width:none;padding:12px;display:block;bottom:16px;left:16px;right:16px;transform:none}.col-bulk-bar>div:first-child{margin-bottom:10px}.col-bulk-actions{flex-wrap:wrap;gap:6px}.col-bulk-actions>.button{white-space:nowrap;flex:1;height:40px;padding:0 10px;font-size:14px}.col-bulk-actions>.button svg{width:16px}.col-bulk-actions>.button:has(span){flex:1}.col-bulk-actions>.icon-button{width:36px;height:40px}.col-board-page .board-title>.button-row{justify-content:flex-start;gap:8px;max-width:none}.col-board-page .board-title>.button-row>.button{padding:0 10px;font-size:14px}.col-board-grid-head{gap:8px}.col-board-grid-head>.button{padding:0 12px;font-size:14px}.col-shared-notice{font-size:14px}.col-upload-shot{height:260px;padding:8px}.col-upload-caption{margin-top:12px}.col-upload-caption strong,.col-upload-caption small{font-size:14px}.col-upload-actions{justify-content:flex-start}.col-upload-actions>.icon-button{width:36px;height:36px}.col-upload-viewer.modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}.col-upload-view-head{gap:10px;margin-bottom:16px}.col-upload-view-head h2{font-size:18px}.col-upload-view-head p{font-size:14px}.col-upload-view-actions{justify-content:flex-start;gap:6px}.col-upload-view-actions>.button{flex:1;padding:0 10px;font-size:14px}.col-upload-full{height:calc(100dvh - 235px);padding:6px}.col-upload-modal.modal{width:calc(100vw - 24px);padding:20px}.col-upload-modal .modal-head h2{font-size:20px}.col-dropzone{min-height:180px;padding:24px 14px}.col-dropzone strong{font-size:16px}.col-dropzone span{font-size:14px}.col-upload-quota{align-items:flex-start;gap:6px}.col-upload-quota>span:nth-child(2){flex:1}.col-upload-quota>span:last-child{width:100%;margin-left:20px}.col-upload-queue{max-height:260px}.col-upload-entry{gap:8px}.col-upload-entry>img,.col-upload-no-preview{width:44px;height:64px}.col-upload-entry input{height:40px;padding:8px}.col-upload-entry>.icon-button{width:30px;height:36px}.col-upload-modal .modal-actions>.button{flex:1;padding:0 12px;font-size:14px}.col-edit-modal .color-picker{gap:10px}.col-edit-modal .color-picker button{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.col-upload-card,.col-board-card,.col-bulk-bar{transition:none}}.col-shared-site{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.col-shared-site-full.col-upload-full{display:block}.col-shared-site-full.col-upload-full img{border-radius:0;width:100%;height:auto;max-height:none;display:block}.col-shared-site-caption{color:var(--muted-foreground);margin-top:16px;font-size:14px;line-height:1.6}.col-show-more{justify-content:center;margin-top:-36px;padding-bottom:64px;display:flex}@media (width<=700px){.col-bulk-bar>div:first-child{min-height:24px;padding-right:32px}.col-bulk-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.col-bulk-actions>.icon-button{width:36px;height:36px;position:absolute;top:8px;right:8px}.col-bulk-actions>.button{gap:6px;width:100%;min-width:0;padding:0 6px;font-size:14px}.col-show-more{margin-top:-72px;padding-bottom:88px}}.col-upload-full.col-upload-zoomed{justify-content:flex-start}.col-upload-full.col-upload-zoomed img{max-width:none;height:auto;max-height:none}.col-saved-grid .col-object-checkbox.col-touch-checkbox,.col-share-modal .col-share-checkbox.col-touch-checkbox{width:44px;height:44px;box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:10px;flex-shrink:0;padding:0}.col-touch-checkbox:before{content:"";box-sizing:border-box;border:1px solid var(--muted-foreground);background:var(--background);z-index:-1;border-radius:7px;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.col-touch-checkbox[data-state=checked]:before{background:var(--foreground);border-color:var(--foreground)}.col-touch-checkbox[data-state=checked]{color:var(--background)}.col-touch-checkbox:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.col-saved-grid .col-object-checkbox.col-touch-checkbox{top:0;left:-11px}.col-saved-grid .saved-object:has(.col-object-checkbox){padding-top:48px}.col-share-modal .col-share-checkbox.col-touch-checkbox{position:relative}.col-upload-viewer.modal{height:min(980px,100dvh - 48px);max-height:calc(100dvh - 48px);display:flex;overflow:hidden}.col-upload-viewer.modal>.modal-content{flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.col-upload-viewer.modal .col-upload-view-head,.col-upload-viewer.modal .col-upload-view-actions,.col-upload-viewer.modal .col-shared-site-caption{flex-shrink:0}.col-upload-viewer.modal .col-upload-full{flex:1;min-width:0;height:auto;min-height:0;max-height:none}.col-upload-viewer.modal .col-upload-view-actions{min-width:0}.col-upload-viewer.modal .col-upload-view-actions>.icon-button{flex-shrink:0}@media (width<=700px){.col-upload-viewer.modal{height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}}@media (width<=360px){.col-note-modal .modal-actions{flex-direction:column-reverse;align-items:stretch;gap:8px;display:flex}.col-note-modal .modal-actions>.button{white-space:normal;width:100%;min-width:0;min-height:44px;margin:0;padding:10px 12px;line-height:1.4}}.account-inline-error,.account-notice{align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;display:flex}.account-inline-error svg,.account-notice svg{flex-shrink:0;margin-top:3px}.account-notice{background:var(--secondary);border:1px solid var(--border);color:var(--muted-foreground);border-radius:12px;margin:20px 0;padding:16px}.auth-result{border:1px solid var(--border);background:var(--secondary);border-radius:16px;padding:24px}.auth-result h3{margin:16px 0 0;font-size:20px;line-height:1.4}.auth-result p{margin:12px 0 24px;line-height:1.65}.auth-result .button{white-space:normal;text-align:center;width:100%;min-height:48px}.auth-result-mark{border:1px solid var(--border);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.auth-reset-link{margin:16px 0;display:flex}.auth-current-account{justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:14px;display:flex}.auth-form .form-error{color:var(--tap);margin:16px 0}.account-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.account-section-heading h3{margin:0;font-size:20px}.verified-email{align-items:center;gap:5px;margin-top:8px;display:flex}.session-current{color:var(--muted-foreground);margin-left:8px;font-size:14px;font-weight:400;display:inline-flex}.session-row strong{overflow-wrap:anywhere;line-height:1.5;display:block}.account-empty-note{color:var(--muted-foreground);margin-top:18px;font-size:14px}.subscription-summary{flex-direction:column;gap:12px;display:flex}.subscription-summary strong{font-size:24px}.subscription-summary span{color:var(--muted-foreground);font-size:14px}.subscription-date{color:var(--muted-foreground);margin:20px 0;font-size:14px}.profile-save-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-dirty-label{color:var(--muted-foreground);width:100%;margin-top:2px;font-size:14px}.account-email-section{border-top:1px solid var(--border);margin-top:40px;padding-top:28px}.account-email-section h3{font-size:20px}.account-email-value{overflow-wrap:anywhere;margin:16px 0 10px;font-size:16px}.account-supporting-copy{color:var(--muted-foreground);margin:16px 0;font-size:14px;line-height:1.65}.account-email-section .account-notice p{margin:0 0 16px;font-size:14px;line-height:1.65}.email-request-status{margin-top:12px;line-height:1.6;display:block}.email-change-pending{background:var(--secondary);border:1px solid var(--border);border-radius:16px;margin-top:24px;padding:24px}.email-change-pending h3{font-size:16px}.email-change-pending p{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:14px;line-height:1.65}.email-change-pending small{margin-top:12px;font-size:14px;line-height:1.65;display:block}.email-change-pending .button-row{flex-wrap:wrap;margin-top:20px}.email-pending-address{align-items:flex-start;gap:10px;margin-top:20px;font-size:16px;display:flex}.email-pending-address svg{margin-top:3px}.email-pending-address span{overflow-wrap:anywhere;min-width:0}.email-stage{color:var(--muted-foreground);white-space:nowrap;font-size:14px}.account-session-footer{border-top:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:20px 0;font-size:14px;display:flex}.session-other-exit{white-space:normal;min-height:44px;margin-top:20px}.account-export-list{flex-direction:column;gap:16px;margin:28px 0;padding:0;font-size:16px;list-style:none;display:flex}.account-export-list li{align-items:flex-start;gap:10px;line-height:1.6;display:flex}.account-export-list svg{margin-top:4px}.account-delete-effects{color:var(--muted-foreground);flex-direction:column;gap:8px;margin:20px 0;padding:0;font-size:14px;line-height:1.65;list-style:none;display:flex}.account-delete-effects li:before{content:"·";margin-right:10px;display:inline-block}.account-delete-modal p,.account-change-email-modal p,.account-reauth-modal p{color:var(--muted-foreground);overflow-wrap:anywhere;margin:16px 0 24px;font-size:14px;line-height:1.65}.account-delete-modal p.form-error,.account-change-email-modal p.form-error,.account-reauth-modal p.form-error,.account-reauth-modal .capture-operation-error{color:var(--tap)}.delete-export-action{white-space:normal;min-height:44px;margin-bottom:24px}.delete-acknowledgement{align-items:flex-start;gap:12px;margin:24px 0;font-size:14px;line-height:1.6;display:flex}.delete-acknowledgement>button{flex-shrink:0;margin-top:3px}.reauth-account{background:var(--secondary);border-radius:12px;align-items:flex-start;gap:10px;margin:20px 0;padding:16px;font-size:14px;display:flex}.reauth-account svg{margin-top:2px}.reauth-account span{overflow-wrap:anywhere;min-width:0}@media (width<=760px){.profile-save-row{gap:10px}.account-email-section{margin-top:32px;padding-top:24px}.account-email-section>.account-section-heading{display:flex}.account-email-section>.account-section-heading>.button{margin:0}.account-email-section .account-section-heading h3{font-size:20px}.email-change-pending{padding:20px}.email-change-pending .account-section-heading{align-items:flex-start;display:flex}.email-change-pending .button-row>.button{flex:1;padding-inline:12px}.session-other-exit{width:100%}.account-export-list{gap:16px;font-size:16px}.account-delete-modal .modal-actions,.account-change-email-modal .modal-actions,.account-reauth-modal .modal-actions{flex-wrap:wrap}.account-delete-modal .modal-actions>.button,.account-change-email-modal .modal-actions>.button,.account-reauth-modal .modal-actions>.button{flex:1;min-height:44px}}.settings-content>.button-row{flex-wrap:wrap;margin-top:24px}.site-status{color:var(--muted-foreground);align-items:center;gap:6px;font-size:14px;display:flex}.site-icon-placeholder{border:1px solid var(--border);background:var(--secondary);width:48px;height:48px;color:var(--muted-foreground);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.account-reauth p{margin:0 0 14px;font-size:14px}.capture-operation-error{color:var(--tap);margin:16px 0;font-size:14px;line-height:1.5}.agent-plan-notice{border:1px solid var(--border);background:var(--secondary);border-radius:16px;margin-bottom:24px;padding:24px}.agent-plan-notice h3{margin-bottom:10px;font-size:20px}.agent-plan-notice p{color:var(--muted-foreground);margin-bottom:20px;font-size:14px;line-height:1.65}.agent-token-empty{border-top:1px solid var(--border);color:var(--muted-foreground);padding:20px 0;font-size:14px}.token-row>span{overflow-wrap:anywhere;min-width:0}.token-row small{color:var(--muted-foreground);font-size:14px;line-height:1.6}.token-row>.icon-button{flex-shrink:0}.token-result{border:1px solid var(--border)}.token-result>svg{flex-shrink:0;margin-top:2px}.token-result .button{white-space:normal;min-height:44px;margin-top:14px}.agent-setup>section{min-width:0}.code-block pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;padding-right:24px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:14px;line-height:1.65}.client-tabs{scrollbar-width:none;max-width:100%;padding-bottom:4px;overflow:auto}.client-tabs button{white-space:nowrap;flex-shrink:0;min-height:44px}.agent-examples>div{border-bottom:1px solid var(--border);align-items:center;gap:16px;min-height:64px;padding:16px 0;font-size:16px;display:flex}.agent-examples>div>span:first-child{color:var(--muted-foreground)}.agent-examples>div>span:nth-child(2){overflow-wrap:anywhere;flex:1;min-width:0}.agent-examples .icon-button{flex-shrink:0}.agent-journal{margin-top:56px}.agent-journal h2{margin-bottom:24px;font-size:24px}.agent-journal-empty{border:1px solid var(--border);color:var(--muted-foreground);border-radius:16px;padding:24px;font-size:14px;line-height:1.65}.agent-journal-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:16px 0;display:flex}.agent-journal-row>svg{flex-shrink:0;margin-top:3px}.agent-journal-row>span{overflow-wrap:anywhere;flex:1;min-width:0}.agent-journal-row strong{font-size:14px;font-weight:500}.agent-journal-row small{color:var(--muted-foreground);font-size:14px;line-height:1.65;display:block}.agent-journal-row>small{text-align:right;flex-shrink:0}.agent-journal-row>small>span{display:block}.agent-help{border-top:1px solid var(--border);margin-top:56px;padding-top:28px}.agent-help h2{margin-bottom:20px;font-size:24px}.agent-help details{border-bottom:1px solid var(--border);padding:18px 0;font-size:14px;line-height:1.65}.agent-help summary{cursor:pointer;font-size:16px}.agent-help details p{max-width:720px;color:var(--muted-foreground);margin-top:14px}.agent-page .agent-tools{display:block}.agent-tools h2{margin-bottom:24px;font-size:24px}.agent-tools>div{grid-template-columns:1fr 1fr;gap:16px 32px;display:grid}.agent-tools p{align-items:flex-start;gap:10px;font-size:16px;display:flex}.agent-tools svg{flex-shrink:0;margin-top:3px}.styles-count{color:var(--muted-foreground);margin:0 0 24px;font-size:14px}.style-palette button{min-height:44px;position:relative}.style-palette button:hover{outline:2px solid var(--foreground);outline-offset:2px}.style-type .type-specimen{font-size:28px;font-weight:500}.style-actions{flex-wrap:wrap}.style-actions .button{white-space:nowrap;flex:1}.style-info-button{min-height:44px;color:var(--muted-foreground);background:0 0;border:0;align-items:center;gap:8px;padding:12px 0;font-size:14px;display:flex}.style-detail-modal{max-width:860px!important}.style-detail-heading h2{overflow-wrap:anywhere;font-size:24px}.style-detail-heading p{color:var(--muted-foreground);margin:12px 0 24px;font-size:14px;line-height:1.6}.style-detail-body{grid-template-columns:1fr 1fr;gap:28px;display:grid}.style-detail-body h3{margin-bottom:16px;font-size:16px}.style-swatch{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:48px;margin-bottom:10px;padding:0;font-size:14px;display:flex}.style-swatch>span{border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:40px;height:40px}.style-swatch code{overflow-wrap:anywhere;flex:1;font-family:inherit}.style-font-list{overflow-wrap:anywhere;flex-direction:column;gap:12px;font-size:16px;display:flex}.style-export-tabs{flex-wrap:wrap;gap:8px;margin:24px 0 16px;display:flex}.style-export-tabs button{border:1px solid var(--border);background:0 0;border-radius:10px;min-height:44px;padding:10px 16px;font-size:14px}.style-export-tabs button.active{background:var(--secondary)}.style-export-note{color:var(--muted-foreground);margin-top:16px;font-size:14px;line-height:1.6}.style-detail-modal .modal-actions{flex-wrap:wrap;margin-top:24px}.style-detail-modal .code-block{max-height:300px;overflow:auto}@media (width<=760px){.account-section-heading{display:block}.account-section-heading>.button{margin-top:14px}.session-row{flex-wrap:wrap;gap:10px}.session-row .session-current{margin:2px 0 0;display:block}.session-row .button{min-height:44px}.settings-content .session-list{margin-top:36px}.auth-result{padding:20px}.agent-setup{grid-template-columns:1fr;gap:36px}.token-form{flex-direction:column}.agent-tools>div{grid-template-columns:1fr}.agent-journal-row{flex-wrap:wrap;gap:10px}.agent-journal-row>span{min-width:calc(100% - 40px)}.agent-journal-row>small{text-align:left;margin-left:26px}.agent-plan-notice{padding:20px}.style-detail-body{grid-template-columns:1fr;gap:24px}.style-detail-modal{padding:24px!important}.style-detail-modal .modal-actions .button{width:100%}.style-actions{gap:8px}.account-billing-modal .modal-actions{flex-direction:column;justify-content:flex-start;align-items:stretch}.account-billing-modal .modal-actions>.button{white-space:normal;overflow-wrap:anywhere;text-align:center;width:100%;min-width:0;height:auto;min-height:44px}}.sx-grid{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:36px 24px;display:grid}.sx-card{min-width:0;color:var(--foreground);border-radius:20px;display:block}.sx-card:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.sx-stage{isolation:isolate;aspect-ratio:5/4;background:var(--card);border-radius:20px;padding:28px 28px 0;position:relative;overflow:hidden}.sx-glow{object-fit:cover;filter:blur(60px)saturate(1.8);opacity:.55;z-index:-1;pointer-events:none;width:78%;height:70%;transition:scale .4s,opacity .4s;position:absolute;top:58%;left:50%;translate:-50% -50%}.sx-stage:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#ffffff0d,#fff0 70%);position:absolute;inset:0}.sx-card:hover .sx-glow{opacity:.7;scale:1.12}.sx-window{background:#0b0b0d;border-radius:12px 12px 0 0;flex-direction:column;height:100%;transition:translate .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff17,0 24px 60px #00000080}.sx-card:hover .sx-window{translate:0 -4px}.sx-bar{background:#1a1a1e;border-bottom:1px solid #ffffff0f;flex:0 0 32px;justify-content:center;align-items:center;padding:0 12px;display:flex}.sx-bar span{max-width:70%;height:22px;color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0d;border-radius:7px;align-items:center;padding:0 10px;font-size:14px;line-height:1;display:flex;overflow:hidden}.sx-view{background:var(--secondary);flex:1;position:relative;overflow:hidden}.sx-strip{will-change:transform;flex-direction:column;transition-property:transform;transition-timing-function:cubic-bezier(.45,.05,.35,1);display:flex}.sx-strip img{background:var(--secondary);flex-shrink:0;width:100%;height:auto;display:block}.sx-state{height:100%;color:var(--muted-foreground);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:14px;display:flex}.sx-state>svg{color:var(--foreground)}.sx-caption{align-items:center;gap:12px;min-width:0;padding:14px 2px 0;display:flex}.sx-caption>.app-icon,.sx-caption>.site-icon-placeholder{border:1px solid var(--border);box-sizing:border-box;width:36px;height:36px;box-shadow:none;object-fit:cover;border-radius:10px;flex:none}.sx-caption>div{flex-direction:column;gap:2px;min-width:0;display:flex}.sx-caption strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.sx-caption small{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.sx-detail .back-link{min-height:44px;color:var(--muted-foreground);align-items:center;gap:8px;font-size:14px;display:inline-flex}.sx-detail .back-link:hover{color:var(--foreground)}.sx-head{flex-wrap:wrap;align-items:center;gap:16px;margin:8px 0 28px;display:flex}.sx-head>.app-icon,.sx-head>.site-icon-placeholder{border:1px solid var(--border);box-sizing:border-box;width:52px;height:52px;box-shadow:none;object-fit:cover;border-radius:14px;flex:none}.sx-head-text{flex:280px;min-width:0}.sx-head-text h1{letter-spacing:-.03em;font-size:28px;font-weight:600;line-height:1.15}.sx-head-text p{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:6px;font-size:14px;display:flex}.sx-head-text a{color:var(--foreground);text-underline-offset:3px;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.sx-head-text a:hover{-webkit-text-decoration-color:var(--foreground);-webkit-text-decoration-color:var(--foreground);-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.sx-own{align-items:center;gap:6px;display:inline-flex}.sx-head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sx-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:40px;display:grid}.sx-main{min-width:0}.sx-page{background:var(--secondary);border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 24px 60px #0006}.sx-page-bar{height:40px;color:var(--muted-foreground);background:#1a1a1e;border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.sx-tile{line-height:0;display:block}.sx-tile img{width:100%;height:auto;display:block}.sx-chips{display:none}.sx-panel{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:32px;max-height:calc(100dvh - 112px);padding-bottom:8px;display:flex;position:sticky;top:96px;overflow:auto}.sx-panel h2{margin:0 0 14px;font-size:16px;font-weight:600}.sx-empty{color:var(--muted-foreground);margin:0 0 12px;font-size:14px;line-height:1.6}.sx-spine{align-items:flex-start;display:flex;position:relative}.sx-spine-map{background:var(--secondary);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a}.sx-spine-map:active{cursor:grabbing}.sx-spine-map:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.sx-spine-map img{object-fit:fill;opacity:.85;pointer-events:none;width:100%;height:100%;display:block}.sx-spine-window{border:2px solid var(--foreground);pointer-events:none;background:#ffffff1f;border-radius:4px;transition:top 80ms linear;position:absolute;left:0;right:0;box-shadow:0 0 0 999px #0e0e1066}.sx-spine-zone{pointer-events:none;background:#ffffff38;position:absolute;left:0;right:0}.sx-spine-leads{flex:0 0 18px;overflow:visible}.sx-spine-leads path{fill:none;stroke:#ffffff2e;stroke-width:1px;transition:stroke .15s}.sx-spine-leads path.is-on{stroke:var(--foreground)}.sx-spine-labels{flex:1;align-self:stretch;min-width:0;position:relative}.sx-spine-label{text-align:left;min-height:44px;font:inherit;color:var(--muted-foreground);cursor:pointer;transition:background-color var(--motion-fast,.12s),color var(--motion-fast,.12s);-webkit-line-clamp:2;background:0 0;border:0;border-radius:10px;-webkit-box-orient:vertical;align-items:center;padding:4px 8px;font-size:14px;line-height:1.3;display:-webkit-box;position:absolute;left:0;right:0;overflow:hidden}.sx-spine-label:hover,.sx-spine-label:focus-visible{background:var(--secondary);color:var(--foreground)}.sx-spine-label.is-current{color:#fff;font-weight:500}.sx-palette-bar{border-radius:10px;height:40px;margin-bottom:12px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a}.sx-palette-bar span{flex-basis:0;min-width:4px}.sx-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.sx-swatches button{min-height:44px;color:var(--foreground);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--motion-fast,.12s);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 10px;display:flex}.sx-swatches button:hover{background:var(--secondary)}.sx-swatches button>span{border-radius:7px;flex:none;width:24px;height:24px;box-shadow:inset 0 0 0 1px #ffffff26}.sx-swatches code{font-variant-numeric:tabular-nums;text-transform:uppercase;font-family:inherit;font-size:14px}.sx-swatches small{color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px}.sx-fonts{flex-direction:column;gap:2px;display:flex}.sx-fonts button{min-height:44px;color:var(--foreground);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion-fast,.12s);background:0 0;border:0;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:8px 10px;display:grid}.sx-fonts button:hover{background:var(--secondary)}.sx-font-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden}.sx-fonts small{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:14px}.sx-font-bar{background:var(--secondary);border-radius:2px;grid-column:1/-1;height:3px;overflow:hidden}.sx-font-bar span{background:var(--muted-foreground);border-radius:2px;height:100%;display:block}.sx-fonts button:hover .sx-font-bar span{background:var(--foreground)}.sx-history{flex-direction:column;display:flex}.sx-history a{min-height:44px;color:var(--muted-foreground);border-radius:10px;align-items:center;padding:0 10px;font-size:14px;display:flex}.sx-history a:hover{background:var(--secondary);color:var(--foreground)}@media (width<=1100px){.sx-layout{grid-template-columns:minmax(0,1fr) 300px;gap:28px}}@media (width<=900px){.sx-layout{display:block}.sx-panel{max-height:none;margin-top:32px;position:static;overflow:visible}.sx-panel-spine{display:none}.sx-chips{scrollbar-width:none;gap:8px;margin:0 -16px 16px;padding:0 16px;display:flex;overflow-x:auto}.sx-chips button{border:1px solid var(--border);max-width:240px;min-height:44px;color:var(--foreground);font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border-radius:12px;flex:none;padding:0 14px;font-size:14px;overflow:hidden}.sx-chips button:hover{background:var(--secondary)}}@media (width<=760px){.sx-stage{padding:20px 20px 0}.sx-head{gap:12px}.sx-head>.app-icon,.sx-head>.site-icon-placeholder{width:44px;height:44px}.sx-head-actions{width:100%}.sx-head-actions>.button{flex:1;padding-inline:10px}}@media (hover:none),(pointer:coarse){.sx-card:hover .sx-window{translate:none}.sx-card:hover .sx-glow{opacity:.55;scale:1}}@media (prefers-reduced-motion:reduce){.sx-strip{transition:none!important}.sx-window,.sx-glow,.sx-spine-window{transition:none}}.styles-page .styles-toolbar{align-items:center;gap:8px}.styles-page .styles-toolbar>input{border-radius:12px;max-width:380px;height:48px;font-size:16px}.styles-page .style-card{flex-direction:column;display:flex}.styles-page .style-card-body{flex-direction:column;flex:1;display:flex}.styles-page .style-actions{margin-top:auto;padding-top:16px}@media (width<=760px){.styles-page .styles-toolbar>.facet{width:auto!important}.styles-page .styles-toolbar>input{max-width:none}}.agent-page .client-tabs{background:var(--secondary);border-radius:13px;gap:2px;width:max-content;max-width:100%;padding:3px;display:flex}.agent-page .client-tabs button{min-height:42px;color:var(--muted-foreground);transition:background-color var(--motion-fast,.12s),color var(--motion-fast,.12s);background:0 0;border:0;border-radius:10px;padding:0 14px;font-size:14px;font-weight:500}.agent-page .client-tabs button:hover{color:var(--foreground)}.agent-page .client-tabs button.active{background:var(--foreground);color:var(--background)}.agent-page .code-block{padding-right:64px;overflow:auto}.agent-page .code-block pre{white-space:pre;overflow-wrap:normal;max-width:none;padding-right:0}.agent-page .code-block>.icon-button{background:var(--card);top:10px;right:10px}.agent-page .agent-help details{border-bottom:1px solid var(--border);padding:0}.agent-page .agent-help summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:60px;font-weight:500;list-style:none;display:flex}.agent-page .agent-help summary::-webkit-details-marker{display:none}.agent-page .agent-help summary:after{content:"+";color:var(--muted-foreground);flex:none;font-size:20px;font-weight:400}.agent-page .agent-help details[open] summary:after{content:"−"}.agent-page .agent-help details p{margin:0 0 20px}@media (width<=760px){.agent-page .code-block{padding:20px 60px 20px 16px}}.sx-stage{background:radial-gradient(70% 55% at 50% 100%,var(--site-accent,transparent),transparent 75%),var(--card)}@supports (color:color-mix(in lab, red, red)){.sx-stage{background:radial-gradient(70% 55% at 50% 100%,color-mix(in srgb,var(--site-accent,transparent) 38%,transparent),transparent 75%),var(--card)}}@media (width<=760px){.sx-head-actions{flex-wrap:nowrap}.sx-head-actions>.button{flex:1 1 0;min-width:0}.sx-head-actions>.button svg{display:none}.sx-head-actions>.icon-button{flex:0 0 44px}}.sx-swatches,.sx-fonts,.sx-history{margin-inline:-10px}.agent-page .code-block{align-items:center;gap:8px;padding:10px 10px 10px 16px;display:flex;overflow:hidden}.agent-page .code-block pre{scrollbar-width:none;flex:auto;min-width:0;margin:0;padding:6px 0;overflow-x:auto}.agent-page .code-block pre::-webkit-scrollbar{display:none}.agent-page .code-block>.icon-button{background:var(--secondary);flex:none;width:44px;height:44px;position:static}@media (width<=760px){.agent-page .code-block{padding:8px 8px 8px 14px}}.styles-page .style-actions{gap:8px;display:flex}.styles-page .style-actions>*{flex:1 1 0;min-width:0}}@layer motion{@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--motion-fast:.12s;--motion-enter:.18s;--motion-exit:.12s;--motion-menu-enter:.12s;--motion-menu-exit:90ms;--motion-ease-out:cubic-bezier(.16, 1, .3, 1);--motion-ease-in:cubic-bezier(.4, 0, 1, 1)}@keyframes ui-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes ui-overlay-exit{0%{opacity:1}to{opacity:0}}@keyframes ui-dialog-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes ui-dialog-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(3px)}}@keyframes ui-menu-enter{0%{opacity:0;transform:translate(var(--motion-menu-x,0), var(--motion-menu-y,3px)) scale(.985)}to{opacity:1;transform:none}}@keyframes ui-menu-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translate(var(--motion-menu-x,0), var(--motion-menu-y,3px)) scale(.99)}}@keyframes ui-sheet-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes ui-sheet-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px)}}@keyframes ui-side-panel-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes ui-side-panel-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-6px)}}@keyframes ui-skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}[data-motion-overlay][data-state=open]{animation:ui-overlay-enter var(--motion-enter) var(--motion-ease-out) both}[data-motion-overlay][data-state=closed]{animation:ui-overlay-exit var(--motion-exit) var(--motion-ease-in) both}.modal[data-state=open]{animation:ui-dialog-enter var(--motion-enter) var(--motion-ease-out) both}.modal[data-state=closed]{animation:ui-dialog-exit var(--motion-exit) var(--motion-ease-in) both}.viewer-modal[data-state=open],.flow-zoom-modal[data-state=open]{animation-name:ui-overlay-enter}.viewer-modal[data-state=closed],.flow-zoom-modal[data-state=closed]{animation-name:ui-overlay-exit}:is([role=menu],[data-motion-popover])[data-state]{transform-origin:var(--radix-dropdown-menu-content-transform-origin,var(--radix-popover-content-transform-origin,center))}:is([role=menu],[data-motion-popover])[data-side=top]{--motion-menu-y:-3px}:is([role=menu],[data-motion-popover])[data-side=left]{--motion-menu-x:-3px;--motion-menu-y:0}:is([role=menu],[data-motion-popover])[data-side=right]{--motion-menu-x:3px;--motion-menu-y:0}:is([role=menu],[data-motion-popover])[data-state=open]{animation:ui-menu-enter var(--motion-menu-enter) var(--motion-ease-out) both}:is([role=menu],[data-motion-popover])[data-state=closed]{animation:ui-menu-exit var(--motion-menu-exit) var(--motion-ease-in) both}:is([data-motion-overlay],.modal,[role=menu],[data-motion-popover])[data-state=closed]{pointer-events:none}.button,.icon-button,.chip,.profile-trigger,.segmented button,.page-tabs button,.sort-tabs button,.client-tabs button,.profile-menu [role=menuitem],.asset-error [role=button]{transition-property:background-color,color,border-color,opacity;transition-duration:var(--motion-fast);transition-timing-function:var(--motion-ease-out)}.card-actions{pointer-events:none}.screen-card:is(:hover,:focus-within) .card-actions{pointer-events:auto}.app-shot,.flow-layer,.screen-shot{transition:none}.app-cover:hover .app-shot,.screen-shot:hover{transform:none}.toast[data-state=closed]{animation:ui-overlay-exit var(--motion-exit) var(--motion-ease-in) both;pointer-events:none}.motion-content{animation:ui-overlay-enter var(--motion-enter) var(--motion-ease-out) both}.motion-skeleton{background:var(--muted);border-radius:var(--radius-md,12px);animation:1.6s ease-in-out infinite ui-skeleton-pulse;display:block}@media (width<=760px){.card-actions{pointer-events:auto}.search-modal[data-state=open],[data-motion-sheet][data-state=open]{animation-name:ui-sheet-enter}.search-modal[data-state=closed],[data-motion-sheet][data-state=closed]{animation-name:ui-sheet-exit}.flow-sidebar.open[data-state=open]{animation:ui-side-panel-enter var(--motion-enter) var(--motion-ease-out) both}.flow-sidebar.open[data-state=closed]{animation:ui-side-panel-exit var(--motion-exit) var(--motion-ease-in) both;pointer-events:none}.screen-information.mobile-open>:not(.mobile-info-toggle){animation:ui-overlay-enter var(--motion-enter) var(--motion-ease-out) both}}@media (hover:none),(pointer:coarse){.app-cover:hover{background:var(--secondary)}.app-cover:hover .app-shot{box-shadow:var(--shadow-sm);transform:none}.screen-shot:hover{transform:none}.screen-shot:hover img{box-shadow:var(--shadow-sm)}.card-actions{opacity:1;pointer-events:auto}.app-caption>.icon-button,.flow-caption>.icon-button{opacity:1}.button:not(.primary):hover,.icon-button:hover{background:0 0}.chip:not(.active):hover{color:var(--muted-foreground);background:0 0}.search-suggestions>button:hover:not(.active),.save-list>button:hover,.flow-sidebar>button:hover:not(.active){background:0 0}}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-enter:0s;--motion-exit:0s;--motion-menu-enter:0s;--motion-menu-exit:0s}:is([data-motion-overlay],.modal,[role=menu],[data-motion-popover],[data-motion-sheet],.toast,.motion-content,.motion-skeleton,.flow-sidebar.open,.screen-information.mobile-open>:not(.mobile-info-toggle)){transition:none!important;animation:none!important}.app-cover:hover .app-shot,.screen-shot:hover{transform:none}}@media (width<=760px){.modal:is(.small-modal,.filter-modal,.col-upload-modal,.style-detail-modal,.paywall-modal)[data-state=open]{animation:ui-sheet-enter var(--motion-enter) var(--motion-ease-out) both}.modal:is(.small-modal,.filter-modal,.col-upload-modal,.style-detail-modal,.paywall-modal)[data-state=closed]{animation:ui-sheet-exit var(--motion-exit) var(--motion-ease-in) both}}.flow-viewer .flow-triptych:not(.web-flow){grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;width:100%;min-height:0;margin-left:0;display:grid}.flow-viewer .flow-triptych:not(.web-flow) .flow-stage-shot{place-items:center;width:100%;min-width:0;max-width:none;height:100%;min-height:0;display:grid;container-type:size}.flow-viewer .flow-triptych:not(.web-flow) .hotspot-image{width:100%;height:100%;max-height:100%}.flow-viewer .flow-triptych:not(.web-flow) .hotspot-image img{object-fit:contain;width:100%;height:100%;max-height:100%}@supports (width:1cqw){.flow-viewer .flow-triptych:not(.web-flow) .hotspot-image{width:min(100cqw, calc(100cqh * var(--flow-aspect,.462)));height:auto;aspect-ratio:var(--flow-aspect,.462)}}.flow-viewer .flow-triptych{touch-action:pan-y}.flow-viewer .flow-triptych.web-flow{align-items:stretch;min-height:0}.flow-viewer .web-flow .flow-stage-shot{place-items:center;height:100%;min-height:0;display:grid;container-type:size}.flow-viewer .web-flow .hotspot-image{width:100%;height:100%;max-height:100%}.flow-viewer .web-flow .hotspot-image img{object-fit:contain;width:100%;height:100%;max-height:100%}@supports (width:1cqw){.flow-viewer .web-flow .hotspot-image{width:min(100cqw, calc(100cqh * var(--flow-aspect,1.6)));height:auto;aspect-ratio:var(--flow-aspect,1.6)}}.flow-viewer .hotspot-image.zoomable{cursor:zoom-in}.flow-viewer .flow-stage-footer{flex-shrink:0}.flow-viewer .step-dots{scrollbar-width:thin;overscroll-behavior-x:contain;scroll-behavior:auto;flex-wrap:nowrap;justify-content:flex-start;gap:0;width:max-content;min-width:0;max-width:min(400px,100%);padding-bottom:2px;display:flex;overflow:auto hidden}.flow-viewer .step-dots button{flex:0 0 36px;width:36px;height:36px}.flow-viewer .step-dots button:after{inset:15px}.flow-viewer .flow-playback-actions{justify-content:center;align-items:center;gap:8px;margin-block:8px;display:flex}.flow-viewer .flow-playback-actions>.button,.flow-viewer .flow-playback-actions>.icon-button{min-width:44px;min-height:44px}@media (width<=1024px){.flow-viewer .flow-viewer-body{grid-template-columns:minmax(0,1fr);display:grid;position:relative}.flow-viewer .flow-sidebar{z-index:5;background:var(--card);inset-block:0;width:min(270px,100% - 72px);height:100%;display:none;position:absolute;left:0}.flow-viewer .flow-sidebar.open{display:block}.flow-viewer .flow-sidebar.open[data-state=open]{animation:ui-side-panel-enter var(--motion-enter) var(--motion-ease-out) both}.flow-viewer .flow-sidebar.open[data-state=closed]{animation:ui-side-panel-exit var(--motion-exit) var(--motion-ease-in) both;pointer-events:none}.flow-viewer .flow-sidebar-toggle{min-width:44px;min-height:44px;display:inline-flex}.flow-viewer .flow-stage{height:100%;padding:24px 42px 16px;container-type:inline-size}.flow-viewer .flow-triptych:not(.web-flow){grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:12px;width:200%;margin-left:-50%}.flow-viewer .web-flow .flow-stage-shot{flex:0 0 84px;width:84px;max-width:84px}.flow-viewer .web-flow .flow-stage-shot.current{flex:none;width:min(780px,100vw - 96px);max-width:min(780px,100vw - 96px)}@supports (width:1cqw){.flow-viewer .web-flow .flow-stage-shot.current{width:min(780px,100cqw - 12px);max-width:min(780px,100cqw - 12px)}}}@media (height<=600px){.flow-viewer .flow-stage{padding-block:12px 8px}.flow-viewer .flow-stage-footer{gap:4px;padding-top:8px}.flow-viewer .flow-playback-actions{margin-block:2px}.flow-viewer .flow-stage-footer>small:last-child{display:none}}.flow-chapter-picker{width:100%;max-width:min(480px,100vw - 48px)}.flow-chapter-picker select{border:1px solid var(--border);background:var(--background);width:100%;height:34px;color:var(--foreground);border-radius:8px;padding:4px 28px 4px 10px;font-size:14px}}@layer pages{.lib-index{border-bottom:1px solid var(--border);padding-bottom:40px;position:relative}.lib-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:32px;display:flex}.lib-head h1{letter-spacing:-.035em;font-size:40px}.lib-counts{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:14px}.lib-columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.lib-col h2{letter-spacing:0;color:var(--muted-foreground);margin-bottom:12px;font-size:14px;font-weight:500}.lib-col ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lib-col li a{letter-spacing:-.02em;min-height:36px;color:var(--foreground);align-items:center;font-size:20px;font-weight:500;transition:color .15s;display:inline-flex}.lib-col li a:hover{color:var(--muted-foreground)}.lib-col-all{min-height:40px;color:var(--muted-foreground);align-items:center;gap:6px;margin-top:8px;font-size:14px;transition:color .15s,gap .15s;display:inline-flex}.lib-col-all:hover{color:var(--foreground);gap:9px}.lib-entries{display:none}@media (width<=1100px){.lib-col li a{min-height:32px;font-size:16px}}@media (width<=760px){.lib-index{padding-bottom:24px}.lib-head{margin-bottom:20px}.lib-head h1{font-size:28px}.lib-columns{display:none}.lib-entries{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lib-entry{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);height:120px;color:var(--foreground);text-align:left;cursor:pointer;flex-direction:column;justify-content:space-between;padding:12px 14px 0;display:flex;position:relative;overflow:hidden}.lib-entry>span{font-size:16px;font-weight:600}.lib-entry>img{transform-origin:0 100%;border-radius:10px;align-self:flex-end;width:44%;height:auto;margin:0 -2px -46% 0;transform:rotate(-6deg);box-shadow:0 0 0 1px #ffffff14}.lib-entry>svg{color:var(--muted-foreground);align-self:flex-end;margin-bottom:14px}}.lib-catalog{padding-top:28px}.lib-toolbar{align-items:center;gap:24px;margin-bottom:28px;display:flex}.lib-sort{gap:4px;display:flex}.lib-sort>button{height:var(--h-sm);color:var(--muted-foreground);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;padding:0 12px;font-size:14px;font-weight:500;transition:color .15s,background-color .15s;display:inline-flex}.lib-sort>button:hover{color:var(--foreground)}.lib-sort>button.active{color:var(--foreground);background:var(--secondary)}.lib-sort-menu{display:none}.lib-filter{margin-left:auto}.count-badge{background:var(--foreground);min-width:20px;height:20px;color:var(--background);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.label-short{display:none}@media (width<=1100px){.lib-sort{display:none}.lib-sort-menu{display:block}.lib-toolbar{gap:8px}}@media (width<=760px){.lib-catalog{padding-top:20px}.lib-toolbar{flex-wrap:wrap;row-gap:8px;margin-bottom:20px}.lib-toolbar .segmented{flex:calc(50% - 4px)}.lib-filter{flex:none;margin-left:auto}.lib-toolbar .segmented>button{flex:1;padding:0 8px}.label-long{display:none}.label-short{display:inline}.lib-filter{width:var(--h);padding:0}.lib-filter>span:not(.count-badge){display:none}.lib-filter .count-badge{position:absolute;top:-6px;right:-6px}.lib-filter{position:relative}}.lib-flows{padding-top:96px}.lib-flows .section-title{align-items:flex-end}.lib-flows .section-title h2{letter-spacing:-.03em;font-size:28px}@media (width<=760px){.lib-flows .section-title h2{font-size:24px}}.lib-agent{border-radius:var(--radius-xl);background:var(--foreground);color:var(--background);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;margin-top:112px;padding:56px;display:grid}.lib-agent .eyebrow{color:#5c5c63}.lib-agent h2{letter-spacing:-.03em;color:var(--background);font-size:28px}.lib-agent-copy p{color:#45454b;max-width:440px;margin:12px 0 28px}.lib-agent .button.primary{background:var(--background);color:var(--foreground)}.lib-agent .button.primary:hover{color:var(--foreground);background:#26262b}.lib-agent-chat{border-radius:var(--radius-lg);background:#e6e6e9;flex-direction:column;gap:12px;padding:24px;display:flex}.lib-agent-chat small{color:#5c5c63}.lib-agent-ask{background:#fff;border-radius:14px 14px 4px;align-self:flex-end;max-width:85%;padding:12px 16px;font-size:15px;box-shadow:0 1px 2px #0000000f}.lib-agent-answer{gap:12px;font-size:14px;display:flex}.lib-agent-answer strong{font-size:15px;display:block}.lib-agent-answer p{color:#45454b;margin:2px 0 10px}.lib-agent-spark{color:#c15f3c;font-size:18px;line-height:1.2}.lib-agent-tags{flex-wrap:wrap;gap:6px;display:flex}.lib-agent-tags span{background:#fff;border-radius:999px;padding:4px 10px;font-size:14px}@media (width<=1100px){.lib-agent{grid-template-columns:1fr;gap:32px;padding:40px}}@media (width<=760px){.lib-flows{padding-top:64px}.lib-agent{border-radius:var(--radius-lg);margin-top:72px;padding:28px 20px}.lib-agent h2{font-size:24px}}.results .page-head{margin-bottom:20px}.results .page-head h1{letter-spacing:-.035em;font-size:40px}.results-count{font-variant-numeric:tabular-nums}.results-correction{color:var(--foreground)}.results-correction button{color:var(--muted-foreground);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-left:6px;padding:0;text-decoration:underline}.results-image{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);align-items:center;gap:20px;margin-bottom:24px;padding:16px;display:flex}.results-image img{object-fit:contain;border-radius:8px;width:64px;max-height:140px}.results-image>div{flex:1;min-width:0}.results-image p{color:var(--muted-foreground);margin-top:4px;font-size:14px}@media (width<=760px){.results-image{flex-wrap:wrap;gap:14px}.results-image>.button{width:100%}}.pager{justify-content:center;align-items:center;gap:16px;margin-top:48px;display:flex}.pager-page{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-weight:500}.pager-page small{color:var(--muted-foreground)}@media (width<=760px){.results .page-head h1{font-size:28px}.pager{gap:8px}.pager .button{white-space:normal;text-align:center;flex:1 1 0;min-width:0;height:auto;padding:10px 12px;line-height:1.25}.pager-page{min-width:48px}}.ap-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:24px;display:grid}.ap-icon{border:1px solid var(--border);object-fit:cover;background:var(--card);border-radius:22px;width:88px;height:88px}.ap-id{min-width:0}.ap-name{letter-spacing:-.035em;font-size:40px;line-height:1.1}.ap-tagline{max-width:640px;color:var(--muted-foreground);margin-top:6px}.ap-facts{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 0;margin:12px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.ap-facts li{white-space:nowrap;align-items:center;display:inline-flex}.ap-facts li+li:before{content:"";background:#55555c;border-radius:50%;width:3px;height:3px;margin:0 10px}.ap-facts li:first-child{color:var(--foreground)}.ap-rating{color:var(--foreground);align-items:center;gap:4px;display:inline-flex}.ap-rating span{color:var(--muted-foreground)}.ap-store-link{color:var(--foreground);text-underline-offset:3px;align-items:center;gap:4px;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40;display:inline-flex}.ap-store-link:hover{-webkit-text-decoration-color:var(--foreground);-webkit-text-decoration-color:var(--foreground);-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.ap-actions{align-self:start;align-items:center;gap:8px;display:flex}.ap-actions>.icon-button{border:1px solid var(--border)}.ap-version{height:var(--h);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);white-space:nowrap;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 12px 0 16px;font-size:14px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.ap-version span{text-overflow:ellipsis;overflow:hidden}.ap-version svg{color:var(--muted-foreground)}.ap-version:hover,.ap-version[data-state=open]{background:var(--secondary);border-color:var(--border-strong)}.ap-tabs{margin:40px 0 0}.ap-toolbar{align-items:center;gap:8px;margin:20px 0 28px;display:flex}.ap-find{min-width:0;height:var(--h-sm);border:1px solid var(--border);color:var(--muted-foreground);border-radius:999px;flex:0 300px;align-items:center;gap:8px;padding:0 4px 0 12px;transition:border-color .15s,background-color .15s;display:flex}.ap-find:focus-within{border-color:var(--border-strong);background:var(--card)}.ap-find input{min-width:0;height:100%;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:14px}.ap-find input:focus{background:0 0}.ap-find button{width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.ap-find button:hover{background:var(--secondary);color:var(--foreground)}.ap-select{height:var(--h-sm);min-height:var(--h-sm);border-radius:999px;margin-left:auto}.ap-select.is-on{background:var(--foreground);color:var(--background);border-color:#0000}.ap-find-btn,.ap-find-done,.ap-find-note{display:none}.ap-screens .shot-open[aria-pressed]{cursor:pointer}.ap-screens .shot-caption{display:none}.ap-more{justify-content:center;margin-top:48px;display:flex}.ap-related{border-top:1px solid var(--border);margin-top:96px;padding-top:32px}.ap-related h2{margin-bottom:16px}.ap-related-row{scrollbar-width:none;gap:4px;margin:0 -8px;padding:0 8px;display:flex;overflow-x:auto}.ap-related-row::-webkit-scrollbar{display:none}.ap-related-row a{border-radius:var(--radius-lg);text-align:center;flex-direction:column;flex:0 0 104px;align-items:center;gap:10px;padding:12px 4px;transition:background-color .15s;display:flex}.ap-related-row a:hover{background:var(--card)}.ap-related-row img{border:1px solid var(--border);object-fit:cover;border-radius:15px;width:60px;height:60px}.ap-related-row span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}.ap-selection{z-index:45;border:1px solid var(--border-strong);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);animation:ap-up .2s var(--motion-ease-out,ease) both;background:#17171af2;align-items:center;gap:8px;padding:8px 8px 8px 20px;display:flex;position:fixed;bottom:24px;left:50%;translate:-50%}.ap-selection>span{color:var(--muted-foreground);white-space:nowrap;font-variant-numeric:tabular-nums;margin-right:8px;font-size:14px}@keyframes ap-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ap-selection{animation:none}}@media (width<=1100px){.ap-head{grid-template-columns:auto minmax(0,1fr);row-gap:20px}.ap-actions{grid-column:1/-1}.ap-icon{border-radius:18px;width:72px;height:72px}.ap-name{font-size:32px}}@media (width<=760px){.ap-head{grid-template-columns:60px minmax(0,1fr);grid-template-areas:"icon name""icon tag""facts facts""actions actions";align-items:center;gap:0 14px}.ap-id{display:contents}.ap-icon{border-radius:15px;grid-area:icon;align-self:start;width:60px;height:60px}.ap-name{grid-area:name;align-self:end;font-size:24px;line-height:1.2}.ap-tagline{grid-area:tag;align-self:start;margin-top:2px;font-size:14px}.ap-facts{grid-area:facts;gap:6px 14px;margin-top:14px}.ap-facts li+li:before{display:none}.ap-actions{grid-area:actions;margin-top:16px;display:flex}.ap-actions>.button.primary{flex:auto;min-width:0}.ap-actions>.ap-version{flex:0 auto;min-width:0}.ap-tabs{margin-top:24px}.ap-toolbar{margin:16px 0 20px}.ap-toolbar .ap-find{display:none}.ap-find-btn{width:var(--h-sm);height:var(--h-sm);border:1px solid var(--border);border-radius:999px;display:inline-flex;position:relative}.ap-find-btn.has-text:after{content:"";background:var(--foreground);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.ap-toolbar.is-finding>*{display:none}.ap-toolbar.is-finding .ap-find{height:var(--h);flex:auto;display:flex}.ap-toolbar.is-finding .ap-find input{font-size:16px}.ap-toolbar.is-finding .ap-find-done{height:var(--h);color:var(--foreground);cursor:pointer;background:0 0;border:0;flex:none;padding:0 4px 0 8px;font-size:16px;display:block}.ap-find-note{color:var(--muted-foreground);align-items:center;gap:8px;margin:-8px 0 16px;font-size:14px;display:flex}.ap-find-note button{min-height:32px;color:var(--foreground);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:14px;text-decoration:underline}.ap-related{margin-top:64px}.ap-selection{padding-left:14px;bottom:12px;left:12px;right:12px;translate:none}.ap-selection .button{flex:1;padding:0 10px}}.modal.viewer-modal{width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;background:#0b0b0d;border:0;border-radius:0;top:0;left:0;translate:none}.viewer-modal .modal-content{height:100%}.sv-layout{grid-template-columns:minmax(0,1fr) 384px;height:100%;min-height:0;display:grid}.sv-stage{background:radial-gradient(60% 55% at 50% 45%,#16161a 0,#0b0b0d 70%);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:0;padding:72px 40px 28px;display:flex;position:relative;overflow:hidden}.sv-counter{border:1px solid var(--border);height:42px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;background:#141417;border-radius:12px;align-items:center;gap:6px;padding:0 14px;font-size:16px;display:flex;position:absolute;top:24px;left:32px}.sv-counter b{color:var(--foreground);font-weight:500}.sv-close-mobile{display:none}.sv-figure{flex:auto;justify-content:center;align-items:center;gap:28px;width:100%;min-height:0;display:flex}.sv-nav{border:1px solid var(--border);width:48px;height:48px;color:var(--foreground);cursor:pointer;transition:background-color var(--motion-fast),border-color var(--motion-fast),opacity var(--motion-fast),transform .18s var(--motion-ease-out);background:#17171a;border-radius:12px;flex:none;place-items:center;display:grid}.sv-nav:hover:not(:disabled){background:var(--secondary);border-color:var(--accent)}.sv-nav:active:not(:disabled){transform:scale(.94)}.sv-nav:disabled{opacity:.3;cursor:default}.sv-shot{cursor:zoom-in;height:100%;max-height:calc(100dvh - 160px);animation:sv-shot-in .26s var(--motion-ease-out) both;justify-content:center;align-items:center;display:flex;position:relative}.sv-shot>img,.sv-shot>.asset-error{object-fit:contain;border-radius:24px;width:auto;max-width:min(100%,640px);height:100%;display:block;box-shadow:0 0 0 1px #2a2a2f,0 30px 80px #000000b3}.sv-shot.is-web{width:100%;max-width:min(100%,1100px);height:auto}.sv-shot.is-web>img{border-radius:12px;width:100%;max-width:none;height:auto;max-height:calc(100dvh - 180px)}.sv-tiles{border-radius:12px;max-height:calc(100dvh - 160px);overflow:auto;box-shadow:0 0 0 1px #2a2a2f,0 30px 80px #000000b3}.sv-tiles img{width:100%;height:auto;display:block}.sv-stage.is-zoomed{justify-content:flex-start;overflow:auto}.sv-stage.is-zoomed .sv-shot{cursor:zoom-out;height:auto;max-height:none}.sv-stage.is-zoomed .sv-shot>img{width:min(100%,720px);max-width:none;height:auto;max-height:none}@keyframes sv-shot-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.sv-meta{color:var(--muted-foreground);flex-shrink:0;align-items:center;gap:10px;font-size:14px;display:flex}.sv-panel{min-height:0;animation:sv-panel-in .32s var(--motion-ease-out) both;background:#121214;border-left:1px solid #222226;flex-direction:column;display:flex}@keyframes sv-panel-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.sv-app{border-bottom:1px solid #222226;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:72px;padding:0 14px 0 24px;display:flex}.sv-app>a{border-radius:10px;align-items:center;gap:12px;min-width:0;display:flex}.sv-app img{border:1px solid var(--border);box-sizing:border-box;object-fit:cover;border-radius:10px;flex-shrink:0;width:40px;height:40px}.sv-app span{flex-direction:column;min-width:0;display:flex}.sv-app strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.sv-app small{color:var(--muted-foreground);font-size:14px}.sv-close{border:1px solid var(--border);border-radius:12px;width:44px;height:44px}.sv-sheet-toggle{display:none}.sv-scroll{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:24px;min-height:0;padding:24px;display:flex;overflow:auto}.sv-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sv-title h2{letter-spacing:-.015em;overflow-wrap:anywhere;font-size:20px;font-weight:600;line-height:1.3}.sv-title-actions{flex-shrink:0;gap:6px;display:flex}.sv-title-actions .icon-button{border:1px solid var(--border);border-radius:11px;width:40px;height:40px}.sv-desc{color:var(--muted-foreground);margin-top:-16px;font-size:14px;line-height:1.5}.sv-inline-link{font:inherit;color:var(--foreground);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.sv-inline-link:hover{-webkit-text-decoration-color:var(--foreground);-webkit-text-decoration-color:var(--foreground);-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.sv-section h3{color:var(--muted-foreground);margin:0 0 10px;font-size:14px;font-weight:500}.sv-chips{flex-wrap:wrap;gap:6px;display:flex}.sv-chip{border:1px solid var(--border);height:40px;transition:border-color var(--motion-fast),background-color var(--motion-fast);border-radius:11px;align-items:center;padding:0 14px;font-size:14px;display:flex;position:relative}.sv-chip:after{content:"";position:absolute;inset:-2px 0}.sv-chip:hover{border-color:var(--accent);background:var(--secondary)}.sv-swatches{flex-wrap:wrap;gap:8px;display:flex}.sv-swatches button{cursor:copy;width:44px;height:44px;transition:transform .15s var(--motion-ease-out);border:0;border-radius:11px;box-shadow:inset 0 0 0 1px #ffffff1f}.sv-swatches button:hover{transform:translateY(-2px)}.sv-hint{color:#6e6e76;margin-top:8px;font-size:14px}.sv-row-link{width:100%;min-height:44px;font:inherit;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #1f1f23;justify-content:space-between;align-items:center;gap:12px;padding:0;font-size:14px;display:flex}.sv-row-link svg{color:var(--muted-foreground);transition:transform .15s}.sv-row-link:hover svg{color:var(--foreground);transform:translate(3px)}.sv-ocr{border-top:1px solid #1f1f23;border-bottom:1px solid #1f1f23}.sv-ocr summary{min-height:48px;color:var(--muted-foreground);cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;list-style:none;display:flex}.sv-ocr summary::-webkit-details-marker{display:none}.sv-ocr summary svg{transition:transform .2s}.sv-ocr[open] summary svg{transform:rotate(180deg)}.sv-ocr p{white-space:pre-line;color:#c4c4cb;max-height:220px;margin:0 0 8px;font-size:14px;line-height:1.55;overflow:auto}.sv-more{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sv-more-shot{border:1px solid var(--border);background:var(--secondary);cursor:pointer;height:128px;transition:transform .18s var(--motion-ease-out),border-color var(--motion-fast);border-radius:12px;padding:0;display:block;overflow:hidden}.sv-more-shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.sv-more-shot.is-web img{object-fit:cover;object-position:top left}.sv-more-shot:hover{border-color:var(--accent);transform:translateY(-3px)}.sv-similar .sv-more-shot{height:150px}.sv-similar-link{min-height:44px;font:inherit;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:8px;padding:0;font-size:16px;display:flex}.sv-similar-link:hover{color:var(--foreground)}.sv-similar-link svg{transition:transform .15s}.sv-similar-link:hover svg,.sv-similar-link[aria-expanded=true] svg{transform:translate(3px)}.sv-source{min-height:44px;color:var(--muted-foreground);align-items:center;gap:6px;font-size:14px;display:inline-flex}.sv-source:hover{color:var(--foreground)}.sv-actions{background:#121214;border-top:1px solid #222226;flex-shrink:0;padding:16px 24px 14px}.sv-buttons{gap:8px;display:flex}.sv-buttons>.button{flex:1 1 0;min-width:0;height:48px}.sv-buttons>.button.primary{flex:1.25 1 0}.sv-buttons>.icon-button{border:1px solid var(--border);border-radius:12px;flex-shrink:0;width:48px;height:48px}.sv-keys{color:#6e6e76;gap:10px;margin-top:10px;font-size:14px;display:flex}@media (width<=1100px){.sv-layout{grid-template-columns:minmax(0,1fr) 340px}.sv-stage{padding:72px 20px 24px}.sv-figure{gap:16px}}@media (width<=760px){.sv-layout{flex-direction:column;display:flex}.sv-stage{flex:auto;gap:10px;padding:64px 12px 12px}.sv-counter{height:40px;font-size:14px;top:12px;left:12px}.sv-close-mobile{border:1px solid var(--border);width:44px;height:44px;color:var(--foreground);z-index:2;background:#141417;border-radius:12px;place-items:center;display:grid;position:absolute;top:10px;right:12px}.sv-nav{display:none}.sv-shot{max-height:calc(100dvh - 230px)}.sv-shot>img{border-radius:18px}.sv-meta{display:none}.sv-panel{max-height:none;transition:max-height .3s var(--motion-ease-out);border-top:1px solid #222226;border-left:0;border-radius:18px 18px 0 0;flex:none;animation:none}.sv-panel.mobile-open{max-height:70dvh}.sv-app{display:none}.sv-sheet-toggle{width:100%;min-height:56px;color:var(--foreground);font:inherit;background:0 0;border:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;font-size:16px;font-weight:600;display:flex}.sv-sheet-toggle span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sv-panel:not(.mobile-open) .sv-scroll{display:none}.sv-scroll{padding:8px 20px 20px}.sv-keys{display:none}}@media (prefers-reduced-motion:reduce){.sv-shot,.sv-panel{animation:none}.sv-panel{transition:none}}.flow-viewer .viewer-top{background:0 0;border-bottom:0;height:72px;padding:0 16px 0 32px}.flow-viewer-icon{border:1px solid var(--border);box-sizing:border-box;object-fit:cover;border-radius:10px;flex-shrink:0;width:40px;height:40px}.flow-viewer .flow-viewer-title{gap:14px}.flow-viewer .flow-viewer-title strong{letter-spacing:-.015em;font-size:20px;font-weight:600}.flow-viewer .flow-viewer-title small{color:var(--muted-foreground);font-size:14px}@media (width>=1025px){.flow-viewer .flow-sidebar{background:0 0;border-right:0}}.flow-viewer .flow-stage{background:radial-gradient(60% 55% at 50% 45%,#16161a 0,#0b0b0d 70%)}.flow-viewer .flow-stage-footer p{font-size:16px;font-weight:500}.flow-viewer .hotspot-image img{transition:opacity .2s}.flow-viewer .flow-prev,.flow-viewer .flow-next{border:1px solid var(--border);background:#17171a;border-radius:12px;width:48px;height:48px}@media (width<=760px){.flow-viewer .viewer-top{height:60px;padding:0 4px 0 8px}.flow-viewer-icon{display:none}.flow-viewer .flow-viewer-title{gap:12px;min-width:0}.flow-viewer .flow-viewer-title strong,.flow-viewer .flow-viewer-title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.flow-viewer .viewer-top{padding-left:12px}.flow-viewer .flow-viewer-title strong{font-size:16px}.flow-viewer .flow-prev,.flow-viewer .flow-next{display:none}}@media (width<=1024px){.flow-viewer .flow-sidebar{z-index:8;background:#121214;border-right:1px solid #222226;width:min(320px,86vw);box-shadow:24px 0 60px #000000b3}}.flow-download{height:44px}@media (width<=760px){.flow-download{border:0;justify-content:center;width:44px;padding:0}.flow-download span{display:none}}.flow-viewer .locked-step{width:min(100%,280px);aspect-ratio:var(--flow-aspect,.462);border:1px solid var(--border);max-height:100%;color:var(--foreground);font:inherit;cursor:pointer;background:#17171a;border-style:solid;border-radius:20px;justify-content:center;gap:10px;font-size:16px;font-weight:500}.flow-viewer .locked-step small{color:var(--muted-foreground);font-size:14px;font-weight:400}.flow-viewer .locked-step svg{color:var(--muted-foreground)}@media (width<=760px){.sv-title h2{display:none}.sv-title{justify-content:flex-start}.sv-desc{margin-top:-8px}}.flow-viewer .step-dots{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;justify-content:safe center;gap:0;max-width:min(360px,100%);margin:2px auto 0;display:flex;overflow-x:auto}.flow-viewer .step-dots::-webkit-scrollbar{display:none}.flow-viewer .step-dots button{cursor:pointer;background:0 0;border:0;flex:0 0 32px;width:32px;height:32px;padding:0;position:relative}.flow-viewer .step-dots button:after{content:"";background:#55555c;border-radius:3px;width:6px;height:6px;transition:background-color .15s,width .15s,left .15s;position:absolute;top:13px;left:13px}.flow-viewer .step-dots button:hover:after{background:var(--muted-foreground)}.flow-viewer .step-dots button[aria-current=step]:after{background:var(--tap);width:14px;left:9px}.fv-wide-actions{display:contents}.fv-more{display:none}@media (width<=760px){.fv-wide-actions{display:none}.fv-more{display:contents}.flow-viewer .viewer-top .button-row{flex-wrap:nowrap;gap:0}.sv-actions{padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:0}.sv-buttons>.button{height:var(--h)}}.collections-page .section-title,.col-board-page .board-title{align-items:flex-end;margin-bottom:24px}.collections-page .section-title h1,.col-board-page .board-title h1{letter-spacing:-.035em;font-size:40px}.col-board-page .back-link{margin:-8px 0 8px}.col-board-privacy{color:var(--muted-foreground);align-items:center;gap:6px;margin-bottom:8px;font-size:14px;display:inline-flex}.col-board-page .board-title p{white-space:pre-wrap}.col-board-page .board-title>.button-row{justify-content:flex-end}.col-tabs{margin-bottom:24px}.col-tools{align-items:center;gap:8px;margin-bottom:28px;display:flex}.col-search{min-width:0;height:var(--h-sm);border:1px solid var(--border);color:var(--muted-foreground);background:0 0;border-radius:999px;flex:0 300px;align-items:center;gap:8px;padding:0 4px 0 12px;transition:border-color .15s,background-color .15s;display:flex}.col-search:focus-within{border-color:var(--border-strong);background:var(--card);outline:none}.col-search input{background:0 0;border:0;flex:1;min-width:0;height:100%;padding:0;font-size:14px}.col-search input:focus,.col-search input:focus-visible{box-shadow:none;background:0 0;outline:none}.col-search .icon-button{border-radius:50%;width:28px;height:28px}.col-result-count{color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px}.col-board-grid-head{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;padding:0;font-size:14px;display:flex}.col-board-grid-head .button{height:var(--h-sm);min-height:var(--h-sm);border-radius:999px}.col-content-tools{align-items:center;gap:8px;margin-bottom:28px;display:flex}.col-content-tools>.col-tools{flex:1;min-width:0;margin-bottom:0}.col-content-tools>.button{width:auto;height:var(--h-sm);min-height:var(--h-sm);border-radius:999px;margin:0}.col-content-tools>.button.col-selection-active{background:var(--foreground);color:var(--background);border-color:#0000}.col-tab-description{color:var(--muted-foreground);margin:-8px 0 24px;font-size:14px}.boards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;padding-bottom:0;display:grid}.board-card{min-width:0;color:var(--foreground);display:block}.board-cover.col-mosaic{aspect-ratio:7/5;border-radius:var(--radius-lg);background:var(--card);gap:6px;height:auto;padding:6px;transition:background-color .2s;box-shadow:inset 0 0 0 1px #ffffff0d}.board-card:hover .col-mosaic{background:var(--secondary)}.col-mosaic-cell{background:var(--secondary);border-radius:10px}.col-mosaic-cell.is-empty{background:#1b1b1f}.col-mosaic-empty svg{width:32px;height:32px}.col-board-caption{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding-top:14px;display:grid}.col-board-caption h2{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.col-board-caption>span{color:var(--muted-foreground);display:inline-flex}.col-board-caption small{color:var(--muted-foreground);font-variant-numeric:tabular-nums;grid-column:1/-1;font-size:14px}.col-board-description{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.saved-grid,.col-saved-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));grid-auto-flow:dense;align-items:start;gap:36px 24px;padding-bottom:96px;display:grid}.saved-object,.col-saved-grid .saved-object{border-radius:0;min-width:0;padding-top:0;position:relative}.col-saved-grid .saved-object:has(.col-object-checkbox){border-radius:0;min-width:0;padding-top:0;position:relative}.saved-object:is(.saved-flow,.saved-site){grid-column:span 2}.saved-object:has(.shot.is-wide,.app-tile.is-web){grid-column:span 2}.saved-grid .flow-cover,.saved-grid .app-tile-cover{height:auto}.saved-object.saved-upload:has(.col-upload-shot[style*=aspect-ratio]){grid-column:auto}.col-object-checkbox,.col-object-checkbox.col-touch-checkbox{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:24px;height:24px;color:var(--background);cursor:pointer;background:#0e0e1099;border:1px solid #ffffffb3;border-radius:7px;place-items:center;padding:0;display:inline-grid;position:absolute;top:10px;left:10px}.col-object-checkbox:after{content:"";position:absolute;inset:-10px}.col-object-checkbox[data-state=checked]{background:var(--foreground);border-color:var(--foreground)}.col-object-checkbox svg{stroke-width:2.6px;width:15px;height:15px}.col-object-selected :is(.shot-media,.flow-cover,.app-tile-cover,.col-upload-shot,.col-saved-site>div){box-shadow:0 0 0 2px var(--foreground)}.col-object-selected>.screen-card .screen-shot{outline:none}.saved-object-controls,.col-saved-grid .saved-object-controls.col-object-controls{flex-wrap:nowrap;align-items:center;gap:0;margin:4px 0 0 -8px;display:flex}.saved-object-controls .icon-button,.col-saved-grid .col-object-controls .icon-button{width:var(--h-sm);height:var(--h-sm);color:var(--muted-foreground);border-radius:10px}.saved-object-controls .icon-button:hover{color:var(--foreground)}.saved-object-controls>:last-child{margin-left:auto;margin-right:-8px}.saved-board-links,.col-board-links{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.saved-board-links a,.col-board-links a{border:1px solid var(--border);max-width:100%;color:var(--muted-foreground);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:14px;transition:color .15s,border-color .15s;display:inline-flex}.saved-board-links a:hover,.col-board-links a:hover{color:var(--foreground);border-color:var(--border-strong);background:0 0}.saved-note,.col-note{border-left:2px solid var(--border);color:var(--muted-foreground);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px;padding-left:12px;font-size:14px;line-height:1.55}.missing-saved,.col-missing{aspect-ratio:9/19.5;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.missing-saved strong{color:var(--foreground);font-size:14px}.missing-saved p{font-size:14px;line-height:1.45}.saved-site,.col-saved-site{min-width:0;color:var(--foreground);text-align:left;display:block}.col-saved-site>div{aspect-ratio:7/5;border-radius:var(--radius-lg);background:var(--card);width:100%;height:auto;padding:0;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.col-saved-site>div img{object-fit:cover;object-position:top;border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.col-saved-site strong{margin-top:14px;font-size:16px;font-weight:600;display:block}.col-saved-site small{color:var(--muted-foreground);font-size:14px;display:block}.col-upload-card{min-width:0}.col-upload-shot{border-radius:var(--radius-lg);background:var(--card);cursor:zoom-in;border:0;width:100%;padding:0;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.col-upload-shot img{object-fit:contain;width:100%;height:100%}.col-upload-caption{justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.col-upload-caption>div:first-child{flex-direction:column;min-width:0;display:flex}.col-upload-caption strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.col-upload-caption small{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:14px}.col-upload-actions{margin-right:-8px;display:flex}.col-upload-actions .icon-button{width:var(--h-sm);height:var(--h-sm);color:var(--muted-foreground)}.col-upload-actions .icon-button.is-liked,.col-upload-actions .icon-button:hover{color:var(--foreground)}.col-bulk-bar{z-index:45;border:1px solid var(--border-strong);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:auto;max-width:calc(100% - 32px);box-shadow:var(--shadow-lg);background:#17171af2;align-items:center;gap:16px;padding:8px 8px 8px 18px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.col-bulk-bar>div:first-child{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:14px;display:flex}.col-bulk-bar>div:first-child strong{font-weight:500}.col-bulk-actions{align-items:center;gap:8px;display:flex}.col-bulk-actions .button{height:var(--h);padding:0 14px}@media (width<=1100px){.boards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.collections-page .section-title h1,.col-board-page .board-title h1{font-size:28px}.collections-page .section-title>.button-row,.col-board-page .board-title>.button-row{justify-content:flex-start;width:100%}.col-tools{flex-wrap:wrap}.col-search{height:var(--h);flex:100%}.col-search input{font-size:16px}.col-result-count{flex:1;width:auto;margin-left:0}.col-content-tools{display:block;position:relative}.col-content-tools>.button{position:absolute;bottom:0;right:0}.col-content-tools>.col-tools{margin-bottom:0}.boards-grid{gap:28px 12px}.col-board-caption h2{font-size:15px}.saved-grid,.col-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px;padding-bottom:120px}.saved-object:is(.saved-flow,.saved-site){grid-column:1/-1}.saved-object:has(.shot.is-wide,.app-tile.is-web){grid-column:1/-1}.col-bulk-bar{flex-wrap:wrap;gap:8px;padding:10px;bottom:12px;left:12px;right:12px;translate:none}.col-bulk-actions{scrollbar-width:none;flex:100%;overflow-x:auto}.col-bulk-actions .button{flex:1 0 auto}}@media (width<=600px){.boards-grid{grid-template-columns:1fr 1fr}}@media (width<=359px){.boards-grid{grid-template-columns:1fr}}.sx-filters,.styles-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 28px;display:flex}.sx-filters>input,.styles-toolbar>input{width:auto;min-width:0;max-width:none;height:var(--h-sm);border-radius:999px;flex:0 320px;padding:0 14px;font-size:14px}.styles-toolbar>.facet,.sx-filters>.facet{width:auto}.style-detail-modal{padding:28px}.agent-secret{outline-offset:1px;color:var(--muted-foreground);background:0 0;border-radius:4px;outline:1px dashed #55555d;padding:0 2px}.agent-secret.is-real{color:var(--foreground);background:#f2f2f41f;outline:0}.agent-key-insert{flex-wrap:wrap;align-items:center;gap:12px 16px;margin:14px 0 4px;display:flex}.agent-key-insert p{color:var(--muted-foreground);flex:240px;margin:0;font-size:14px}.agent-key-note{color:var(--foreground);align-items:flex-start;gap:8px;margin-top:12px;font-size:14px;display:flex}.agent-key-note svg{flex-shrink:0;margin-top:3px}.agent-page .code-block{overflow:visible}.agent-page .code-block pre{white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere}.sx-head-text h1{letter-spacing:-.035em;font-size:40px;line-height:1.1}@media (width<=760px){.sx-filters,.styles-toolbar{margin-bottom:20px}.sx-filters>input,.styles-toolbar>input{height:var(--h);flex:100%;font-size:16px}.sx-head-text h1{font-size:28px}}.settings-layout{grid-template-columns:220px minmax(0,680px);gap:56px}.settings-layout>nav button{min-height:var(--h);border-radius:10px;padding:0 12px;font-size:14px;font-weight:500}.settings-layout>nav button:hover{color:var(--foreground)}.settings-content form{max-width:520px}.plan .button.primary:disabled,.plan .button:disabled{opacity:1;background:var(--secondary);color:var(--foreground);border-color:#0000}.plan .button.primary:disabled svg{color:var(--foreground)}@media (width<=760px){.settings-layout{display:block}.settings-layout>nav{margin:0 calc(var(--gutter)*-1) 24px;padding:0 var(--gutter)}}.paywall-modal{max-width:820px;padding:28px 28px 24px}.paywall-heading h2{margin:10px 0 8px;font-size:24px;line-height:1.2}.paywall-heading>.icon-button{top:-12px;right:-12px}.paywall-modal .billing-period{margin:16px 0 20px}.paywall-modal .plan{padding:20px}.paywall-modal .plan h2{margin:14px 0 6px}.paywall-modal .plan ul{gap:8px;margin-top:18px}@media (width<=760px){.modal.paywall-modal{width:100%;max-width:none;max-height:calc(100dvh - 24px);padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-bottom:0;border-radius:20px 20px 0 0;inset:auto 0 0;translate:none}.modal.paywall-modal:before{content:"";background:var(--accent);border-radius:2px;width:36px;height:4px;margin:-4px auto 8px;display:block}.paywall-heading h2{font-size:22px}.paywall-heading>.icon-button{top:-8px;right:-4px}}:is(.shot-media,.flow-page,.col-upload-shot,.col-saved-site>div)>.asset-error,.shot-open>.asset-error{background:var(--card);text-align:center;border-radius:0;gap:8px;width:100%;min-width:0;height:100%;min-height:0;font-size:14px;position:absolute;inset:0}.asset-error:is(.tile-icon,.ap-icon,.flow-viewer-icon){gap:0;min-width:0;min-height:0;padding:0}.asset-error:is(.tile-icon,.ap-icon,.flow-viewer-icon)>span{display:none}.asset-error:is(.tile-icon,.ap-icon)>svg{width:18px;height:18px}:is(input,textarea,select)[aria-invalid=true]{border-color:var(--tap)}.app-tile-stack>.asset-error{text-align:center;background:#ffffff0d;border-radius:0;grid-area:1/1;width:100%;min-width:0;height:100%;min-height:0;padding:8px;font-size:14px}.flow-page>.asset-error>span:not([role]){display:none}.skel-tile{min-width:0}.skel-cover{aspect-ratio:7/5;border-radius:var(--radius-lg)}.skel-meta{align-items:center;gap:12px;padding-top:14px;display:flex}.skel-icon{border-radius:11px;flex:0 0 40px;height:40px}.skel-lines{flex-direction:column;flex:1;gap:8px;min-width:0;padding-top:12px;display:flex}.skel-meta .skel-lines{padding-top:0}.skel-line{border-radius:6px;width:60%;height:12px;display:block}.skel-line.short{width:38%}.skel-title{border-radius:8px;width:240px;max-width:70%;height:32px;margin-bottom:12px;display:block}.shot>.skeleton.shot-media{box-shadow:none}.lib-col-skel{align-items:center;min-height:36px;display:flex}.lib-col-skel>.skeleton{border-radius:7px;width:70%;height:14px;display:block}.lib-col-skel:nth-child(2n)>.skeleton{width:52%}.ap-skel .ap-id{flex-direction:column;gap:6px;display:flex}.ap-skel .skel-line{width:320px;max-width:80%}.ap-skel .skel-line.short{width:200px}@media (width<=760px){.lib-col-skel{min-height:32px}.skel-title{height:26px}}.not-found{min-height:calc(100dvh - var(--header-h) - 240px);flex-direction:column;justify-content:center;align-items:flex-start;max-width:560px;padding-top:56px;display:flex}.not-found-code{letter-spacing:-.06em;color:#2a2a2f;margin-bottom:16px;font-size:96px;font-weight:600;line-height:1}.not-found h1{letter-spacing:-.035em;font-size:40px}.not-found>p:not(.not-found-code){color:var(--muted-foreground);margin:12px 0 28px}@media (width<=760px){.not-found{min-height:0;padding-top:40px}.not-found-code{font-size:72px}.not-found h1{font-size:28px}.modal:is(.small-modal,.filter-modal,.col-upload-modal,.style-detail-modal) .modal-actions{flex-direction:column-reverse;justify-content:flex-start;align-items:stretch}.modal:is(.small-modal,.filter-modal,.col-upload-modal,.style-detail-modal) .modal-actions>.button{width:100%}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Onest;src:url(/service/fonts/onest-0.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+400-52F,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:Onest;src:url(/service/fonts/onest-2.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0e0e10;--card:#17171a;--secondary:#1d1d21;--accent:#35353b;--border:#2a2a2f;--border-strong:#3a3a41;--foreground:#f2f2f4;--muted-foreground:#9a9aa2;--primary-hover:#dcdce1;--tap:#ff3b30;--destructive:var(--tap);--muted:var(--secondary);--ring:var(--foreground);--shadow-sm:0 0 0 1px #ffffff0d,0 2px 6px #0003;--shadow-md:0 0 0 1px #ffffff0f,0 12px 28px #0006;--shadow-lg:0 0 0 1px #ffffff12,0 36px 90px #000a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--h-sm:36px;--h:44px;--h-lg:52px;--page-max:1440px;--gutter:48px;--header-h:64px;--font:Onest,system-ui,-apple-system,"Segoe UI",sans-serif}@media (width<=1100px){:root{--gutter:32px}}@media (width<=760px){:root{--gutter:16px;--header-h:56px}}@property --fade-l{syntax:"<length>";inherits:false;initial-value:0}@property --fade-r{syntax:"<length>";inherits:false;initial-value:0}@keyframes scroller-fade-l{0%{--fade-l:0px}6%,to{--fade-l:28px}}@keyframes scroller-fade-r{0%,94%{--fade-r:28px}to{--fade-r:0px}}.app-tile-video{object-fit:cover;object-position:top;opacity:0;grid-area:1/1;width:100%;height:100%;transition:opacity .25s linear}.app-tile-video.is-ready{opacity:1}@media (prefers-reduced-motion:reduce){.app-tile-video{transition:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}