@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, ui-sans-serif, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";--font-mono:"SF Mono", ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--font-weight-medium:500;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:#090909;--color-bg-elevated:#111;--color-fg:#fafafa;--color-fg-muted:#fafafa94;--color-fg-subtle:#fafafa61;--color-border:#fafafa1f;--color-border-strong:#fafafa2e;--color-surface:#fafafa0a;--color-surface-hover:#fafafa12;--animate-fade-up:fade-up .7s ease both;--animate-scale-in:scale-in .4s ease both;--shadow-card:0 0 0 1px #ffffff0a, 0 1px 2px #0003, 0 4px 12px #00000029, 0 12px 32px #0000001f;--shadow-elevated:0 0 0 1px #ffffff0a, 0 2px 4px #0000002e, 0 8px 20px #00000024, 0 24px 48px #0000001a}}@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,ui-sans-serif, system-ui, 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}small{font-size:80%}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{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{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;font-family:var(--font-sans);color:var(--color-fg);background-color:var(--color-bg);margin:0;font-size:15px;line-height:1.5;overflow-x:hidden}::selection{background:#fafafa38}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in srgb, var(--color-fg) 22%, transparent)}}:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:2px}}@layer components{.dot-grid{background-image:radial-gradient(circle,#fafafa0d 1px,#0000 1px)}@supports (color:color-mix(in lab, red, red)){.dot-grid{background-image:radial-gradient(circle, color-mix(in srgb, var(--color-fg) 5%, transparent) 1px, transparent 1px)}}.dot-grid{background-size:24px 24px}.glass-card{background:#fafafa08}@supports (color:color-mix(in lab, red, red)){.glass-card{background:color-mix(in srgb, var(--color-fg) 3%, transparent)}}.glass-card{border:1px solid var(--color-border);-webkit-backdrop-filter:blur(24px)}.faq-section{position:relative}.faq-title{text-align:center;letter-spacing:-.02em;color:var(--color-fg);margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:500;line-height:1.1}.faq-list-wrap{position:relative}.faq-list{z-index:1;--faq-divider:linear-gradient(90deg, transparent 0%, #fafafa24 20%, #fafafa24 80%, transparent 100%);position:relative}@supports (color:color-mix(in lab, red, red)){.faq-list{--faq-divider:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-fg) 14%, transparent) 20%, color-mix(in srgb, var(--color-fg) 14%, transparent) 80%, transparent 100%)}}.faq-list:before,.faq-item:after{content:"";background:var(--faq-divider);pointer-events:none;width:100%;height:1px;display:block}.faq-item{position:relative}.faq-item__trigger{width:100%;font:inherit;letter-spacing:-.02em;color:var(--color-fg);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 0;font-size:clamp(.9375rem,2vw,1rem);font-weight:500;line-height:1.35;transition:color .14s ease-out;display:flex}.faq-item__trigger:hover{color:#fafafad1}@supports (color:color-mix(in lab, red, red)){.faq-item__trigger:hover{color:color-mix(in srgb, var(--color-fg) 82%, transparent)}}.faq-item__question{flex:auto;min-width:0}.faq-item__chevron{color:var(--color-fg-subtle);flex-shrink:0;transition:transform .28s cubic-bezier(.4,0,.2,1),color .14s ease-out}.faq-item--open .faq-item__chevron{color:var(--color-fg-muted);transform:rotate(180deg)}.faq-item__panel{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);display:grid}.faq-item--open .faq-item__panel{grid-template-rows:1fr}.faq-item__panel-inner{overflow:hidden}.faq-item__answer{max-width:42rem;color:var(--color-fg-muted);opacity:0;margin:0;padding:0 2.5rem 1.25rem 0;font-size:14px;line-height:1.65;transition:opacity .22s 40ms,transform .22s 40ms;transform:translateY(-6px)}.faq-item--open .faq-item__answer{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.faq-item__panel,.faq-item__chevron,.faq-item__answer{transition:none}.faq-item--open .faq-item__answer{opacity:1;transform:none}}.text-gradient{background:linear-gradient(135deg, var(--color-fg) 0%, #fafafab8 100%)}@supports (color:color-mix(in lab, red, red)){.text-gradient{background:linear-gradient(135deg, var(--color-fg) 0%, color-mix(in srgb, var(--color-fg) 72%, transparent) 100%)}}.text-gradient{color:#0000;-webkit-background-clip:text;background-clip:text}.btn-primary{letter-spacing:-.01em;color:var(--color-bg);background:var(--color-fg);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:14px;font-weight:500;text-decoration:none;transition:transform .14s ease-out,opacity .14s ease-out,box-shadow .14s ease-out;display:inline-flex}.btn-primary:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 2px 8px #fafafa1a,0 8px 20px #fafafa0f}.btn-secondary{letter-spacing:-.01em;color:var(--color-fg-muted);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:14px;font-weight:500;text-decoration:none;transition:color .14s ease-out,background .14s ease-out,border-color .14s ease-out;display:inline-flex}.btn-secondary:hover{color:var(--color-fg);background:var(--color-surface-hover);border-color:var(--color-border-strong)}.feature-card{border:1px solid var(--color-border);background:#fafafa05;border-radius:12px;padding:1.5rem}@supports (color:color-mix(in lab, red, red)){.feature-card{background:color-mix(in srgb, var(--color-fg) 2%, transparent)}}.feature-card{transition:border-color .2s ease-out,background .2s ease-out,transform .2s ease-out}.feature-card:hover{border-color:var(--color-border-strong);background:#fafafa0a}@supports (color:color-mix(in lab, red, red)){.feature-card:hover{background:color-mix(in srgb, var(--color-fg) 4%, transparent)}}.feature-card:hover{transform:translateY(-2px)}.bento-grid{grid-template-columns:1fr;grid-template-areas:"hero""stack""folder""links""mac""private";gap:12px;display:grid}@media (min-width:900px){.bento-grid{grid-template-rows:auto auto minmax(260px,auto);grid-template-columns:repeat(12,1fr);grid-template-areas:"stack stack stack stack hero hero hero hero hero hero hero hero""folder folder folder folder hero hero hero hero hero hero hero hero""links links links links mac mac mac mac private private private private"}.bento-span-stack,.bento-span-folder{align-self:start}}.bento-card{border:1px solid var(--color-border);background:var(--color-bg-elevated);border-radius:16px;flex-direction:column;height:100%;min-height:220px;display:flex;position:relative;overflow:hidden}.bento-card:before{content:"";z-index:0;pointer-events:none;--bento-base:var(--color-bg-elevated);position:absolute;inset:0}.bento-card--warm:before{background:radial-gradient(ellipse 95% 80% at 20% 0%, #fafafa 0%, #fafafa 18%, #fafafa 38%, #fafafa 58%, #fafafa 76%, var(--bento-base) 92%), radial-gradient(ellipse 70% 60% at 100% 100%, #fafafa 0%, #fafafa 28%, #fafafa 52%, var(--bento-base) 88%)}@supports (color:color-mix(in lab, red, red)){.bento-card--warm:before{background:radial-gradient(ellipse 95% 80% at 20% 0%, color-mix(in srgb, var(--color-fg) 12%, var(--bento-base)) 0%, color-mix(in srgb, var(--color-fg) 8%, var(--bento-base)) 18%, color-mix(in srgb, var(--color-fg) 5%, var(--bento-base)) 38%, color-mix(in srgb, var(--color-fg) 2.5%, var(--bento-base)) 58%, color-mix(in srgb, var(--color-fg) 1%, var(--bento-base)) 76%, var(--bento-base) 92%), radial-gradient(ellipse 70% 60% at 100% 100%, color-mix(in srgb, var(--color-fg) 6%, var(--bento-base)) 0%, color-mix(in srgb, var(--color-fg) 3.5%, var(--bento-base)) 28%, color-mix(in srgb, var(--color-fg) 1.5%, var(--bento-base)) 52%, var(--bento-base) 88%)}}.bento-card--cool:before{background:radial-gradient(ellipse 90% 75% at 80% 0%, #fafafa 0%, #fafafa 20%, #fafafa 42%, #fafafa 62%, #fafafa 78%, var(--bento-base) 92%), radial-gradient(ellipse 65% 55% at 0% 100%, #fafafa 0%, #fafafa 30%, #fafafa 54%, var(--bento-base) 88%)}@supports (color:color-mix(in lab, red, red)){.bento-card--cool:before{background:radial-gradient(ellipse 90% 75% at 80% 0%, color-mix(in srgb, var(--color-fg) 10%, var(--bento-base)) 0%, color-mix(in srgb, var(--color-fg) 7%, var(--bento-base)) 20%, color-mix(in srgb, var(--color-fg) 4%, var(--bento-base)) 42%, color-mix(in srgb, var(--color-fg) 2%, var(--bento-base)) 62%, color-mix(in srgb, var(--color-fg) 1%, var(--bento-base)) 78%, var(--bento-base) 92%), radial-gradient(ellipse 65% 55% at 0% 100%, color-mix(in srgb, var(--color-fg) 6%, var(--bento-base)) 0%, color-mix(in srgb, var(--color-fg) 3.5%, var(--bento-base)) 30%, color-mix(in srgb, var(--color-fg) 1.5%, var(--bento-base)) 54%, var(--bento-base) 88%)}}.bento-card--slate:before{background:radial-gradient(ellipse 85% 70% at 30% 20%, #fafafa 0%, #fafafa 22%, #fafafa 44%, #fafafa 64%, var(--bento-base) 90%), radial-gradient(ellipse 70% 58% at 90% 90%, #fafafa 0%, #fafafa 30%, #fafafa 54%, var(--bento-base) 88%)}@supports (color:color-mix(in lab, red, red)){.bento-card--slate:before{background:radial-gradient(ellipse 85% 70% at 30% 20%, color-mix(in srgb, var(--color-fg) 9%, var(--bento-base)) 0%, color-mix(in srgb, var(--color-fg) 6%, var(--bento-base)) 22%, color-mix(in srgb, var(--color-fg) 3.5%, var(--bento-base)) 44%, color-mix(in srgb, var(--color-fg) 1.5%, var(--bento-base)) 64%, var(--bento-base) 90%), radial-gradient(ellipse 70% 58% at 90% 90%, color-mix(in srgb, var(--color-fg) 7%, var(--bento-base)) 0%, color-mix(in srgb, var(--color-fg) 4%, var(--bento-base)) 30%, color-mix(in srgb, var(--color-fg) 1.5%, var(--bento-base)) 54%, var(--bento-base) 88%)}}.bento-card--hero:before{background:radial-gradient(ellipse 80% 65% at 15% 10%, #fafafa 0%, #fafafa 20%, #fafafa 40%, #fafafa 60%, var(--bento-base) 90%), radial-gradient(ellipse 65% 55% at 85% 20%, #fafafa 0%, #fafafa 32%, #fafafa 56%, var(--bento-base) 88%), radial-gradient(ellipse 90% 75% at 50% 100%, #fafafa 0%, #fafafa 24%, #fafafa 48%, #fafafa 68%, var(--bento-base) 92%)}@supports (color:color-mix(in lab, red, red)){.bento-card--hero:before{background:radial-gradient(ellipse 80% 65% at 15% 10%, color-mix(in srgb, var(--color-fg) 11%, var(--bento-base)) 0%, color-mix(in srgb, var(--color-fg) 7.5%, var(--bento-base)) 20%, color-mix(in srgb, var(--color-fg) 4%, var(--bento-base)) 40%, color-mix(in srgb, var(--color-fg) 2%, var(--bento-base)) 60%, var(--bento-base) 90%), radial-gradient(ellipse 65% 55% at 85% 20%, color-mix(in srgb, var(--color-fg) 7%, var(--bento-base)) 0%, color-mix(in srgb, var(--color-fg) 4%, var(--bento-base)) 32%, color-mix(in srgb, var(--color-fg) 1.5%, var(--bento-base)) 56%, var(--bento-base) 88%), radial-gradient(ellipse 90% 75% at 50% 100%, color-mix(in srgb, var(--color-fg) 8%, var(--bento-base)) 0%, color-mix(in srgb, var(--color-fg) 5%, var(--bento-base)) 24%, color-mix(in srgb, var(--color-fg) 3%, var(--bento-base)) 48%, color-mix(in srgb, var(--color-fg) 1.5%, var(--bento-base)) 68%, var(--bento-base) 92%)}}.bento-card--mint:before{background:radial-gradient(ellipse 90% 75% at 50% 0%, #fafafa 0%, #fafafa 22%, #fafafa 44%, #fafafa 64%, var(--bento-base) 90%), radial-gradient(ellipse 65% 55% at 0% 100%, #fafafa 0%, #fafafa 30%, #fafafa 54%, var(--bento-base) 88%)}@supports (color:color-mix(in lab, red, red)){.bento-card--mint:before{background:radial-gradient(ellipse 90% 75% at 50% 0%, color-mix(in srgb, var(--color-fg) 9%, var(--bento-base)) 0%, color-mix(in srgb, var(--color-fg) 6%, var(--bento-base)) 22%, color-mix(in srgb, var(--color-fg) 3.5%, var(--bento-base)) 44%, color-mix(in srgb, var(--color-fg) 1.5%, var(--bento-base)) 64%, var(--bento-base) 90%), radial-gradient(ellipse 65% 55% at 0% 100%, color-mix(in srgb, var(--color-fg) 5%, var(--bento-base)) 0%, color-mix(in srgb, var(--color-fg) 3%, var(--bento-base)) 30%, color-mix(in srgb, var(--color-fg) 1.5%, var(--bento-base)) 54%, var(--bento-base) 88%)}}.bento-card--graph:before{background:radial-gradient(ellipse 95% 80% at 50% 100%, #fafafa 0%, #fafafa 22%, #fafafa 44%, #fafafa 64%, var(--bento-base) 90%), radial-gradient(ellipse 55% 48% at 20% 20%, #fafafa 0%, #fafafa 30%, #fafafa 54%, var(--bento-base) 88%)}@supports (color:color-mix(in lab, red, red)){.bento-card--graph:before{background:radial-gradient(ellipse 95% 80% at 50% 100%, color-mix(in srgb, var(--color-fg) 8%, var(--bento-base)) 0%, color-mix(in srgb, var(--color-fg) 5.5%, var(--bento-base)) 22%, color-mix(in srgb, var(--color-fg) 3%, var(--bento-base)) 44%, color-mix(in srgb, var(--color-fg) 1.5%, var(--bento-base)) 64%, var(--bento-base) 90%), radial-gradient(ellipse 55% 48% at 20% 20%, color-mix(in srgb, var(--color-fg) 6%, var(--bento-base)) 0%, color-mix(in srgb, var(--color-fg) 3.5%, var(--bento-base)) 30%, color-mix(in srgb, var(--color-fg) 1.5%, var(--bento-base)) 54%, var(--bento-base) 88%)}}.bento-span-stack{grid-area:stack}.bento-span-folder{grid-area:folder}.bento-span-hero{grid-area:hero;min-height:280px}.bento-span-links{grid-area:links}.bento-span-mac{grid-area:mac}.bento-span-private{grid-area:private}@media (min-width:900px){.bento-span-hero{min-height:420px}}.philosophy-card{min-height:auto}.philosophy-card .bento-card__copy{padding:1.5rem 1.75rem}.bento-card__visual{z-index:1;flex:auto;justify-content:center;align-items:center;min-height:0;padding:1.25rem 1.25rem .5rem;display:flex;position:relative}.bento-card--hero .bento-card__visual{flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:200px;padding:1rem 1rem .5rem}.bento-span-stack .bento-card__visual{padding-top:1.5rem}.bento-span-folder .bento-card__visual{justify-content:center;align-items:center;display:flex;overflow:hidden}.bento-card__copy{z-index:2;flex:none;margin-top:auto;padding:.75rem 1.5rem 1.5rem;position:relative}.bento-card__copy h3{letter-spacing:-.02em;color:var(--color-fg);margin:0 0 .35rem;font-size:17px;font-weight:500}.bento-card__copy p{letter-spacing:-.01em;color:var(--color-fg-muted);margin:0;font-size:14px;line-height:1.5}.bento-visual{width:100%;max-width:100%;height:auto;min-height:0;color:var(--color-fg-muted);flex:none;position:relative}.bento-card--hero .bento-visual--editor{flex:auto;align-self:stretch;width:100%;height:100%;min-height:0}.bento-card--hero .bento-editor-stage,.bento-card--hero .bento-editor{flex:auto;height:100%;min-height:0;max-height:none}.bento-visual--stack{--stack-cascade-x:56px;--stack-cascade-y:72px;--stack-chip-height:38px;--stack-optical-shift-x:calc(var(--stack-cascade-x) * .5);box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:auto;min-height:0;padding:0;display:flex}.bento-file-stack-stage{max-width:calc(100% - .5rem);transform:translateX(var(--stack-optical-shift-x));flex:none;position:relative}.bento-file-stack{z-index:1;box-sizing:content-box;width:max-content;max-width:100%;height:calc(var(--stack-chip-height) + var(--stack-cascade-y));padding-right:var(--stack-cascade-x);padding-bottom:0;display:inline-block;position:relative;overflow:visible}.bento-file-stack__measure{visibility:hidden;pointer-events:none;max-height:var(--stack-chip-height);overflow:hidden}.bento-file-stack__measure .bento-file-chip{margin:0;position:static}.bento-file-chip{letter-spacing:-.02em;white-space:nowrap;isolation:isolate;color:#fafafaad;align-items:center;gap:8px;padding:8px 12px 8px 10px;font-size:12px;font-weight:500;display:flex;position:absolute;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.bento-file-chip{color:color-mix(in srgb, var(--color-fg) 68%, transparent)}}.bento-file-chip{background:#101010}@supports (color:color-mix(in lab, red, red)){.bento-file-chip{background:color-mix(in srgb, var(--color-bg-elevated) 82%, #0c0c0c)}}.bento-file-chip{border:1px solid #fafafa24}@supports (color:color-mix(in lab, red, red)){.bento-file-chip{border:1px solid color-mix(in srgb, var(--color-fg) 14%, transparent)}}.bento-file-chip{border-radius:10px;box-shadow:inset 0 1px #fafafa14,0 8px 24px #0000007a,0 2px 6px #00000052}@supports (color:color-mix(in lab, red, red)){.bento-file-chip{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-fg) 8%, transparent), 0 8px 24px #0000007a, 0 2px 6px #00000052}}.bento-file-chip{transform-origin:12% 20%;-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);transition:transform .11s cubic-bezier(.33,1,.45,1),box-shadow .11s ease-out,color 90ms ease-out,background 90ms ease-out,border-color 90ms ease-out,padding 90ms ease-out,font-size 90ms ease-out}@media (prefers-reduced-motion:reduce){.bento-file-chip{transition:none}}.bento-file-chip--front{color:var(--color-fg);background:#111;padding:9px 13px 9px 11px;font-size:12.5px}@supports (color:color-mix(in lab, red, red)){.bento-file-chip--front{background:color-mix(in srgb, var(--color-bg-elevated) 90%, #101010)}}.bento-file-chip--front{border-color:#fafafa3d}@supports (color:color-mix(in lab, red, red)){.bento-file-chip--front{border-color:color-mix(in srgb, var(--color-fg) 24%, transparent)}}.bento-file-chip--front{box-shadow:inset 0 1px #fafafa1f,0 12px 32px #0000008c,0 4px 10px #00000061}@supports (color:color-mix(in lab, red, red)){.bento-file-chip--front{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-fg) 12%, transparent), 0 12px 32px #0000008c, 0 4px 10px #00000061}}.bento-file-chip__badge{letter-spacing:.05em;background:#fafafa1a;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;min-width:34px;padding:3px 6px;font-size:8.5px;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.bento-file-chip__badge{background:color-mix(in srgb, var(--color-fg) 10%, transparent)}}.bento-file-chip__badge{color:#fafafaa6}@supports (color:color-mix(in lab, red, red)){.bento-file-chip__badge{color:color-mix(in srgb, var(--color-fg) 65%, transparent)}}.bento-file-chip__badge--md{color:#9ecaffeb;background:#7eb8ff33}.bento-file-chip__badge--html{color:#ffb894eb;background:#ff9f6b33}.bento-file-chip__badge--csv{color:#8ef0bceb;background:#6ee7a833}.bento-file-chip__badge--agents{color:#dcc4ffeb;background:#c9a0ff38}.bento-file-chip__name{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:400}.bento-file-chip--front .bento-file-chip__name{font-size:12px}.bento-visual--tree{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:0;display:flex}.bento-folder-stage{flex-shrink:0;width:min(100%,220px);height:172px}.bento-tree-panel{border:1px solid #fafafa29;border-radius:12px;flex-direction:column;height:100%;display:flex}@supports (color:color-mix(in lab, red, red)){.bento-tree-panel{border:1px solid color-mix(in srgb, var(--color-fg) 16%, transparent)}}.bento-tree-panel{background:linear-gradient(#232323,#0f0f0f)}@supports (color:color-mix(in lab, red, red)){.bento-tree-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--color-fg) 8%, #101010), color-mix(in srgb, var(--color-fg) 3%, #080808))}}.bento-tree-panel{box-shadow:0 1px 0 #fafafa1a inset, var(--shadow-card)}@supports (color:color-mix(in lab, red, red)){.bento-tree-panel{box-shadow:0 1px 0 color-mix(in srgb, var(--color-fg) 10%, transparent) inset, var(--shadow-card)}}.bento-tree-panel{overflow:hidden}.bento-tree-panel__search{border:1px solid #fafafa1a;border-radius:8px;align-items:center;gap:6px;margin:7px 8px 5px;padding:5px 7px;display:flex}@supports (color:color-mix(in lab, red, red)){.bento-tree-panel__search{border:1px solid color-mix(in srgb, var(--color-fg) 10%, transparent)}}.bento-tree-panel__search{background:#181818}@supports (color:color-mix(in lab, red, red)){.bento-tree-panel__search{background:color-mix(in srgb, var(--color-fg) 6%, #0a0a0a)}}.bento-tree-panel__search{letter-spacing:-.01em;color:#fafafa7a;font-size:11px}@supports (color:color-mix(in lab, red, red)){.bento-tree-panel__search{color:color-mix(in srgb, var(--color-fg) 48%, transparent)}}.bento-tree-panel__search svg{opacity:.55;flex-shrink:0}.bento-tree-panel__search kbd{border:1px solid #fafafa1f;border-radius:4px;margin-left:auto;padding:2px 5px}@supports (color:color-mix(in lab, red, red)){.bento-tree-panel__search kbd{border:1px solid color-mix(in srgb, var(--color-fg) 12%, transparent)}}.bento-tree-panel__search kbd{background:#fafafa0f}@supports (color:color-mix(in lab, red, red)){.bento-tree-panel__search kbd{background:color-mix(in srgb, var(--color-fg) 6%, transparent)}}.bento-tree-panel__search kbd{font-family:var(--font-mono);letter-spacing:.02em;color:#fafafa8c;font-size:9px}@supports (color:color-mix(in lab, red, red)){.bento-tree-panel__search kbd{color:color-mix(in srgb, var(--color-fg) 55%, transparent)}}.bento-tree-panel__tree{flex-direction:column;flex:auto;gap:0;min-height:0;padding:1px 5px 8px;display:flex;overflow:hidden}.bento-tree-row{letter-spacing:-.02em;color:#fafafa94;border-radius:7px;align-items:center;gap:5px;min-height:0;max-height:0;padding:0 7px 0 0;font-size:11.5px;display:flex}@supports (color:color-mix(in lab, red, red)){.bento-tree-row{color:color-mix(in srgb, var(--color-fg) 58%, transparent)}}.bento-tree-row{opacity:0;pointer-events:none;transition:max-height .2s cubic-bezier(.33,1,.45,1),opacity .16s ease-out,padding .2s cubic-bezier(.33,1,.45,1),background .18s ease-out;overflow:hidden}.bento-tree-row--visible{opacity:1;pointer-events:auto;min-height:22px;max-height:22px;padding:2px 7px 2px 0}@media (prefers-reduced-motion:reduce){.bento-tree-row{transition:none}}.bento-tree-row--selected{background:#fafafa1c}@supports (color:color-mix(in lab, red, red)){.bento-tree-row--selected{background:color-mix(in srgb, var(--color-fg) 11%, transparent)}}.bento-tree-row--selected{color:var(--color-fg)}.bento-tree-row--selected .bento-tree-row__glyph{opacity:.9;color:#83eab4}@supports (color:color-mix(in lab, red, red)){.bento-tree-row--selected .bento-tree-row__glyph{color:color-mix(in srgb, #6ee7a8 85%, var(--color-fg))}}.bento-tree-row__leading{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.bento-tree-row__chevron{color:#fafafa6b;flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.bento-tree-row__chevron{color:color-mix(in srgb, var(--color-fg) 42%, transparent)}}.bento-tree-row__chevron{transition:transform .16s ease-out}.bento-tree-row__chevron--open{transform:rotate(90deg)}.bento-tree-row__chevron-spacer{flex-shrink:0;width:10px;display:block}.bento-tree-row__glyph{color:#fafafa85;flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.bento-tree-row__glyph{color:color-mix(in srgb, var(--color-fg) 52%, transparent)}}.bento-tree-row__glyph{opacity:.72}.bento-tree-row__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);font-size:10.5px;overflow:hidden}.bento-tree-row--selected .bento-tree-row__name{font-size:11px}.bento-visual--editor{flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;padding:0;display:flex}.bento-editor-stage{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.bento-editor{--preview-fg:#fcfcfc;--preview-fg-muted:#fcfcfc94;--preview-fg-secondary:#fcfcfccc;--preview-border:#fcfcfc1f;--preview-tab-bg:#fcfcfc14;--preview-tab-active-fill:#252525;--preview-accent:var(--preview-fg-secondary);--preview-control-height:28px;--preview-tab-chrome-padding-y:4px;--preview-chrome-height:44px;--preview-chrome-fade-height:22px;--fg-base:#fcfcfc;--bg-base:#121212;--text-muted:var(--preview-fg-muted);--line-subtler:var(--preview-border);border:1px solid #fafafa29;border-radius:12px;flex-direction:column;flex:auto;min-height:0;max-height:280px;display:flex}@supports (color:color-mix(in lab, red, red)){.bento-editor{border:1px solid color-mix(in srgb, var(--color-fg) 16%, transparent)}}.bento-editor{box-shadow:var(--shadow-elevated), inset 0 1px 0 #ffffff12;background:#121212;overflow:hidden}.bento-editor-panel{background:#121212;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.bento-editor .preview-editor-panel__fade{top:var(--preview-chrome-height);height:var(--preview-chrome-fade-height)}.bento-editor-tab-chrome{left:0;right:0}.bento-editor .preview-tabs__tab{max-width:132px;padding:0 12px;font-size:11px;transition:background .22s ease-out,color .22s ease-out,-webkit-backdrop-filter .22s ease-out,backdrop-filter .22s ease-out}.bento-editor .preview-view-toggle__btn{min-width:2.65rem;padding:3px 7px;font-size:10px}.bento-editor-area{min-height:0;padding-top:var(--preview-chrome-height);flex:auto}.bento-editor__scenes{flex:auto;height:100%;min-height:0;position:relative}.bento-editor__scene{opacity:0;pointer-events:none;flex-direction:column;min-height:0;transition:opacity .38s ease-out;display:flex;position:absolute;inset:0}.bento-editor__scene--active{opacity:1;pointer-events:auto}.bento-editor__scene .preview-editor__split,.bento-editor__scene .preview-editor__scroll,.bento-editor__scene .preview-editor__csv{flex:auto;height:100%;min-height:0}@media (prefers-reduced-motion:reduce){.bento-editor__scene{transition:none}}.bento-editor .preview-editor__pad{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:.5rem 1rem 1rem}.bento-editor .preview-editor__split-pane .preview-editor__scroll{height:100%}.bento-editor .preview-editor__split-pane .preview-editor__pad{padding:.5rem .75rem .85rem}.bento-editor .preview-editor__scroll{padding-top:.25rem}.bento-editor .preview-editor__scroll--html{padding:.35rem .85rem .75rem}.bento-editor .preview-md,.bento-editor .preview-md__mark{font-size:12px;line-height:1.65}.bento-editor .preview-md--rendered .preview-md__meta{font-size:10px}.bento-editor .preview-md__h1{margin:0 0 .65rem;font-size:15px}.bento-editor .preview-md__h2{margin:.85rem 0 .3rem;font-size:13px}.bento-editor .preview-md p,.bento-editor .preview-md__list{font-size:11px;line-height:1.55}.bento-editor .preview-md code{font-size:11px}.bento-editor .preview-html-doc{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0}.bento-editor .preview-html-doc__hero{margin-bottom:.55rem;padding:.75rem .85rem}.bento-editor .preview-html-doc__eyebrow{margin:0 0 .4rem;font-size:9px}.bento-editor .preview-html-doc__title{margin:0 0 .4rem;font-size:16px}.bento-editor .preview-html-doc__lede{font-size:11px;line-height:1.45}.bento-editor .preview-html-doc__grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:0;display:grid}.bento-editor .preview-html-doc__card{padding:.65rem}.bento-editor .preview-html-doc__card h2{font-size:11px}.bento-editor .preview-html-doc__card p{font-size:9px;line-height:1.4}.bento-editor .preview-html-doc__card-icon{width:22px;height:22px;font-size:10px}.bento-editor .foleo-csv-pane{flex-direction:column;height:100%;min-height:0;display:flex}.bento-editor .foleo-csv-pane__layout{flex:auto;min-height:0}.bento-editor .foleo-csv-pane__table-pane{min-height:0}.bento-editor .foleo-csv-grid{height:100%}.bento-editor .preview-editor__csv{width:100%;min-width:0}.bento-editor .foleo-csv-grid__scroll{scrollbar-width:none;flex:auto;min-height:0;overflow:hidden}.bento-editor .foleo-csv-grid__scroll::-webkit-scrollbar{display:none}.bento-editor .foleo-csv-grid__header-cell,.bento-editor .foleo-csv-grid__cell,.bento-editor .foleo-csv-grid__index{padding:0 7px;font-size:9.5px}.bento-editor .foleo-csv-grid__header-row,.bento-editor .foleo-csv-grid__row{height:22px;min-height:22px}.bento-editor .foleo-csv-grid__cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bento-editor .foleo-csv-grid__table{display:block}.bento-editor .foleo-csv-grid__header-row{z-index:1;background:var(--bg-base);border-bottom:1px solid var(--preview-border);align-items:stretch;display:grid;position:sticky;top:0}.bento-editor .foleo-csv-grid__body{display:block}.bento-editor .foleo-csv-grid__row{border-bottom:1px solid var(--fg-base);display:grid}@supports (color:color-mix(in lab, red, red)){.bento-editor .foleo-csv-grid__row{border-bottom:1px solid color-mix(in srgb, var(--fg-base) 6%, transparent)}}.bento-editor .foleo-csv-grid__header-cell,.bento-editor .foleo-csv-grid__cell{border-right:1px solid var(--fg-base);align-items:center;min-width:0;display:flex}@supports (color:color-mix(in lab, red, red)){.bento-editor .foleo-csv-grid__header-cell,.bento-editor .foleo-csv-grid__cell{border-right:1px solid color-mix(in srgb, var(--fg-base) 4%, transparent)}}.bento-editor .foleo-csv-grid__header-cell{color:var(--preview-fg-secondary);font-weight:500}.bento-editor .foleo-csv-grid__cell,.bento-editor .foleo-csv-grid__index{color:var(--preview-fg-muted)}.bento-editor .foleo-csv-grid__index{border-right:1px solid var(--fg-base);justify-content:center}@supports (color:color-mix(in lab, red, red)){.bento-editor .foleo-csv-grid__index{border-right:1px solid color-mix(in srgb, var(--fg-base) 6%, transparent)}}.bento-editor .foleo-csv-pane__footer{color:var(--text-muted);background:var(--bg-base);border-top:1px solid var(--preview-border);flex-shrink:0;gap:.75rem;padding:6px 10px;font-size:9px;display:flex}.bento-visual--palette{box-sizing:border-box;justify-content:center;align-items:flex-start;min-height:0;padding:0;display:flex}.bento-palette-stage{width:min(100%,228px);position:relative}.bento-palette-stage:before{content:"";filter:blur(14px);pointer-events:none;background:radial-gradient(90% 70% at 50% 30%,#7eb8ff1a 0%,#0000 68%);border-radius:50%;position:absolute;inset:-12% -8% 8%}.bento-palette-panel{z-index:1;border:1px solid #fafafa29;border-radius:12px;flex-direction:column;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.bento-palette-panel{border:1px solid color-mix(in srgb, var(--color-fg) 16%, transparent)}}.bento-palette-panel{background:linear-gradient(#232323,#0f0f0f)}@supports (color:color-mix(in lab, red, red)){.bento-palette-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--color-fg) 8%, #101010), color-mix(in srgb, var(--color-fg) 3%, #080808))}}.bento-palette-panel{box-shadow:0 1px 0 #fafafa1a inset, var(--shadow-card)}@supports (color:color-mix(in lab, red, red)){.bento-palette-panel{box-shadow:0 1px 0 color-mix(in srgb, var(--color-fg) 10%, transparent) inset, var(--shadow-card)}}.bento-palette-panel{overflow:hidden}.bento-palette-panel__search{border:1px solid #fafafa1f;border-radius:8px;align-items:center;gap:6px;margin:7px 8px 5px;padding:5px 7px;display:flex}@supports (color:color-mix(in lab, red, red)){.bento-palette-panel__search{border:1px solid color-mix(in srgb, var(--color-fg) 12%, transparent)}}.bento-palette-panel__search{background:#181818}@supports (color:color-mix(in lab, red, red)){.bento-palette-panel__search{background:color-mix(in srgb, var(--color-fg) 6%, #0a0a0a)}}.bento-palette-panel__search{letter-spacing:-.01em;color:#fafafa7a;font-size:11px}@supports (color:color-mix(in lab, red, red)){.bento-palette-panel__search{color:color-mix(in srgb, var(--color-fg) 48%, transparent)}}.bento-palette-panel__search svg{opacity:.55;flex-shrink:0}.bento-palette-panel__query{min-width:0;font-family:var(--font-mono);color:var(--color-fg);flex:1;font-size:10.5px;font-weight:500}.bento-palette-panel__search kbd{border:1px solid #fafafa1f;border-radius:4px;flex-shrink:0;padding:2px 5px}@supports (color:color-mix(in lab, red, red)){.bento-palette-panel__search kbd{border:1px solid color-mix(in srgb, var(--color-fg) 12%, transparent)}}.bento-palette-panel__search kbd{background:#fafafa0f}@supports (color:color-mix(in lab, red, red)){.bento-palette-panel__search kbd{background:color-mix(in srgb, var(--color-fg) 6%, transparent)}}.bento-palette-panel__search kbd{font-family:var(--font-mono);letter-spacing:.02em;color:#fafafa8c;font-size:9px}@supports (color:color-mix(in lab, red, red)){.bento-palette-panel__search kbd{color:color-mix(in srgb, var(--color-fg) 55%, transparent)}}.bento-palette-panel__body{flex-direction:column;gap:0;padding:0 5px 6px;display:flex}.bento-palette-panel__heading{letter-spacing:.04em;text-transform:uppercase;color:#fafafa66;margin:4px 7px 2px;font-size:9px;font-weight:500}@supports (color:color-mix(in lab, red, red)){.bento-palette-panel__heading{color:color-mix(in srgb, var(--color-fg) 40%, transparent)}}.bento-palette-row{letter-spacing:-.02em;color:#fafafa94;border-radius:7px;align-items:center;gap:8px;min-height:24px;padding:2px 7px;font-size:11px;display:flex}@supports (color:color-mix(in lab, red, red)){.bento-palette-row{color:color-mix(in srgb, var(--color-fg) 58%, transparent)}}.bento-palette-row--selected{background:#fafafa1c}@supports (color:color-mix(in lab, red, red)){.bento-palette-row--selected{background:color-mix(in srgb, var(--color-fg) 11%, transparent)}}.bento-palette-row--selected{color:var(--color-fg)}.bento-palette-row__leading{flex-shrink:0;align-items:center;gap:5px;display:flex}.bento-palette-row__glyph{opacity:.62;flex-shrink:0}.bento-palette-row--selected .bento-palette-row__glyph{opacity:.9;color:#91c2fe}@supports (color:color-mix(in lab, red, red)){.bento-palette-row--selected .bento-palette-row__glyph{color:color-mix(in srgb, #7eb8ff 85%, var(--color-fg))}}.bento-palette-row__badge{letter-spacing:.05em;background:#fafafa1a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:30px;padding:2px 5px;font-size:7.5px;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.bento-palette-row__badge{background:color-mix(in srgb, var(--color-fg) 10%, transparent)}}.bento-palette-row__badge{color:#fafafa9e}@supports (color:color-mix(in lab, red, red)){.bento-palette-row__badge{color:color-mix(in srgb, var(--color-fg) 62%, transparent)}}.bento-palette-row__badge--md{color:#9ecaffeb;background:#7eb8ff38}.bento-palette-row__badge--html{color:#ffb894eb;background:#ff9f6b38}.bento-palette-row__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);flex:1;font-size:10.5px;font-weight:400;overflow:hidden}.bento-visual--mac{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:0;padding:0;display:flex}.bento-mac-keys{flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:10px;width:100%;max-width:300px;margin-inline:auto;padding-bottom:4px;display:flex}.bento-mac-key{font:inherit;cursor:default;background:0 0;border:none;padding:0;display:block}.bento-mac-key__cap{min-width:52px;font-family:var(--font-mono);letter-spacing:-.03em;color:#fafafab8;place-items:center;padding:12px 14px 11px;font-size:15px;font-weight:500;display:grid}@supports (color:color-mix(in lab, red, red)){.bento-mac-key__cap{color:color-mix(in srgb, var(--color-fg) 72%, transparent)}}.bento-mac-key__cap{background:linear-gradient(#3e3e3e 0%,#232323 55%,#121212 100%)}@supports (color:color-mix(in lab, red, red)){.bento-mac-key__cap{background:linear-gradient(180deg, color-mix(in srgb, var(--color-fg) 16%, #1a1a1a) 0%, color-mix(in srgb, var(--color-fg) 8%, #101010) 55%, color-mix(in srgb, var(--color-fg) 4%, #080808) 100%)}}.bento-mac-key__cap{border:1px solid #fafafa2e}@supports (color:color-mix(in lab, red, red)){.bento-mac-key__cap{border:1px solid color-mix(in srgb, var(--color-fg) 18%, transparent)}}.bento-mac-key__cap{border-radius:10px;box-shadow:inset 0 1px #fafafa24,0 1px #000c,0 4px #0000008c,0 10px 20px #00000061}@supports (color:color-mix(in lab, red, red)){.bento-mac-key__cap{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-fg) 14%, transparent), 0 1px 0 #000c, 0 4px 0 #0000008c, 0 10px 20px #00000061}}.bento-mac-key__cap{transition:transform .14s ease-out,box-shadow .14s ease-out,color .14s ease-out,border-color .14s ease-out,background .14s ease-out;transform:translateY(0)}.bento-mac-key--pressed .bento-mac-key__cap{color:var(--color-fg);background:linear-gradient(#252525 0%,#161616 100%)}@supports (color:color-mix(in lab, red, red)){.bento-mac-key--pressed .bento-mac-key__cap{background:linear-gradient(180deg, color-mix(in srgb, var(--color-fg) 8%, #121212) 0%, color-mix(in srgb, var(--color-fg) 5%, #0a0a0a) 100%)}}.bento-mac-key--pressed .bento-mac-key__cap{border-color:#fafafa38}@supports (color:color-mix(in lab, red, red)){.bento-mac-key--pressed .bento-mac-key__cap{border-color:color-mix(in srgb, var(--color-fg) 22%, transparent)}}.bento-mac-key--pressed .bento-mac-key__cap{transform:translateY(4px);box-shadow:inset 0 2px 6px #0000008c,inset 0 1px #fafafa0f,0 1px #000000b3,0 3px 10px #00000047}@supports (color:color-mix(in lab, red, red)){.bento-mac-key--pressed .bento-mac-key__cap{box-shadow:inset 0 2px 6px #0000008c, inset 0 1px 0 color-mix(in srgb, var(--color-fg) 6%, transparent), 0 1px 0 #000000b3, 0 3px 10px #00000047}}.bento-visual--local{box-sizing:border-box;color:#fafafa9e;justify-content:center;align-items:center;width:100%;min-height:0;padding:0;display:flex}@supports (color:color-mix(in lab, red, red)){.bento-visual--local{color:color-mix(in srgb, var(--color-fg) 62%, transparent)}}.bento-local-stage{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:240px;margin-inline:auto;display:flex}.bento-local-emblem{place-items:center;width:112px;height:112px;display:grid;position:relative}.bento-local-emblem__ring{background:radial-gradient(circle at 50% 35%,#6ee7a824 0%,#fafafa0d 42%,#0000 72%);border:1px solid #6ee7a838;border-radius:50%;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.bento-local-emblem__ring{background:radial-gradient(circle at 50% 35%, #6ee7a824 0%, color-mix(in srgb, var(--color-fg) 5%, transparent) 42%, transparent 72%)}}.bento-local-emblem__glow{filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#6ee7a82e 0%,#0000 68%);border-radius:50%;position:absolute;inset:8%}.bento-local-emblem__icon{z-index:1;color:#fafafac7;justify-content:center;align-items:center;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.bento-local-emblem__icon{color:color-mix(in srgb, var(--color-fg) 78%, transparent)}}.bento-local-emblem__folder-svg{display:block}.bento-local-emblem__folder-body{fill:#fafafa14}@supports (color:color-mix(in lab, red, red)){.bento-local-emblem__folder-body{fill:color-mix(in srgb, var(--color-fg) 8%, transparent)}}.bento-local-emblem__folder-tab{fill:#fafafa1f}@supports (color:color-mix(in lab, red, red)){.bento-local-emblem__folder-tab{fill:color-mix(in srgb, var(--color-fg) 12%, transparent)}}.bento-local-emblem__cloud{color:#feaaaa;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:-4px;right:-10px}@supports (color:color-mix(in lab, red, red)){.bento-local-emblem__cloud{color:color-mix(in srgb, #ff9f9f 88%, var(--color-fg))}}.bento-local-emblem__cloud{background:#090909e0;border:1px solid #ff9f9f47;border-radius:50%;box-shadow:0 6px 16px #00000073}.bento-local-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.bento-local-chip{font-family:var(--font-mono);letter-spacing:-.02em;color:#fafafab8;padding:4px 9px;font-size:10px;font-weight:500}@supports (color:color-mix(in lab, red, red)){.bento-local-chip{color:color-mix(in srgb, var(--color-fg) 72%, transparent)}}.bento-local-chip{background:#fafafa12}@supports (color:color-mix(in lab, red, red)){.bento-local-chip{background:color-mix(in srgb, var(--color-fg) 7%, transparent)}}.bento-local-chip{border:1px solid #fafafa1f}@supports (color:color-mix(in lab, red, red)){.bento-local-chip{border:1px solid color-mix(in srgb, var(--color-fg) 12%, transparent)}}.bento-local-chip{border-radius:6px;box-shadow:inset 0 1px #fafafa14}@supports (color:color-mix(in lab, red, red)){.bento-local-chip{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-fg) 8%, transparent)}}.bento-local-chip--md{color:#7fe9b2;border-color:#6ee7a83d}@supports (color:color-mix(in lab, red, red)){.bento-local-chip--md{color:color-mix(in srgb, #6ee7a8 88%, var(--color-fg))}}.bento-local-chip--agents{color:#d9c0fe;border-color:#c4a0ff3d}@supports (color:color-mix(in lab, red, red)){.bento-local-chip--agents{color:color-mix(in srgb, #d4b8ff 88%, var(--color-fg))}}.bento-local-caption{letter-spacing:.06em;text-transform:uppercase;color:#fafafa6b;margin:0;font-size:10px;font-weight:500}@supports (color:color-mix(in lab, red, red)){.bento-local-caption{color:color-mix(in srgb, var(--color-fg) 42%, transparent)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.preview-window{border:1px solid var(--color-border-strong);box-shadow:none;--preview-fg:#fcfcfc;--preview-fg-muted:#fcfcfc94;--preview-fg-secondary:#fcfcfccc;--preview-border:#fcfcfc1f;--preview-surface:#fcfcfc33;--preview-tab-bg:#fcfcfc14;--preview-tab-active-fill:#252525;--preview-view-toggle-track:#1f1f1f;--preview-view-toggle-thumb:#414141;--preview-view-toggle-border:#fcfcfc14;--preview-surface-input:#fcfcfc14;--preview-search-bg:transparent;--preview-search-bg-hover:var(--preview-surface-input);--preview-item-hover:var(--preview-surface-input);--preview-sidebar-row-inset:10px;--preview-sidebar-base:#121212;--preview-accent:var(--preview-fg-secondary);--preview-chrome-height:50px;--preview-chrome-fade-height:30px;--preview-control-height:32px;--preview-tab-chrome-padding-y:6px;--bg-base:#121212;--fg-base:var(--preview-fg);--text-muted:var(--preview-fg-muted);--text:var(--preview-fg-secondary);--line-subtler:var(--preview-border);background:#121212;position:relative;overflow:hidden}.preview-traffic-lights{box-sizing:border-box;pointer-events:none;flex-shrink:0;align-items:center;gap:8px;width:86px;padding-left:13px;display:flex}.preview-traffic-lights__dot{border-radius:50%;width:12px;height:12px}.preview-traffic-lights__dot--close{background:#ff5f57}.preview-traffic-lights__dot--minimize{background:#febc2e}.preview-traffic-lights__dot--zoom{background:#28c840}.preview-layout{height:620px;min-height:560px;display:flex}.preview-sidebar{background:var(--preview-sidebar-base);flex:none;transition:width .14s ease-out;position:relative;overflow:hidden}.preview-sidebar:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 75% at 80% 0%, var(--preview-fg) 0%, var(--preview-fg) 20%, var(--preview-fg) 42%, var(--preview-fg) 62%, var(--preview-fg) 78%, var(--preview-sidebar-base) 92%), radial-gradient(ellipse 90% 75% at 0% 100%, var(--preview-fg) 0%, var(--preview-fg) 22%, var(--preview-fg) 42%, var(--preview-fg) 58%, var(--preview-fg) 72%, var(--preview-sidebar-base) 90%), radial-gradient(ellipse 120% 55% at 0% 85%, var(--preview-fg) 0%, var(--preview-fg) 38%, var(--preview-fg) 62%, var(--preview-sidebar-base) 88%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.preview-sidebar:before{background:radial-gradient(ellipse 90% 75% at 80% 0%, color-mix(in srgb, var(--preview-fg) 10%, var(--preview-sidebar-base)) 0%, color-mix(in srgb, var(--preview-fg) 7%, var(--preview-sidebar-base)) 20%, color-mix(in srgb, var(--preview-fg) 4%, var(--preview-sidebar-base)) 42%, color-mix(in srgb, var(--preview-fg) 2%, var(--preview-sidebar-base)) 62%, color-mix(in srgb, var(--preview-fg) 1%, var(--preview-sidebar-base)) 78%, var(--preview-sidebar-base) 92%), radial-gradient(ellipse 90% 75% at 0% 100%, color-mix(in srgb, var(--preview-fg) 8%, var(--preview-sidebar-base)) 0%, color-mix(in srgb, var(--preview-fg) 5.5%, var(--preview-sidebar-base)) 22%, color-mix(in srgb, var(--preview-fg) 3.5%, var(--preview-sidebar-base)) 42%, color-mix(in srgb, var(--preview-fg) 2%, var(--preview-sidebar-base)) 58%, color-mix(in srgb, var(--preview-fg) 1%, var(--preview-sidebar-base)) 72%, var(--preview-sidebar-base) 90%), radial-gradient(ellipse 120% 55% at 0% 85%, color-mix(in srgb, var(--preview-fg) 5%, var(--preview-sidebar-base)) 0%, color-mix(in srgb, var(--preview-fg) 2.5%, var(--preview-sidebar-base)) 38%, color-mix(in srgb, var(--preview-fg) 1%, var(--preview-sidebar-base)) 62%, var(--preview-sidebar-base) 88%)}}.preview-sidebar__inner{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.preview-sidebar__divider{z-index:2;background:var(--preview-fg);width:1px;position:absolute;top:0;bottom:0;right:0}@supports (color:color-mix(in lab, red, red)){.preview-sidebar__divider{background:color-mix(in srgb, var(--preview-fg) 10%, transparent)}}.preview-sidebar__divider{pointer-events:none}.preview-sidebar__drag{flex-shrink:0;height:44px}.preview-sidebar__browser{flex-direction:column;flex:auto;min-height:0;padding:0 12px;display:flex;overflow:hidden}.preview-sidebar__search-row{flex-shrink:0;align-items:center;height:44px;padding:6px 0;display:flex}.preview-sidebar__search{width:100%;height:var(--preview-control-height);background:var(--preview-search-bg);color:var(--preview-fg-muted);font:inherit;letter-spacing:-.02em;cursor:default;border:1px solid #0000;border-radius:8px;align-items:center;padding:0 12px 0 34px;font-size:13px;transition:background 80ms ease-out,color 80ms ease-out;display:flex;position:relative}.preview-sidebar__search:hover{background:var(--preview-search-bg-hover);color:var(--preview-fg-secondary)}.preview-sidebar__search svg{left:var(--preview-sidebar-row-inset);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.preview-sidebar__search-label{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:auto;min-width:0;overflow:hidden}.preview-sidebar__search-kbd{color:var(--preview-fg-muted);pointer-events:none;font-family:inherit;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.preview-sidebar__tree{scrollbar-width:none;flex-direction:column;flex:auto;gap:1px;width:100%;padding:8px 0;display:flex;overflow-y:auto}.preview-sidebar__tree::-webkit-scrollbar{display:none}.preview-sidebar__item{width:100%;height:32px;padding-left:var(--preview-sidebar-row-inset);box-sizing:border-box;font:inherit;letter-spacing:-.01em;color:var(--preview-fg-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;margin:0;padding-right:8px;font-size:13px;line-height:1.15;transition:background 80ms ease-out,color 80ms ease-out;display:flex}.preview-sidebar__item:hover,.preview-sidebar__item--active,.preview-sidebar__item--active:hover{background:var(--preview-item-hover);color:var(--preview-fg-secondary)}.preview-sidebar__icon{opacity:.54;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.preview-sidebar__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.preview-sidebar__footer{flex-shrink:0;padding:12px}.preview-sidebar__workspace{width:100%;height:32px;padding:0 8px 0 var(--preview-sidebar-row-inset);font:inherit;color:var(--preview-fg-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;font-size:13px;transition:background 80ms ease-out,color 80ms ease-out;display:flex}.preview-sidebar__workspace:hover{background:var(--preview-item-hover);color:var(--preview-fg-secondary)}.preview-editor-panel{background:#121212;flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.preview-editor-panel__fade{top:var(--preview-chrome-height);height:var(--preview-chrome-fade-height);pointer-events:none;z-index:2;background:#121212;position:absolute;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0%,#000000eb 10%,#000000d1 20%,#000000b0 30%,#0000008c 40%,#0000006b 50%,#0000004d 60%,#0003 70%,#0000001c 80%,#0000000a 90%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000eb 10%,#000000d1 20%,#000000b0 30%,#0000008c 40%,#0000006b 50%,#0000004d 60%,#0003 70%,#0000001c 80%,#0000000a 90%,#0000 100%)}.preview-chrome-controls{z-index:50;pointer-events:auto;align-items:center;gap:0;height:28px;padding:0 12px 0 0;display:flex;position:absolute;top:8px;left:0}.preview-chrome-button{width:28px;height:28px;color:var(--preview-fg);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.preview-chrome-button{color:color-mix(in srgb, var(--preview-fg) 44%, transparent)}}.preview-chrome-button{cursor:pointer;transition:background 80ms ease-out,color 80ms ease-out}.preview-chrome-button:enabled:hover{background:var(--preview-fg)}@supports (color:color-mix(in lab, red, red)){.preview-chrome-button:enabled:hover{background:color-mix(in srgb, var(--preview-fg) 16%, transparent)}}.preview-chrome-button:enabled:hover{color:var(--preview-fg-secondary)}.preview-chrome-button:disabled{opacity:.3;cursor:default}.preview-tab-chrome{z-index:40;height:var(--preview-chrome-height);align-items:center;transition:left .14s ease-out;display:flex;position:absolute;top:0;right:12px;overflow:visible}.preview-tab-chrome__inner{background:#121212;align-items:center;width:100%;min-width:0;height:100%;display:flex}.preview-tabs{box-sizing:border-box;width:100%;min-width:0;height:calc(var(--preview-control-height) + var(--preview-tab-chrome-padding-y) * 2);padding:var(--preview-tab-chrome-padding-y) 0;flex:auto;align-items:center;gap:12px;line-height:1;display:flex}.preview-tabs__nav{flex-shrink:0;align-items:center;gap:2px;display:flex}.preview-tabs__nav-btn{width:28px;height:var(--preview-control-height);color:var(--preview-fg);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.preview-tabs__nav-btn{color:color-mix(in srgb, var(--preview-fg) 44%, transparent)}}.preview-tabs__nav-btn{cursor:pointer;transition:background 80ms ease-out,color 80ms ease-out}.preview-tabs__nav-btn:enabled:hover{background:var(--preview-fg)}@supports (color:color-mix(in lab, red, red)){.preview-tabs__nav-btn:enabled:hover{background:color-mix(in srgb, var(--preview-fg) 16%, transparent)}}.preview-tabs__nav-btn:enabled:hover{color:var(--preview-fg-secondary)}.preview-tabs__nav-btn:disabled{opacity:.3;cursor:default}.preview-tabs__center{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.preview-tabs__strip{overscroll-behavior-x:contain;scrollbar-width:none;flex:auto;align-items:center;min-width:0;scroll-padding-inline:28px 44px;display:flex;position:relative;overflow:auto hidden}.preview-tabs__strip--overflow{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000001f 1.2%,#00000073 2.8%,#000000e0 4.2%,#000 5.5% 94.5%,#000000e0 95.8%,#00000073 97.2%,#0000001f 98.8%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000001f 1.2%,#00000073 2.8%,#000000e0 4.2%,#000 5.5% 94.5%,#000000e0 95.8%,#00000073 97.2%,#0000001f 98.8%,#0000 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.preview-tabs__strip::-webkit-scrollbar{display:none}.preview-tabs__strip-inner{z-index:0;flex-wrap:nowrap;align-items:center;gap:4px;min-width:max-content;padding-inline:28px 44px;display:flex;position:relative}.preview-tabs__trailing{box-sizing:border-box;background:var(--bg-base);z-index:2;flex-shrink:0;align-items:center;gap:8px;padding-left:0;display:flex}.preview-tabs__tab{max-width:180px;height:var(--preview-control-height);color:var(--preview-fg-muted);letter-spacing:-.02em;cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;align-items:center;padding:0 14px;font-size:13px;line-height:1;transition:background 80ms ease-out,color 80ms ease-out,-webkit-backdrop-filter 80ms ease-out,backdrop-filter 80ms ease-out;display:inline-flex;position:relative;overflow:hidden}.preview-tabs__tab:hover,.preview-tabs__tab--active{background:var(--preview-tab-bg);color:var(--preview-fg-secondary);-webkit-backdrop-filter:blur(20px)}.preview-tabs__tab:hover .preview-tabs__name{-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000,#000 calc(100% - 36px),#0000)}.preview-tabs__tab:has(.preview-tabs__close:focus) .preview-tabs__name{-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000,#000 calc(100% - 36px),#0000)}.preview-tabs__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1;overflow:hidden}.preview-tabs__close-slot{--preview-tab-close-scrim-solid:26px;pointer-events:none;opacity:0;--preview-close-slot-dur:.28s;--preview-close-slot-ease:cubic-bezier(.4, 0, .2, 1);width:52px;transition:opacity var(--preview-close-slot-dur) var(--preview-close-slot-ease), transform var(--preview-close-slot-dur) var(--preview-close-slot-ease);justify-content:flex-end;align-items:center;padding-right:6px;display:flex;position:absolute;inset:0 0 0 auto;transform:translate(100%)}.preview-tabs__close-slot:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(to right, rgb(from var(--preview-tab-active-fill) r g b / 0%) 0, var(--preview-tab-active-fill) calc(100% - var(--preview-tab-close-scrim-solid)), var(--preview-tab-active-fill) 100%);border-radius:0 8px 8px 0;position:absolute;inset:0}.preview-tabs__tab:hover .preview-tabs__close-slot{opacity:1;transition:opacity var(--preview-close-slot-dur) var(--preview-close-slot-ease), transform var(--preview-close-slot-dur) var(--preview-close-slot-ease);transform:translate(0)}.preview-tabs__tab:has(.preview-tabs__close:focus) .preview-tabs__close-slot{opacity:1;transition:opacity var(--preview-close-slot-dur) var(--preview-close-slot-ease), transform var(--preview-close-slot-dur) var(--preview-close-slot-ease);transform:translate(0)}.preview-tabs__close{pointer-events:auto;z-index:1;width:20px;height:20px;font:inherit;color:var(--preview-fg);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.preview-tabs__close{color:color-mix(in srgb, var(--preview-fg) 44%, transparent)}}.preview-tabs__close{cursor:pointer;flex-shrink:0;transition:color 80ms ease-out}.preview-tabs__close:hover{color:var(--preview-fg)}.preview-view-toggle{border:1px solid var(--preview-view-toggle-border);background:var(--preview-view-toggle-track);border-radius:7px;flex-shrink:0;align-items:center;gap:0;padding:3px;display:inline-flex}.preview-view-toggle__btn{min-width:3.75rem;font:inherit;letter-spacing:-.01em;color:var(--preview-fg);background:0 0;border:none;border-radius:5px;flex:1 1 0;justify-content:center;align-items:center;padding:3px 10px;font-size:12px;font-weight:400;line-height:1.25;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.preview-view-toggle__btn{color:color-mix(in srgb, var(--preview-fg) 48%, transparent)}}.preview-view-toggle__btn{cursor:pointer;transition:background .1s ease-out,color .1s ease-out}.preview-view-toggle__btn:hover:not(.preview-view-toggle__btn--active){color:var(--preview-fg-secondary)}.preview-view-toggle__btn--active{background:var(--preview-view-toggle-thumb);color:var(--preview-fg);font-weight:500}.preview-editor-area{min-height:0;padding-top:var(--preview-chrome-height);flex-direction:column;flex:auto;display:flex}.preview-editor__split{flex:auto;height:100%;min-height:0;display:flex}.preview-editor__split-pane{border-right:1px solid var(--preview-border);flex:1 1 0;min-width:0;min-height:0;overflow:hidden}.preview-editor__split-pane:last-child{border-right:none}.preview-editor__split-pane .preview-editor__scroll{height:100%}.preview-editor__split-pane .preview-editor__pad,.preview-editor__split-pane .preview-html-doc{max-width:none;padding-left:1rem;padding-right:1rem}.preview-editor__scroll{scrollbar-color:var(--preview-fg) transparent;flex:auto;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.preview-editor__scroll{scrollbar-color:color-mix(in srgb, var(--preview-fg) 24%, transparent) transparent}}.preview-editor__scroll{padding-top:1rem}.preview-editor__scroll--html{padding-top:.5rem}.preview-editor__pad{max-width:520px;margin:0 auto;padding:0 clamp(1.5rem,4vw,2.5rem) 4rem}.preview-md{font-family:var(--font-sans);color:var(--preview-fg-secondary);font-size:16px;line-height:1.8}.preview-md__mark{color:var(--preview-fg-muted);margin:0;font-size:16px;line-height:1.8}.preview-md__mark--inline{margin-top:.5rem}.preview-md__h1{letter-spacing:-.02em;color:var(--preview-fg);margin:0 0 1.5rem;font-size:22px;font-weight:500;line-height:1.2}.preview-md p{margin:0 0 1rem}.preview-md a{color:var(--preview-accent);text-decoration:underline;-webkit-text-decoration-color:var(--preview-accent);-webkit-text-decoration-color:var(--preview-accent);-webkit-text-decoration-color:var(--preview-accent);text-decoration-color:var(--preview-accent)}@supports (color:color-mix(in lab, red, red)){.preview-md a{-webkit-text-decoration-color:color-mix(in srgb, var(--preview-accent) 40%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--preview-accent) 40%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--preview-accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--preview-accent) 40%, transparent)}}.preview-md a{text-underline-offset:2px}.preview-md em{color:var(--preview-fg-muted);font-style:italic}.preview-md--rendered .preview-md__meta{color:var(--preview-fg-muted);margin:0 0 .75rem;font-size:12px}.preview-md__h2{letter-spacing:-.01em;color:var(--preview-fg);margin:1.75rem 0 .5rem;font-size:17px;font-weight:500}.preview-md__h3{letter-spacing:-.01em;color:var(--preview-fg);margin:1.25rem 0 .35rem;font-size:15px;font-weight:500}.preview-md__blockquote{border-left:3px solid var(--preview-fg);margin:0 0 1rem;padding:.65rem 0 .65rem 1rem}@supports (color:color-mix(in lab, red, red)){.preview-md__blockquote{border-left:3px solid color-mix(in srgb, var(--preview-fg) 22%, transparent)}}.preview-md__blockquote{color:var(--preview-fg-muted);font-size:15px}.preview-md__pre{background:var(--preview-fg);border-radius:8px;margin:0 0 1rem;padding:.85rem 1rem}@supports (color:color-mix(in lab, red, red)){.preview-md__pre{background:color-mix(in srgb, var(--preview-fg) 6%, transparent)}}.preview-md__pre{border:1px solid var(--preview-fg)}@supports (color:color-mix(in lab, red, red)){.preview-md__pre{border:1px solid color-mix(in srgb, var(--preview-fg) 10%, transparent)}}.preview-md__pre{overflow-x:auto}.preview-md__pre code{font-family:var(--font-mono);color:var(--preview-fg-secondary);font-size:13px;line-height:1.55}.preview-md__list{color:var(--preview-fg-secondary);margin:0 0 1rem;padding-left:1.25rem}.preview-md__list--ordered{list-style:decimal}.preview-md__list li{margin-bottom:.35rem}.preview-html-doc{max-width:560px;font-family:var(--font-sans);margin:0 auto;padding:0 1.5rem 3rem}.preview-html-doc__hero{background:linear-gradient(160deg, var(--preview-accent), #121212 70%);border-radius:12px;margin-bottom:1.5rem;padding:2rem 1.5rem}@supports (color:color-mix(in lab, red, red)){.preview-html-doc__hero{background:linear-gradient(160deg, color-mix(in srgb, var(--preview-accent) 16%, #121212), #121212 70%)}}.preview-html-doc__hero{border:1px solid var(--preview-border)}.preview-html-doc__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--preview-accent);margin:0 0 .75rem;font-size:11px;font-weight:500}.preview-html-doc__title{letter-spacing:-.02em;color:var(--preview-fg);margin:0 0 .75rem;font-size:26px;font-weight:500;line-height:1.15}.preview-html-doc__lede{color:var(--preview-fg-muted);margin:0;font-size:15px;line-height:1.6}.preview-html-doc__grid{gap:.75rem;margin-bottom:1.5rem;display:grid}@media (min-width:540px){.preview-html-doc__grid{grid-template-columns:repeat(3,1fr)}}.preview-html-doc__card{border:1px solid var(--preview-border);background:var(--preview-fg);border-radius:10px;padding:1rem}@supports (color:color-mix(in lab, red, red)){.preview-html-doc__card{background:color-mix(in srgb, var(--preview-fg) 3%, transparent)}}.preview-html-doc__card-icon{background:var(--preview-accent);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:.5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.preview-html-doc__card-icon{background:color-mix(in srgb, var(--preview-accent) 16%, transparent)}}.preview-html-doc__card-icon{color:var(--preview-accent);font-size:12px;font-weight:600}.preview-html-doc__card h2{color:var(--preview-fg);margin:0 0 .35rem;font-size:13px;font-weight:500}.preview-html-doc__card p{color:var(--preview-fg-muted);margin:0;font-size:12px;line-height:1.5}.preview-html-doc__code{border:1px solid var(--preview-border);background:var(--preview-fg);border-radius:10px;margin:0;padding:1rem 1.25rem}@supports (color:color-mix(in lab, red, red)){.preview-html-doc__code{background:color-mix(in srgb, var(--preview-fg) 4%, transparent)}}.preview-html-doc__code{overflow-x:auto}.preview-html-doc__code code{font-family:var(--font-mono);color:var(--preview-accent);font-size:12px;line-height:1.6}@supports (color:color-mix(in lab, red, red)){.preview-html-doc__code code{color:color-mix(in srgb, var(--preview-accent) 80%, var(--preview-fg))}}.preview-html-doc__code code{white-space:pre}.preview-html-doc__hero--coverage{background:linear-gradient(160deg, #34c7592e, var(--preview-fg))}@supports (color:color-mix(in lab, red, red)){.preview-html-doc__hero--coverage{background:linear-gradient(160deg, #34c7592e, color-mix(in srgb, var(--preview-fg) 6%, transparent))}}.preview-html-doc__hero--release{background:linear-gradient(160deg, #5e9eff24, var(--preview-fg))}@supports (color:color-mix(in lab, red, red)){.preview-html-doc__hero--release{background:linear-gradient(160deg, #5e9eff24, color-mix(in srgb, var(--preview-fg) 6%, transparent))}}.preview-html-doc__hero--tokens{background:linear-gradient(160deg, var(--preview-fg), var(--preview-fg))}@supports (color:color-mix(in lab, red, red)){.preview-html-doc__hero--tokens{background:linear-gradient(160deg, color-mix(in srgb, var(--preview-fg) 12%, transparent), color-mix(in srgb, var(--preview-fg) 4%, transparent))}}.preview-html-doc__bars{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.preview-html-doc__bars li{grid-template-columns:5.5rem 1fr 2.5rem;align-items:center;gap:10px;display:grid}.preview-html-doc__bar-label{color:var(--preview-fg-muted);font-size:12px}.preview-html-doc__bar-track{background:var(--preview-fg);border-radius:4px;height:8px}@supports (color:color-mix(in lab, red, red)){.preview-html-doc__bar-track{background:color-mix(in srgb, var(--preview-fg) 8%, transparent)}}.preview-html-doc__bar-track{overflow:hidden}.preview-html-doc__bar-fill{background:#34c759;border-radius:4px;height:100%;display:block}@supports (color:color-mix(in lab, red, red)){.preview-html-doc__bar-fill{background:color-mix(in srgb, #34c759 70%, var(--preview-fg))}}.preview-html-doc__bar-fill--mid{background:#febc2e}@supports (color:color-mix(in lab, red, red)){.preview-html-doc__bar-fill--mid{background:color-mix(in srgb, #febc2e 70%, var(--preview-fg))}}.preview-html-doc__bar-fill--low{background:#ff5f57}@supports (color:color-mix(in lab, red, red)){.preview-html-doc__bar-fill--low{background:color-mix(in srgb, #ff5f57 55%, var(--preview-fg))}}.preview-html-doc__bar-pct{font-variant-numeric:tabular-nums;text-align:right;color:var(--preview-fg-secondary);font-size:12px}.preview-html-doc__release{margin-bottom:1.25rem}.preview-html-doc__release h2{color:var(--preview-fg);margin:0 0 .5rem;font-size:14px;font-weight:500}.preview-html-doc__release ul{color:var(--preview-fg-secondary);margin:0;padding-left:1.15rem;font-size:13px;line-height:1.55}.preview-html-doc__release li{margin-bottom:.35rem}.preview-html-doc__swatches{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.preview-html-doc__swatch{border:1px solid var(--preview-border);background:var(--preview-fg);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.preview-html-doc__swatch{background:color-mix(in srgb, var(--preview-fg) 4%, transparent)}}.preview-html-doc__swatch{color:var(--preview-fg-muted);font-size:12px}.preview-html-doc__swatch-chip{border:1px solid var(--preview-border);border-radius:6px;flex-shrink:0;width:24px;height:24px}.preview-html-doc__swatch-chip--base{background:#121212}.preview-html-doc__swatch-chip--muted{background:#fcfcfc94}.preview-html-doc__swatch-chip--accent{background:#fcfcfccc}.preview-html-doc__swatch-chip--line{background:#fcfcfc1f}.preview-source{font-family:var(--font-mono);color:var(--preview-fg);margin:0;font-size:12px;line-height:1.65}@supports (color:color-mix(in lab, red, red)){.preview-source{color:color-mix(in srgb, var(--preview-fg) 72%, transparent)}}.preview-source{white-space:pre-wrap;word-break:break-word}.preview-editor__csv{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.preview-window .foleo-csv-pane{box-sizing:border-box;background:0 0;flex-direction:column;flex:auto;min-height:0;padding-top:0;display:flex}.preview-window .foleo-csv-pane__layout{flex:auto;min-height:0;display:flex}.preview-window .foleo-csv-pane__layout--table,.preview-window .foleo-csv-pane__layout--source{flex-direction:column}.preview-window .foleo-csv-pane__layout--split{flex-direction:row}.preview-window .foleo-csv-pane__table-pane{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.preview-window .foleo-csv-pane__source{flex:1 1 0;min-width:0;min-height:0;overflow:auto}.preview-window .foleo-csv-pane__layout--split .foleo-csv-pane__source{border-left:1px solid var(--line-subtler)}.preview-window .foleo-csv-pane__source-doc{color:var(--preview-fg);margin:0;padding:.75rem 1rem 1rem;font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.preview-window .foleo-csv-pane__source-doc{color:color-mix(in srgb, var(--preview-fg) 72%, transparent)}}.preview-window .foleo-csv-pane__source-doc{white-space:pre;overflow-x:auto}.preview-window .foleo-csv-pane__footer{color:var(--text-muted);border-top:1px solid var(--fg-base);flex-shrink:0;gap:1rem;padding:.4rem 1rem;font-size:11px;display:flex}@supports (color:color-mix(in lab, red, red)){.preview-window .foleo-csv-pane__footer{border-top:1px solid color-mix(in srgb, var(--fg-base) 8%, transparent)}}.preview-window .foleo-csv-pane__footer{background:var(--bg-base)}.preview-window .foleo-csv-grid{background:var(--bg-base);flex-direction:column;flex:1;min-height:0;display:flex}.preview-window .foleo-csv-grid__scroll{flex:1;min-height:0;overflow:auto}.preview-window .foleo-csv-grid__table{display:block;position:relative}.preview-window .foleo-csv-grid__header-row{z-index:2;background:var(--bg-base);border-bottom:1px solid var(--fg-base);align-items:stretch;min-height:36px;display:grid;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.preview-window .foleo-csv-grid__header-row{border-bottom:1px solid color-mix(in srgb, var(--fg-base) 10%, transparent)}}.preview-window .foleo-csv-grid__body{display:block}.preview-window .foleo-csv-grid__row{box-sizing:border-box;border-bottom:1px solid var(--fg-base);display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.preview-window .foleo-csv-grid__row{border-bottom:1px solid color-mix(in srgb, var(--fg-base) 6%, transparent)}}.preview-window .foleo-csv-grid__row:hover{background:var(--fg-base)}@supports (color:color-mix(in lab, red, red)){.preview-window .foleo-csv-grid__row:hover{background:color-mix(in srgb, var(--fg-base) 4%, transparent)}}.preview-window .foleo-csv-grid__index{box-sizing:border-box;min-height:36px;color:var(--text-muted);border-right:1px solid var(--fg-base);justify-content:center;align-items:center;font-size:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.preview-window .foleo-csv-grid__index{border-right:1px solid color-mix(in srgb, var(--fg-base) 6%, transparent)}}.preview-window .foleo-csv-grid__index--head{font-weight:500}.preview-window .foleo-csv-grid__header-cell,.preview-window .foleo-csv-grid__cell{box-sizing:border-box;border-right:1px solid var(--fg-base);align-items:stretch;min-width:0;min-height:36px;padding:0;font-size:13px;display:flex}@supports (color:color-mix(in lab, red, red)){.preview-window .foleo-csv-grid__header-cell,.preview-window .foleo-csv-grid__cell{border-right:1px solid color-mix(in srgb, var(--fg-base) 4%, transparent)}}.preview-window .foleo-csv-grid__header-cell{text-align:left;font-weight:500}.preview-window .foleo-csv-grid__col-resize-layer{pointer-events:none;z-index:4;display:grid;position:absolute;top:0;left:0}.preview-window .foleo-csv-grid__col-resize-layer__cell{position:relative}.preview-window .foleo-csv-grid__col-resize{cursor:col-resize;pointer-events:auto;touch-action:none;width:6px;height:100%;position:absolute;top:0;right:-3px}.preview-window .foleo-csv-grid__col-resize:after{content:"";background:0 0;width:1px;transition:background .14s ease-out;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.preview-window .foleo-csv-grid__col-resize:hover:after,.preview-window .foleo-csv-grid__col-resize[data-dragging]:after{background:var(--accent)}.preview-window .foleo-csv-grid__cell-text{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;width:100%;min-height:36px;color:var(--text);align-items:center;padding:.45rem .65rem;line-height:1.4;display:flex;overflow:hidden}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.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}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-dvh{min-height:100dvh}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[min\(100\%\,52rem\)\]{max-width:min(100%,52rem)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-fade-up{animation:var(--animate-fade-up)}.animate-scale-in{animation:var(--animate-scale-in)}.resize{resize:both}.\[scrollbar-width\:none\]{scrollbar-width:none}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}.overflow-x-auto{overflow-x:auto}.\!rounded-2xl{border-radius:var(--radius-2xl)!important}.\!rounded-full{border-radius:3.40282e38px!important}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-border{border-color:var(--color-border)}.bg-bg{background-color:var(--color-bg)}.bg-surface{background-color:var(--color-surface)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[clamp\(1\.5rem\,4vw\,2rem\)\]{font-size:clamp(1.5rem,4vw,2rem)}.text-\[clamp\(1\.75rem\,4vw\,2\.25rem\)\]{font-size:clamp(1.75rem,4vw,2.25rem)}.text-\[clamp\(1\.75rem\,4vw\,2\.75rem\)\]{font-size:clamp(1.75rem,4vw,2.75rem)}.text-\[clamp\(2rem\,5vw\,3\.25rem\)\]{font-size:clamp(2rem,5vw,3.25rem)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.text-fg{color:var(--color-fg)}.text-fg-muted{color:var(--color-fg-muted)}.text-fg-subtle{color:var(--color-fg-subtle)}.uppercase{text-transform:uppercase}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.outline-offset-4{outline-offset:4px}.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))}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.placeholder\:text-fg-subtle::placeholder{color:var(--color-fg-subtle)}@media (hover:hover){.hover\:text-fg:hover{color:var(--color-fg)}}.focus\:border-border-strong:focus{border-color:var(--color-border-strong)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.sm\:text-\[12px\]{font-size:12px}}@media (min-width:48rem){.md\:sticky{position:sticky}.md\:top-36{top:calc(var(--spacing) * 36)}.md\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.md\:flex{display:flex}.md\:min-h-\[60px\]{min-height:60px}.md\:max-w-md{max-width:var(--container-md)}.md\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\]{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:gap-12{gap:calc(var(--spacing) * 12)}.md\:self-start{align-self:flex-start}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:px-14{padding-inline:calc(var(--spacing) * 14)}.md\:py-4{padding-block:calc(var(--spacing) * 4)}.md\:py-16{padding-block:calc(var(--spacing) * 16)}.md\:pt-8{padding-top:calc(var(--spacing) * 8)}.md\:pt-10{padding-top:calc(var(--spacing) * 10)}.md\:pt-40{padding-top:calc(var(--spacing) * 40)}.md\:pb-14{padding-bottom:calc(var(--spacing) * 14)}.md\:whitespace-nowrap{white-space:nowrap}}@media (min-width:64rem){.lg\:gap-16{gap:calc(var(--spacing) * 16)}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}.landing-section{padding-block:5.5rem;padding-inline:1.5rem}@media (min-width:768px){.landing-section{padding-block:7rem}}.landing-section--preview{padding-inline:1.5rem;padding-bottom:4rem}@media (min-width:768px){.landing-section--preview{padding-bottom:5.5rem}}.site-content{width:100%;max-width:72rem;margin-inline:auto}.site-header-width{width:100%;max-width:64rem;margin-inline:auto}.site-header-float{background:#111111c7}@supports (color:color-mix(in lab, red, red)){.site-header-float{background:color-mix(in srgb, var(--color-bg-elevated) 78%, transparent)}}.site-header-float{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border:1px solid var(--color-border);box-shadow:inset 0 1px #ffffff0f,0 1px 2px #00000038,0 4px 16px #0000002e,0 0 0 1px #0003}.preview-window .foleo-csv-grid__header-row,.preview-window .foleo-csv-grid__row,.preview-window .foleo-csv-grid__col-resize-layer{display:grid!important}@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-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}