@layer components{.sw-live-workbook,.sw-showcase,.sw-demo-app{--demo-surface:var(--sw-demo-surface);--demo-raised:var(--sw-demo-raised);--demo-border:var(--sw-demo-border);--demo-fg:var(--sw-demo-fg);--demo-muted:var(--sw-demo-muted);--demo-accent:var(--sw-demo-accent);border:1px solid var(--demo-border);background:var(--demo-surface);color:var(--demo-fg);box-shadow:var(--sw-demo-shadow);border-radius:1rem;overflow:hidden}.sw-demo-app[data-framework=react]{--demo-accent:var(--color-fw-react)}.sw-demo-app[data-framework=vue]{--demo-accent:var(--color-fw-vue)}.sw-demo-app[data-framework=svelte]{--demo-accent:var(--color-fw-svelte)}.sw-demo-select{min-width:0}.sw-demo-select__label{color:var(--demo-muted);cursor:default;font-size:var(--sw-type-xs);font-weight:600}.sw-demo-select__trigger{border:1px solid var(--demo-border);background:var(--demo-surface);min-width:8rem;min-height:2.15rem;color:var(--demo-fg);font:550 var(--sw-type-sm) var(--font-sans);cursor:pointer;border-radius:.35rem;outline:0;justify-content:space-between;align-items:center;gap:.6rem;padding:.42rem .55rem;display:flex}.sw-demo-select__trigger:hover,.sw-demo-select__trigger[data-popup-open],.sw-demo-select__trigger:focus-visible{border-color:var(--demo-accent)}.sw-demo-select__trigger:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--demo-accent) 32%, transparent)}.sw-demo-select__icon{color:var(--demo-muted);transition:transform .12s;display:flex}.sw-demo-select__trigger[data-popup-open] .sw-demo-select__icon{transform:rotate(180deg)}.sw-demo-select__positioner{z-index:100;outline:0}.sw-demo-select__popup{min-width:var(--anchor-width);border:1px solid var(--sw-demo-border-strong);background:var(--sw-demo-raised);color:var(--sw-demo-fg);box-shadow:var(--sw-demo-popup-shadow);transform-origin:var(--transform-origin);border-radius:.5rem;outline:0;transition:opacity .1s,transform .1s;overflow:hidden}.sw-demo-select__popup[data-starting-style],.sw-demo-select__popup[data-ending-style]{opacity:0;transform:scale(.98)}.sw-demo-select__list{max-height:min(20rem, var(--available-height));padding:.3rem;overflow-y:auto}.sw-demo-select__item{min-height:2.25rem;color:var(--sw-demo-fg-soft);font:550 var(--sw-type-sm) var(--font-sans);cursor:default;border-radius:.35rem;outline:0;grid-template-columns:1rem minmax(0,1fr);align-items:center;gap:.5rem;padding:.4rem .6rem;display:grid}.sw-demo-select__item[data-highlighted]{background:color-mix(in srgb, var(--sw-demo-accent) 13%, var(--sw-demo-raised));color:var(--sw-demo-fg-strong)}.sw-demo-select__indicator{color:var(--sw-demo-accent);display:flex}.sw-live-workbook{grid-template-rows:auto auto minmax(0,1fr) auto;height:min(42rem,72vh);min-height:34rem;display:grid}.sw-live-workbook__header,.sw-live-workbook__controls,.sw-live-workbook__footer{border-color:var(--demo-border);background:var(--demo-raised);align-items:center;display:flex}.sw-live-workbook__header{border-bottom:1px solid var(--demo-border);justify-content:space-between;gap:1rem;padding:.9rem 1rem}.sw-live-workbook__header>div:first-child{gap:.15rem;display:grid}.sw-live-workbook__header strong{font:650 var(--sw-type-base) var(--sw-font-display)}.sw-live-workbook__eyebrow{color:var(--demo-accent);font:600 var(--sw-type-xs) var(--sw-font-mono);letter-spacing:.14em}.sw-live-workbook__metrics{color:var(--demo-muted);font:500 var(--sw-type-xs) var(--sw-font-mono);gap:1rem;display:flex}.sw-live-workbook__metrics b{color:var(--demo-fg);font-weight:650}.sw-live-workbook__controls{border-bottom:1px solid var(--demo-border);gap:.55rem;min-width:0;padding:.55rem .75rem}.sw-live-workbook__controls label{min-width:0;color:var(--demo-muted);font-size:var(--sw-type-xs);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.sw-live-workbook__controls .sw-demo-select{grid-template-columns:auto auto;align-items:center;gap:.4rem;display:inline-grid}.sw-live-workbook__controls .sw-demo-select__trigger{min-height:2rem;font-size:var(--sw-type-xs)}.sw-live-workbook__controls :is(select,input,button){border:1px solid var(--demo-border);background:var(--demo-surface);min-height:2rem;color:var(--demo-fg);font:550 var(--sw-type-xs) var(--sw-font-body);border-radius:.45rem}.sw-live-workbook__controls :is(select,input){padding-inline:.55rem}.sw-live-workbook__controls input{width:clamp(8rem,16vw,12rem)}.sw-live-workbook__controls button{cursor:pointer;padding-inline:.7rem}.sw-live-workbook__controls button:hover:not(:disabled){border-color:var(--demo-accent);color:var(--demo-accent)}.sw-live-workbook__controls button:disabled{opacity:.38;cursor:default}.sw-live-workbook__controls output{min-width:0;color:var(--demo-muted);font:500 var(--sw-type-xs) var(--sw-font-mono);text-overflow:ellipsis;white-space:nowrap;margin-inline-start:auto;overflow:hidden}.sw-live-workbook__grid{min-width:0;min-height:0}.sw-live-workbook__footer{border-top:1px solid var(--demo-border);color:var(--demo-muted);font:500 var(--sw-type-xs) var(--sw-font-mono);gap:1rem;padding:.55rem .75rem}.sw-live-workbook__footer span+span:before{color:var(--demo-border);content:"/";margin-inline-end:1rem}@media (width<=56rem){.sw-live-workbook{height:34rem;min-height:0}.sw-live-workbook__header{align-items:flex-start}.sw-live-workbook__metrics{text-align:right;gap:.2rem;display:grid}.sw-live-workbook__controls{scrollbar-width:none;overflow-x:auto}.sw-live-workbook__controls::-webkit-scrollbar{display:none}.sw-live-workbook__controls output{display:none}}.sw-demo-app{min-height:44rem;font-family:var(--font-sans);border:0;border-radius:0}.sw-demo-app button,.sw-demo-app input,.sw-demo-app select{font:inherit}.sw-demo-topbar{border-bottom:1px solid var(--demo-border);background:var(--sw-demo-deep);grid-template-columns:minmax(12rem,16rem) minmax(0,1fr) auto;align-items:center;min-height:4.25rem;display:grid}.sw-demo-product{border-right:1px solid var(--demo-border);align-items:center;gap:.7rem;height:100%;padding-inline:1rem;display:flex}.sw-demo-product__mark{border:1px solid color-mix(in srgb, var(--demo-accent) 45%, transparent);background:color-mix(in srgb, var(--demo-accent) 12%, transparent);width:2rem;height:2rem;color:var(--demo-accent);font:700 var(--sw-type-xs) var(--font-mono);border-radius:.45rem;place-items:center;display:grid}.sw-demo-product__mark>svg{display:block}.sw-demo-product>div{gap:.12rem;display:grid}.sw-demo-product strong{color:var(--demo-fg);font-size:var(--sw-type-sm)}.sw-demo-product span:last-child{color:var(--demo-muted);font:500 var(--sw-type-xs) var(--font-mono)}.sw-demo-topbar nav{gap:.25rem;padding-inline:1rem;display:flex}.sw-demo-topbar nav button{min-height:2.25rem;color:var(--demo-muted);font-size:var(--sw-type-sm);cursor:pointer;background:0 0;border:0;border-radius:.35rem;align-items:center;gap:.45rem;padding:.5rem .7rem;display:inline-flex}.sw-demo-topbar nav button[data-active=true]{background:var(--demo-raised);color:var(--demo-fg)}.sw-demo-topbar nav button:hover:not(:disabled){background:color-mix(in srgb, var(--demo-accent) 8%, transparent);color:var(--demo-fg)}.sw-demo-topbar nav button:disabled{opacity:.45;cursor:not-allowed}.sw-demo-presence{border:1px solid var(--demo-border);background:var(--demo-raised);min-height:2.25rem;color:var(--demo-muted);font:600 var(--sw-type-sm) var(--font-sans);border-radius:.5rem;justify-self:end;align-items:center;gap:.5rem;margin-inline-end:1rem;padding-inline:.75rem;display:inline-flex}.sw-demo-presence>svg{color:var(--demo-accent);flex:none}.sw-demo-layout{grid-template-columns:16rem minmax(0,1fr);min-height:40rem;display:grid}.sw-demo-layout--single{grid-template-columns:minmax(0,1fr)}.sw-demo-sidebar{border-right:1px solid var(--demo-border);background:var(--sw-demo-deep);flex-direction:column;min-width:0;padding:1rem;display:flex}.sw-demo-sidebar>p{color:var(--sw-demo-dimmer);font:600 var(--sw-type-xs) var(--font-mono);letter-spacing:.12em;margin:0 0 .65rem}.sw-demo-sidebar>:is(a,button){width:100%;min-height:2.5rem;color:var(--demo-muted);font:500 var(--sw-type-sm) var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.4rem;align-items:center;gap:.65rem;padding:.62rem .7rem;text-decoration:none;display:flex}.sw-demo-sidebar>:is(a,button)>svg{color:var(--demo-accent);flex:none}.sw-demo-sidebar>:is(a,button):hover,.sw-demo-sidebar>:is(a,button)[data-active=true]{background:color-mix(in srgb, var(--demo-accent) 8%, transparent);color:var(--demo-fg)}.sw-demo-sidebar__note{border:1px solid var(--demo-border);background:var(--demo-raised);border-radius:.5rem;gap:.25rem;margin-top:auto;padding:.85rem;display:grid}.sw-demo-sidebar__note span{color:var(--demo-accent);font:600 var(--sw-type-xs) var(--font-mono);letter-spacing:.12em;align-items:center;gap:.4rem;display:flex}.sw-demo-sidebar__note strong{color:var(--demo-fg);font-size:var(--sw-type-sm)}.sw-demo-sidebar__note small{color:var(--demo-muted);font-size:var(--sw-type-xs);line-height:1.45}.sw-demo-main{background:var(--demo-surface);grid-template-rows:auto auto auto minmax(24rem,1fr) auto;gap:.8rem;min-width:0;padding:clamp(.85rem,2vw,1.4rem);display:grid}.sw-demo-heading{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.sw-demo-heading p{color:var(--demo-accent);font:600 var(--sw-type-xs) var(--font-mono);letter-spacing:.12em;margin:0 0 .28rem}.sw-demo-heading h2{color:var(--demo-fg);font:600 clamp(1.25rem, 2.5vw, 1.8rem) var(--font-display);letter-spacing:-.035em;margin:0}.sw-demo-heading__actions{gap:.45rem;display:flex}.sw-demo-heading__actions button,.sw-demo-commandbar button{border:1px solid var(--demo-border);background:var(--demo-raised);min-height:2.15rem;color:var(--demo-muted);font-size:var(--sw-type-xs);cursor:pointer;border-radius:.38rem;padding:.42rem .68rem}.sw-demo-heading__actions button[data-primary=true]{border-color:var(--demo-accent);background:var(--demo-accent);color:var(--sw-demo-ink);font-weight:700}.sw-demo-kpis{border:1px solid var(--demo-border);background:var(--demo-raised);border-radius:.55rem;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sw-demo-kpis article{border-right:1px solid var(--demo-border);gap:.18rem;min-width:0;padding:.75rem .85rem;display:grid}.sw-demo-kpis article:last-child{border-right:0}.sw-demo-kpis span{color:var(--sw-demo-dim);font:600 var(--sw-type-xs) var(--font-mono);letter-spacing:.1em}.sw-demo-kpis strong{color:var(--demo-fg);font:600 var(--sw-type-base) var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sw-demo-kpis :is(small,output){color:var(--demo-muted);font-size:var(--sw-type-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sw-demo-commandbar{border:1px solid var(--demo-border);background:var(--sw-demo-panel);border-radius:.5rem;align-items:end;gap:.45rem;min-width:0;padding:.55rem;display:flex}.sw-demo-commandbar label,.sw-demo-commandbar .sw-demo-select{gap:.2rem;min-width:8rem;display:grid}.sw-demo-commandbar .sw-demo-select__label,.sw-demo-commandbar label>span{color:var(--sw-demo-dim);font:600 var(--sw-type-xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.sw-demo-commandbar__search{flex:1}.sw-demo-commandbar :is(input,select){border:1px solid var(--demo-border);background:var(--demo-surface);width:100%;min-height:2.15rem;color:var(--demo-fg);font-size:var(--sw-type-sm);border-radius:.35rem;outline:0;padding:.42rem .55rem}.sw-demo-commandbar :is(input,select):focus{border-color:var(--demo-accent)}.sw-demo-render-mode{gap:.2rem;min-width:11rem;display:grid}.sw-demo-render-mode__label{color:var(--sw-demo-dim);font:600 var(--sw-type-xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.sw-demo-radio-group{border:1px solid var(--demo-border);background:var(--demo-surface);border-radius:.45rem;outline:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;width:100%;min-height:2.15rem;padding:.2rem;display:grid}.sw-demo-radio-group:hover{border-color:color-mix(in srgb, var(--demo-accent) 58%, var(--demo-border))}.sw-demo-radio-item:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--demo-accent) 32%, transparent);outline:none}.sw-demo-radio-item{min-height:1.6rem;color:var(--demo-muted);font:600 var(--sw-type-xs) var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:.28rem;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:flex}.sw-demo-radio-item:hover:not([data-checked]){background:color-mix(in srgb, var(--demo-accent) 10%, transparent);color:var(--demo-fg)}.sw-demo-radio-item[data-checked]{background:var(--demo-accent);color:var(--sw-demo-ink);box-shadow:0 .2rem .75rem color-mix(in srgb, var(--demo-accent) 18%, transparent)}.sw-demo-commandbar button:disabled{opacity:.42;cursor:default}.sw-demo-grid{border:1px solid var(--demo-border);background:var(--demo-surface);border-radius:.48rem;min-width:0;min-height:24rem;overflow:hidden}.sw-demo-status{min-width:0;color:var(--demo-muted);font:500 var(--sw-type-xs) var(--font-mono);justify-content:space-between;align-items:center;gap:1rem;display:flex}.sw-demo-status ol{gap:.75rem;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.sw-demo-status li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sw-demo-status li:before{color:var(--demo-accent);content:"• "}.sw-demo-workspace{grid-template-columns:minmax(0,1fr) 15rem;gap:.75rem;min-width:0;min-height:26rem;display:grid}.sw-demo-activity{border:1px solid var(--demo-border);background:var(--sw-demo-deep);border-radius:.48rem;flex-direction:column;min-width:0;padding:.85rem;display:flex}.sw-demo-activity>div:first-child{border-bottom:1px solid var(--demo-border);gap:.25rem;padding-bottom:.75rem;display:grid}.sw-demo-activity p{color:var(--sw-demo-dim);font:600 var(--sw-type-xs) var(--font-mono);letter-spacing:.1em;margin:0}.sw-demo-activity strong{color:var(--demo-fg);font-size:var(--sw-type-sm)}.sw-demo-activity output{border:1px solid color-mix(in srgb, var(--demo-accent) 22%, var(--demo-border));background:color-mix(in srgb, var(--demo-accent) 6%, transparent);color:var(--demo-accent);font:500 var(--sw-type-xs) / 1.45 var(--font-mono);border-radius:.35rem;margin-block:.75rem;padding:.6rem;display:block}.sw-demo-activity ol{gap:.5rem;min-height:0;margin:0 0 auto;padding:0;list-style:none;display:grid;overflow:hidden}.sw-demo-activity li{color:var(--demo-muted);font:var(--sw-type-xs) / 1.45 var(--font-mono)}.sw-demo-activity li:before{color:var(--demo-accent);content:"› "}.sw-demo-activity>button{border:1px solid var(--demo-border);background:var(--demo-raised);min-height:2rem;color:var(--demo-muted);font-size:var(--sw-type-xs);cursor:pointer;border-radius:.35rem;margin-top:.45rem}.sw-demo-activity li code{color:var(--demo-accent);font:600 var(--sw-type-xs) var(--font-mono);display:block}.sw-demo-activity li span{display:block}.sw-demo-activity__empty{color:var(--demo-muted);font-size:var(--sw-type-xs);margin-block:1rem;line-height:1.55}.sw-demo-activity__help{border:1px solid var(--demo-border);background:var(--demo-raised);border-radius:.4rem;margin-top:auto;padding:.75rem}.sw-demo-activity__help span{color:var(--demo-accent);font:600 var(--sw-type-xs) var(--font-mono);letter-spacing:.1em}.sw-demo-activity__help p{color:var(--demo-muted);font:var(--sw-type-xs) / 1.5 var(--font-sans);letter-spacing:0;margin:.35rem 0 0}@media (width<=64rem){.sw-demo-layout{grid-template-columns:minmax(0,1fr)}.sw-demo-sidebar{display:none}}@media (width<=48rem){.sw-demo-topbar{grid-template-columns:minmax(0,1fr)}.sw-demo-product{border-right:0;border-bottom:1px solid var(--demo-border);height:auto;min-height:4.25rem}.sw-demo-presence{justify-self:start;margin:.75rem 1rem}.sw-demo-topbar nav{border-bottom:1px solid var(--demo-border);flex-wrap:wrap;min-width:0;padding-block:.65rem;display:flex}.sw-demo-heading{flex-direction:column;align-items:stretch}.sw-demo-heading__actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sw-demo-heading__actions button{width:100%;min-height:2.5rem}.sw-demo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-demo-kpis article:nth-child(2){border-right:0}.sw-demo-kpis article:nth-child(-n+2){border-bottom:1px solid var(--demo-border)}.sw-demo-commandbar{overflow-x:auto}.sw-demo-commandbar__search{min-width:13rem}.sw-demo-status ol{display:none}.sw-demo-workspace{grid-template-columns:minmax(0,1fr)}.sw-demo-activity{display:none}}@media (width<=36rem){.sw-live-workbook__controls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sw-live-workbook__controls .sw-demo-select,.sw-live-workbook__controls label,.sw-live-workbook__controls output{grid-column:1/-1;width:100%}.sw-live-workbook__controls .sw-demo-select{grid-template-columns:auto minmax(0,1fr)}.sw-live-workbook__controls .sw-demo-select__trigger{width:100%;min-width:0}.sw-live-workbook__controls label{grid-template-columns:auto minmax(0,1fr);display:grid}.sw-live-workbook__controls input,.sw-live-workbook__controls button{width:100%}.sw-live-workbook__controls output{margin-inline-start:0}.sw-demo-app[data-framework=react] .sw-demo-commandbar,.sw-demo-app[data-framework=vue] .sw-demo-commandbar{display:grid;overflow-x:visible}.sw-demo-app[data-framework=react] .sw-demo-commandbar{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-demo-app[data-framework=react] .sw-demo-commandbar .sw-demo-select{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center}.sw-demo-app[data-framework=react] .sw-demo-commandbar .sw-demo-select__trigger{width:100%;min-width:0}.sw-demo-app[data-framework=vue] .sw-demo-commandbar{grid-template-columns:repeat(3,minmax(0,1fr))}.sw-demo-app[data-framework=vue] .sw-demo-commandbar__search{grid-column:1/-1}.sw-demo-app[data-framework=vue] .sw-demo-commandbar button{width:100%}.sw-demo-app[data-framework=react] .sw-demo-commandbar__search,.sw-demo-app[data-framework=vue] .sw-demo-commandbar__search{min-width:0}}.sw-showcase-frame{min-height:100vh;color:var(--sw-fg);background-color:var(--sw-surface-0);background-image:linear-gradient(90deg, color-mix(in srgb, var(--sw-border) 28%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--sw-border) 28%, transparent) 1px, transparent 1px);font-family:var(--sw-font-body);background-position:top;background-size:4rem 4rem}.sw-showcase-nav{z-index:50;min-height:var(--sw-header-height);border-bottom:1px solid var(--sw-border);background:color-mix(in srgb, var(--sw-surface-0) 94%, transparent);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2rem;padding:.75rem clamp(1rem,4vw,4rem);display:grid;position:sticky;top:0}.sw-showcase-nav a{color:var(--sw-fg-muted);font:650 var(--sw-type-xs) / 1 var(--sw-font-mono);letter-spacing:.04em;text-decoration:none}.sw-showcase-nav>nav{justify-content:center;gap:.25rem;min-width:0;display:flex}.sw-showcase-nav>nav a{border-radius:.5rem;padding:.75rem}.sw-showcase-nav>nav a:hover,.sw-showcase-nav>nav a[aria-current=page]{color:var(--sw-accent-strong);background:var(--sw-accent-soft)}.sw-showcase-nav__actions{align-items:center;gap:.5rem;display:flex}.sw-showcase-nav__actions>a{padding:.75rem}.sw-showcase-nav>.sw-showcase-brand{color:var(--sw-fg-strong);font:700 1rem / 1 var(--sw-font-display);letter-spacing:-.02em;align-items:center;gap:.75rem;display:inline-flex}.sw-showcase-brand svg{width:1.75rem;height:1.75rem;fill:color-mix(in srgb, var(--sw-accent) 14%, var(--sw-surface-1));stroke:var(--sw-accent-strong);stroke-linecap:round;stroke-width:1.4px}.sw-showcase-page{width:min(100% - 3rem,92rem);margin-inline:auto;padding:clamp(3rem,5vw,4rem) 0 4rem}.sw-showcase-page__hero{grid-template-columns:minmax(0,1fr) minmax(19rem,23rem);align-items:end;gap:clamp(3rem,7vw,7rem);padding-bottom:clamp(2.5rem,4vw,3.5rem);display:grid}.sw-showcase-page__hero-copy{min-width:0}.sw-showcase-page__hero h1{max-width:20ch;color:var(--sw-fg-strong);font:620 clamp(2.75rem, 5.25vw, 4.75rem) / .98 var(--sw-font-display);letter-spacing:-.055em;margin:0}.sw-showcase-page__hero-copy>p:last-of-type{max-width:46rem;color:var(--sw-fg-muted);margin:1.5rem 0 0;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.7}.sw-showcase-page__eyebrow{color:var(--sw-accent-strong);font:700 var(--sw-type-xs) / 1 var(--sw-font-mono);letter-spacing:.14em;align-items:center;gap:.75rem;margin:0 0 1.25rem;display:flex}.sw-showcase-page__specs{flex-wrap:wrap;gap:0;margin:2rem 0 0;display:flex}.sw-showcase-page__specs>div{border-left:1px solid var(--sw-border);gap:.25rem;min-width:8.5rem;padding-inline:1rem;display:grid}.sw-showcase-page__specs>div:first-child{border-left:0;padding-left:0}.sw-showcase-page__specs :is(dt,dd){margin:0}.sw-showcase-page__specs dt{color:var(--sw-fg-dim);font:650 var(--sw-type-xs) var(--sw-font-mono);letter-spacing:.08em;text-transform:uppercase}.sw-showcase-page__specs dd{color:var(--sw-fg-strong);font-size:var(--sw-type-sm);font-weight:650}.sw-showcase-page__install{border:1px solid var(--sw-border);background:var(--sw-surface-1);box-shadow:var(--sw-shadow);border-radius:.5rem;gap:1.25rem;padding:1.5rem;display:grid}.sw-showcase-page__install>div{gap:.25rem;display:grid}.sw-showcase-page__install>div span{color:var(--sw-fg-dim);font:650 var(--sw-type-xs) var(--sw-font-mono);letter-spacing:.08em;text-transform:uppercase}.sw-showcase-page__install>div strong{color:var(--sw-fg-strong);font:620 1.25rem var(--sw-font-display)}.sw-showcase-page__install>a{width:max-content;color:var(--sw-accent-strong);font-size:var(--sw-type-sm);font-weight:700;text-decoration:none}.sw-showcase-page__install>a:hover{text-underline-offset:.25rem;text-decoration:underline}.sw-install-command{border:1px solid var(--sw-border-strong);width:100%;min-width:0;color:var(--sw-fg-muted);background:var(--sw-surface-0);cursor:pointer;border-radius:.5rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:border-color .16s ease-out,background .16s ease-out;display:grid}.sw-install-command:hover{border-color:var(--sw-accent);background:var(--sw-surface-2)}.sw-install-command code{color:var(--sw-fg-strong);font:500 var(--sw-type-xs) var(--sw-font-mono);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sw-install-command strong{color:var(--sw-accent-strong);font:700 var(--sw-type-xs) var(--sw-font-mono);text-transform:uppercase}.sw-showcase-page__stage{border:1px solid var(--sw-border-strong);background:var(--sw-surface-1);box-shadow:var(--sw-shadow);border-radius:.75rem;overflow:hidden}.sw-showcase-stage__bar,.sw-showcase-stage__prompt{min-width:0;color:var(--sw-fg-muted);background:var(--sw-surface-1);font:600 var(--sw-type-xs) var(--sw-font-mono);justify-content:space-between;align-items:center;display:flex}.sw-showcase-stage__bar{border-bottom:1px solid var(--sw-border);min-height:3rem;padding-inline:1rem}.sw-showcase-stage__bar>div{align-items:center;gap:.5rem;display:flex}.sw-showcase-stage__bar strong{color:var(--sw-fg-strong)}.sw-showcase-stage__viewport{background:var(--sw-surface-0);min-width:0;min-height:44rem;overflow:hidden}.sw-framework-island,.sw-framework-island>.sw-demo-app{min-height:44rem}.sw-framework-island>[role=status]{min-height:44rem;color:var(--sw-fg-muted);background:var(--sw-surface-1);font:600 var(--sw-type-sm) var(--sw-font-mono);place-items:center;margin:0;display:grid}.sw-showcase-stage__prompt{border-top:1px solid var(--sw-border);gap:1rem;min-height:4rem;padding:.75rem 1rem}.sw-showcase-stage__prompt strong{color:var(--sw-accent-strong);background:var(--sw-accent-soft);text-transform:uppercase;border-radius:.25rem;flex:none;padding:.375rem .5rem}.sw-showcase-stage__prompt>span:nth-child(2){color:var(--sw-fg);font-family:var(--sw-font-body);flex:1;font-weight:550}.sw-showcase-stage__prompt>span:last-child{color:var(--sw-fg-dim);flex:none}.sw-showcase-page__proof{padding:clamp(4rem,7vw,6rem) 0}.sw-showcase-page__proof>header{grid-template-columns:minmax(14rem,.75fr) minmax(0,1.25fr);align-items:end;column-gap:clamp(3rem,8vw,8rem);padding-bottom:2rem;display:grid}.sw-showcase-page__proof .sw-showcase-page__eyebrow{grid-column:1;margin-bottom:1rem}.sw-showcase-page__proof h2{color:var(--sw-fg-strong);font:620 clamp(2rem, 4vw, 3.5rem) / 1.05 var(--sw-font-display);letter-spacing:-.045em;grid-column:1;margin:0}.sw-showcase-page__proof header>p:last-child{max-width:38rem;color:var(--sw-fg-muted);grid-area:1/2/span 2;margin:0;font-size:1rem;line-height:1.7}.sw-showcase-page__proof ol{border-block:1px solid var(--sw-border);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.sw-showcase-page__proof li{border-left:1px solid var(--sw-border);gap:1.5rem;min-width:0;padding:1.5rem;display:grid}.sw-showcase-page__proof li:first-child{border-left:0;padding-left:0}.sw-showcase-page__proof li>span{color:var(--sw-accent-strong);font:700 var(--sw-type-xs) var(--sw-font-mono)}.sw-showcase-page__proof li strong{color:var(--sw-fg-strong);font-size:.9375rem}.sw-showcase-page__proof li p{color:var(--sw-fg-muted);font-size:var(--sw-type-sm);margin:.5rem 0 0;line-height:1.55}.sw-showcase-page__footer{border:1px solid var(--sw-border);background:var(--sw-surface-1);border-radius:.5rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;padding:2rem;display:grid}.sw-showcase-page__footer>div{gap:.25rem;display:grid}.sw-showcase-page__footer>div>span{color:var(--sw-accent-strong);font:700 var(--sw-type-xs) var(--sw-font-mono);letter-spacing:.1em}.sw-showcase-page__footer>div>strong{color:var(--sw-fg-strong);font:620 1.375rem var(--sw-font-display)}.sw-showcase-page__footer p{color:var(--sw-fg-muted);font-size:var(--sw-type-sm);margin:0}.sw-showcase-page__footer nav{gap:.5rem;display:flex}.sw-showcase-page__footer a{border:1px solid var(--sw-border-strong);color:var(--sw-fg);font:700 var(--sw-type-xs) var(--sw-font-mono);white-space:nowrap;border-radius:.5rem;padding:.75rem 1rem;text-decoration:none}.sw-showcase-page__footer a:hover{border-color:var(--sw-accent);color:var(--sw-accent-strong)}.sw-showcase-page__footer a:first-child{border-color:var(--sw-accent-strong);color:var(--sw-surface-0);background:var(--sw-accent-strong)}.sw-vanilla-app{--demo-surface:var(--sw-demo-surface);--demo-raised:var(--sw-demo-raised);--demo-border:var(--sw-demo-border);--demo-fg:var(--sw-demo-fg);--demo-muted:var(--sw-demo-muted);--demo-accent:var(--sw-demo-accent);min-height:44rem;color:var(--demo-fg);background:var(--demo-surface);grid-template-rows:auto auto auto minmax(0,1fr) auto;display:grid}.sw-vanilla-brief{border-bottom:1px solid var(--demo-border);background:var(--demo-surface);justify-content:space-between;align-items:end;gap:2rem;padding:1rem;display:flex}.sw-vanilla-brief>div{gap:.25rem;display:grid}.sw-vanilla-brief p,.sw-vanilla-brief h2,.sw-vanilla-brief dl,.sw-vanilla-brief :is(dt,dd){margin:0}.sw-vanilla-brief p,.sw-vanilla-brief dt{color:var(--demo-accent);font:600 var(--sw-type-xs) var(--sw-font-mono);letter-spacing:.1em;text-transform:uppercase}.sw-vanilla-brief h2{color:var(--demo-fg);font:600 clamp(1.25rem, 2vw, 1.75rem) var(--sw-font-display);letter-spacing:-.03em}.sw-vanilla-brief dl{gap:0;display:flex}.sw-vanilla-brief dl>div{border-left:1px solid var(--demo-border);gap:.125rem;min-width:7rem;padding-inline:1rem;display:grid}.sw-vanilla-brief dd{color:var(--demo-fg);font-size:var(--sw-type-sm);font-weight:650}.sw-vanilla-commandbar{border-bottom:1px solid var(--demo-border);background:var(--demo-raised);align-items:end;gap:.5rem;padding:.75rem 1rem;display:flex;overflow-x:auto}.sw-vanilla-commandbar label{min-width:14rem;color:var(--demo-muted);font:600 var(--sw-type-xs) var(--sw-font-mono);gap:.25rem;display:grid}.sw-vanilla-commandbar input,.sw-vanilla-commandbar button{border:1px solid var(--demo-border);min-height:2.25rem;color:var(--demo-fg);background:var(--demo-surface);font:550 var(--sw-type-xs) var(--sw-font-body);border-radius:.375rem;padding:.5rem .75rem}.sw-vanilla-commandbar button{white-space:nowrap;cursor:pointer}.sw-vanilla-commandbar button:hover:not(:disabled){border-color:var(--demo-accent);color:var(--demo-accent)}.sw-vanilla-commandbar button:disabled{opacity:.45;cursor:not-allowed}.sw-vanilla-commandbar output{color:var(--demo-accent);font:600 var(--sw-type-xs) var(--sw-font-mono);white-space:nowrap;margin-left:auto;padding:.5rem}.sw-vanilla-shell>.sheetwrite-shell{height:100%}@media (width<=72rem){.sw-showcase-page__hero{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:3rem}.sw-showcase-page__footer{grid-template-columns:minmax(0,1fr)}.sw-showcase-page__footer nav{flex-wrap:wrap}.sw-showcase-page__proof ol{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-showcase-page__proof li:nth-child(3){border-left:0;padding-left:0}.sw-showcase-page__proof li:nth-child(-n+2){border-bottom:1px solid var(--sw-border)}}@media (width<=54rem){.sw-showcase-nav{grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.sw-showcase-nav>nav{scrollbar-width:none;grid-area:2/1/auto/-1;justify-content:flex-start;padding-top:.25rem;overflow-x:auto}.sw-showcase-nav>nav::-webkit-scrollbar{display:none}.sw-showcase-page__hero{grid-template-columns:minmax(0,1fr)}.sw-showcase-page__install{grid-template-columns:minmax(0,1fr) minmax(17rem,.8fr);align-items:center}.sw-showcase-page__install>a{grid-column:1/-1}.sw-showcase-page__proof>header{grid-template-columns:minmax(0,1fr);gap:1.5rem}.sw-showcase-page__proof header>p:last-child{grid-area:auto/1}}@media (width<=42rem){.sw-showcase-page{width:min(100% - 1rem,92rem);padding-top:3rem}.sw-showcase-page__hero{gap:2rem;padding-bottom:3rem}.sw-showcase-page__hero h1{font-size:clamp(2.75rem,12vw,4rem)}.sw-showcase-page__specs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sw-showcase-page__specs>div{min-width:0;padding-inline:.75rem}.sw-showcase-page__install{grid-template-columns:minmax(0,1fr);padding:1.25rem}.sw-showcase-page__install>a{grid-column:auto}.sw-showcase-stage__bar>span:last-child,.sw-showcase-stage__prompt>span:last-child{display:none}.sw-showcase-stage__prompt{align-items:flex-start}.sw-showcase-page__proof ol{grid-template-columns:minmax(0,1fr)}.sw-showcase-page__proof li,.sw-showcase-page__proof li:first-child,.sw-showcase-page__proof li:nth-child(3){border-left:0;border-bottom:1px solid var(--sw-border);padding:1.5rem 0}.sw-showcase-page__proof li:last-child{border-bottom:0}.sw-showcase-page__footer{padding:1.5rem}.sw-showcase-page__footer nav{grid-template-columns:minmax(0,1fr);display:grid}.sw-showcase-page__footer a{text-align:center}.sw-vanilla-brief{flex-direction:column;align-items:stretch}.sw-vanilla-brief dl{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sw-vanilla-brief dl>div{min-width:0;padding-inline:.5rem}.sw-vanilla-brief dl>div:first-child{border-left:0;padding-left:0}}@media (prefers-reduced-motion:reduce){.sw-install-command{transition:none}}.sw-showcase-page[data-framework=react]{--sw-accent:var(--sw-demo-react-accent);--sw-accent-strong:color-mix(in srgb, var(--sw-demo-react-accent) 72%, var(--sw-fg-strong));--sw-accent-soft:color-mix(in srgb, var(--sw-demo-react-accent) 16%, var(--sw-surface-1))}.sw-showcase-page[data-framework=vue]{--sw-accent:var(--sw-demo-vue-accent);--sw-accent-strong:color-mix(in srgb, var(--sw-demo-vue-accent) 72%, var(--sw-fg-strong));--sw-accent-soft:color-mix(in srgb, var(--sw-demo-vue-accent) 16%, var(--sw-surface-1))}.sw-showcase-page[data-framework=svelte]{--sw-accent:var(--sw-demo-svelte-accent);--sw-accent-strong:color-mix(in srgb, var(--sw-demo-svelte-accent) 72%, var(--sw-fg-strong));--sw-accent-soft:color-mix(in srgb, var(--sw-demo-svelte-accent) 16%, var(--sw-surface-1))}.sw-demo-app[data-framework=react]{--demo-accent:var(--sw-demo-react-accent);--sw-demo-accent:var(--sw-demo-react-accent);--sw-demo-accent-strong:var(--sw-demo-react-accent-strong)}.sw-demo-app[data-framework=vue]{--demo-accent:var(--sw-demo-vue-accent);--sw-demo-accent:var(--sw-demo-vue-accent);--sw-demo-accent-strong:var(--sw-demo-vue-accent-strong)}.sw-demo-app[data-framework=svelte]{--demo-accent:var(--sw-demo-svelte-accent);--sw-demo-accent:var(--sw-demo-svelte-accent);--sw-demo-accent-strong:var(--sw-demo-svelte-accent-strong)}.sw-demo-app,.sw-vanilla-app{min-height:44rem;box-shadow:none;border:0;border-radius:0}.sw-demo-main{grid-template-rows:auto minmax(0,1fr) auto;gap:0;height:44rem;min-height:0;padding:0}.sw-demo-controlbar{gap:var(--sw-demo-space-3);min-width:0;min-height:3.5rem;padding:var(--sw-demo-space-2) var(--sw-demo-space-3);border-bottom:1px solid var(--sw-demo-border);background:var(--sw-demo-raised);align-items:center;display:flex;overflow:hidden}.sw-demo-controlbar__identity{gap:var(--sw-demo-space-2);flex:none;align-items:center;min-width:0;display:flex}.sw-demo-controlbar__identity>div{gap:.125rem;display:grid}.sw-demo-controlbar__identity h2{color:var(--sw-demo-fg-strong);font:650 var(--sw-type-sm) / 1.1 var(--sw-font-display);letter-spacing:-.015em;white-space:nowrap;margin:0}.sw-demo-controlbar__identity>div>span{color:var(--sw-demo-muted);font:500 var(--sw-type-xs) / 1.1 var(--sw-font-mono);white-space:nowrap}.sw-demo-controlbar .sw-demo-product__mark{width:1.875rem;height:1.875rem}.sw-demo-controlbar__controls{gap:var(--sw-demo-space-1);min-width:0;padding:calc(var(--sw-demo-space-1) / 2);overscroll-behavior-inline:contain;scrollbar-width:thin;flex:1;align-items:center;display:flex;overflow-x:auto}.sw-demo-controlbar__controls :is(button,input),.sw-demo-controlbar__sheet-actions button{min-height:2rem;padding-inline:var(--sw-demo-space-2);border:1px solid var(--sw-demo-border);border-radius:var(--sw-demo-radius-1);background:var(--sw-demo-surface);color:var(--sw-demo-fg-soft);font:600 var(--sw-type-xs) / 1 var(--sw-font-body);white-space:nowrap}.sw-demo-controlbar__controls button,.sw-demo-controlbar__sheet-actions button{cursor:pointer}.sw-demo-controlbar__controls button:hover:not(:disabled),.sw-demo-controlbar__sheet-actions button:hover,.sw-demo-controlbar__sheet-actions button[data-active=true]{border-color:color-mix(in srgb, var(--sw-demo-accent) 54%, var(--sw-demo-border));background:color-mix(in srgb, var(--sw-demo-accent) 10%, var(--sw-demo-surface));color:var(--sw-demo-accent-strong)}.sw-demo-controlbar__controls button:disabled{opacity:.4;cursor:not-allowed}.sw-demo-controlbar__search{flex:0 0 10.5rem;min-width:10.5rem}.sw-demo-controlbar__search input{outline:0;width:100%}.sw-demo-controlbar__search input:focus-visible{border-color:var(--sw-demo-accent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--sw-demo-accent) 42%, transparent)}.sw-demo-controlbar__controls .sw-demo-select{gap:var(--sw-demo-space-1);flex:none;align-items:center;display:flex}.sw-demo-controlbar__controls .sw-demo-select__trigger{background:var(--sw-demo-surface);min-width:7.5rem;min-height:2rem}.sw-demo-controlbar__controls .sw-demo-render-mode{gap:var(--sw-demo-space-1);flex:0 0 10.75rem;align-items:center;min-width:10.75rem;display:flex;position:relative}.sw-demo-controlbar__controls .sw-demo-render-mode__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sw-demo-controlbar__controls .sw-demo-radio-group{min-height:2rem}.sw-demo-controlbar__state{gap:var(--sw-demo-space-1);min-height:2rem;padding-inline:var(--sw-demo-space-2);border:1px solid color-mix(in srgb, var(--sw-demo-accent) 34%, var(--sw-demo-border));border-radius:var(--sw-demo-radius-1);color:var(--sw-demo-accent-strong);background:color-mix(in srgb, var(--sw-demo-accent) 8%, var(--sw-demo-raised));font:600 var(--sw-type-xs) / 1 var(--sw-font-mono);white-space:nowrap;flex:none;align-items:center;display:inline-flex}.sw-demo-controlbar__sheet-actions{gap:var(--sw-demo-space-1);flex:none;display:flex}.sw-demo-controlbar__sheet-actions button{gap:var(--sw-demo-space-1);align-items:center;display:inline-flex}.sw-demo-grid{border:0;border-radius:0;min-height:0;overflow:hidden}.sw-demo-workspace{grid-template-columns:minmax(0,1fr) 14rem;gap:0;min-height:0}.sw-demo-activity{border-block:0;border-right:0;border-radius:0}.sw-demo-status--metrics{gap:var(--sw-demo-space-3);min-height:2.25rem;padding:var(--sw-demo-space-2) var(--sw-demo-space-3);border-top:1px solid var(--sw-demo-border);background:var(--sw-demo-deep);scrollbar-width:thin;justify-content:flex-start;overflow-x:auto}.sw-demo-status--metrics>*{color:var(--sw-demo-muted);font:500 var(--sw-type-xs) / 1 var(--sw-font-mono);white-space:nowrap;flex:none}.sw-demo-status__binding{gap:var(--sw-demo-space-1);align-items:center;display:inline-flex}.sw-demo-status--metrics>*+:before{color:var(--sw-demo-border-strong);content:"/";margin-inline-end:var(--sw-demo-space-3)}.sw-vanilla-app{grid-template-rows:auto minmax(0,1fr) auto}.sw-vanilla-shell{min-height:0}@media (width<=48rem){.sw-demo-controlbar{gap:var(--sw-demo-space-2);padding-inline:var(--sw-demo-space-2)}.sw-demo-controlbar__identity>div>span,.sw-demo-controlbar__state,.sw-demo-controlbar__controls .sw-demo-select__label{display:none}.sw-demo-workspace{grid-template-columns:minmax(0,1fr)}}}.sw-demo-app :focus-visible:not(.sheetwrite),.sw-vanilla-app :focus-visible:not(.sheetwrite){box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--demo-accent) 48%, transparent);outline:none}:is(.sw-demo-heading__actions button[data-primary=true],.sw-demo-radio-item[data-checked]):focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--sw-demo-ink) 58%, transparent)}.sw-showcase-page__footer a:first-child:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--sw-surface-0) 72%, transparent)}:is(.sw-demo-app,.sw-vanilla-app){--demo-accent:var(--sw-demo-accent);--sheetwrite-font:500 13px / 1.4 var(--sw-font-body);--sheetwrite-bg:var(--sw-demo-surface);--sheetwrite-fg:var(--sw-demo-fg);--sheetwrite-grid-line:var(--sw-demo-border);--sheetwrite-header-bg:var(--sw-demo-raised);--sheetwrite-header-fg:var(--sw-demo-accent-strong);--sheetwrite-selection:color-mix(in srgb, var(--sw-demo-accent) 14%, transparent);--sheetwrite-selection-border:var(--sw-demo-accent);--sheetwrite-search-match:color-mix(in srgb, var(--sw-demo-warn) 25%, transparent);--sheetwrite-search-active:var(--sw-demo-warn);--sheetwrite-highlight:color-mix(in srgb, var(--sw-demo-accent) 20%, transparent);--sheetwrite-widget-font:500 13px / 1.4 var(--sw-font-body);--sheetwrite-widget-bg:var(--sw-demo-raised);--sheetwrite-widget-fg:var(--sw-demo-fg);--sheetwrite-widget-muted:var(--sw-demo-muted);--sheetwrite-widget-border:var(--sw-demo-border);--sheetwrite-widget-accent:var(--sw-demo-accent-strong);--sheetwrite-widget-selection:color-mix(in srgb, var(--sw-demo-accent) 14%, transparent);--sheetwrite-toolbar-bg:var(--sw-demo-panel);--sheetwrite-toolbar-fg:var(--sw-demo-fg-soft);--sheetwrite-menu-hover:color-mix(in srgb, var(--sw-demo-accent) 12%, var(--sw-demo-raised));--sheetwrite-find-shadow:var(--sw-demo-popup-shadow);--sheetwrite-menu-shadow:var(--sw-demo-popup-shadow);--sheetwrite-assist-bg:var(--sw-demo-raised);--sheetwrite-assist-fg:var(--sw-demo-fg);--sheetwrite-assist-border:var(--sw-demo-border-strong);--sheetwrite-assist-selected:color-mix(in srgb, var(--sw-demo-accent) 14%, var(--sw-demo-raised));--sheetwrite-tab-font:600 12px / 1 var(--sw-font-body);--sheetwrite-tab-bg:var(--sw-demo-deep);--sheetwrite-tab-fg:var(--sw-demo-muted);--sheetwrite-tab-border:var(--sw-demo-border);--sheetwrite-tab-hover-bg:color-mix(in srgb, var(--sw-demo-accent) 9%, var(--sw-demo-raised));--sheetwrite-tab-active-bg:color-mix(in srgb, var(--sw-demo-accent) 14%, var(--sw-demo-deep));--sheetwrite-tab-active-fg:var(--sw-demo-accent-strong)}.sw-showcase-stage__viewport :is(.sw-demo-app,.sw-vanilla-app) .sheetwrite{--sheetwrite-font:500 13px / 1.4 var(--sw-font-body);--sheetwrite-bg:var(--sw-demo-surface);--sheetwrite-fg:var(--sw-demo-fg);--sheetwrite-grid-line:var(--sw-demo-border);--sheetwrite-header-bg:var(--sw-demo-raised);--sheetwrite-header-fg:var(--sw-demo-accent-strong);--sheetwrite-selection:color-mix(in srgb, var(--sw-demo-accent) 14%, transparent);--sheetwrite-selection-border:var(--sw-demo-accent);--sheetwrite-search-match:color-mix(in srgb, var(--sw-demo-warn) 25%, transparent);--sheetwrite-search-active:var(--sw-demo-warn);--sheetwrite-highlight:color-mix(in srgb, var(--sw-demo-accent) 20%, transparent)}:is(.sw-demo-app,.sw-vanilla-app) :is(.sheetwrite-toolbar,.sheetwrite-shell-toolbar){min-height:2.125rem;padding:var(--sw-demo-space-1) var(--sw-demo-space-2);background:var(--sheetwrite-toolbar-bg);color:var(--sheetwrite-toolbar-fg)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-tb-button{border-radius:var(--sw-demo-radius-1);transition:color var(--sw-demo-transition), background var(--sw-demo-transition)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-tb-button:hover{border-color:color-mix(in srgb, var(--sw-demo-accent) 32%, transparent);background:color-mix(in srgb, var(--sw-demo-accent) 12%, transparent);color:var(--sw-demo-accent-strong)}:is(.sw-demo-app,.sw-vanilla-app) :is(.sheetwrite-shell-namebox,.sheetwrite-shell-formula,.sheetwrite-find-input,.sheetwrite-find-replace-input){border-color:var(--sw-demo-border);background:var(--sw-demo-surface);color:var(--sw-demo-fg)}:is(.sw-demo-app,.sw-vanilla-app) :is(.sheetwrite-shell-namebox,.sheetwrite-shell-formula,.sheetwrite-find-input,.sheetwrite-find-replace-input):focus-visible{border-color:var(--sw-demo-accent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--sw-demo-accent) 42%, transparent)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-shell-namebox[aria-invalid=true]{border-color:var(--sw-demo-danger);box-shadow:inset 0 0 0 1px var(--sw-demo-danger);outline:none}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-find{border-color:var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-2);background:var(--sw-demo-raised);color:var(--sw-demo-fg)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-find-btn{border-radius:var(--sw-demo-radius-1);color:var(--sw-demo-accent-strong)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-find-btn:hover{background:color-mix(in srgb, var(--sw-demo-accent) 14%, transparent)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-context-menu{border-color:var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-2);background:var(--sw-demo-raised);color:var(--sw-demo-fg)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-context-menu-item:hover:not(.sheetwrite-context-menu-item-disabled){background:color-mix(in srgb, var(--sw-demo-accent) 12%, var(--sw-demo-raised));color:var(--sw-demo-fg-strong)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-context-menu-shortcut{color:var(--sw-demo-muted)}:is(.sw-demo-app,.sw-vanilla-app) :is(.sheetwrite-tabbar,.sheetwrite-shell-tabs){background:var(--sheetwrite-tab-bg);border-color:var(--sheetwrite-tab-border)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-tab{padding-inline:var(--sw-demo-space-3);border-radius:var(--sw-demo-radius-1);color:var(--sheetwrite-tab-fg);transition:color var(--sw-demo-transition), background var(--sw-demo-transition)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-tab:has(+.sheetwrite-tab-close){padding-inline-end:calc(var(--sw-demo-space-4) * 2)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-tab:hover:not(.sheetwrite-tab-active){background:var(--sheetwrite-tab-hover-bg);color:var(--sw-demo-fg-soft)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-tab-active{background:var(--sheetwrite-tab-active-bg);color:var(--sheetwrite-tab-active-fg);box-shadow:none}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-tab-active:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--sw-demo-accent) 48%, transparent)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-tab-close{width:1.5rem;height:1.5rem;margin-inline:calc(var(--sw-demo-space-4) * -2) var(--sw-demo-space-1);border-radius:var(--sw-demo-radius-1);color:var(--sw-demo-muted);flex:none;align-self:center;place-items:center;padding:0;display:grid}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-tab-active+.sheetwrite-tab-close{color:var(--sheetwrite-tab-active-fg)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-tab-close:hover{background:color-mix(in srgb, var(--sw-demo-danger) 16%, var(--sw-demo-deep));color:var(--sw-demo-danger)}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-tab-add{min-width:1.75rem;height:1.5rem;padding:0 var(--sw-demo-space-2);border-left:1px solid var(--sw-demo-border-strong);border-radius:0 var(--sw-demo-radius-1) var(--sw-demo-radius-1) 0;color:var(--sw-demo-accent-strong);align-self:center;place-items:center;margin-inline-start:0;font-size:1rem;line-height:1;display:grid}:is(.sw-demo-app,.sw-vanilla-app) .sheetwrite-tab-add:hover{background:color-mix(in srgb, var(--sw-demo-accent) 12%, var(--sw-demo-deep));color:var(--sw-demo-accent-strong)}