.ws{--ws-ink:color-mix(in oklch, var(--color-primary) 52%, var(--color-base-content));--ws-line:color-mix(in oklch, var(--color-primary) 82%, var(--color-base-content));--ws-accent-ink:color-mix(in oklch, var(--color-accent) 50%, var(--color-base-content));--ws-border:color-mix(in oklch, var(--color-primary) 34%, transparent);--ws-border-soft:color-mix(in oklch, var(--color-base-content) 11%, transparent);--ws-surface:color-mix(in oklch, var(--color-base-100) 86%, transparent);--ws-card:color-mix(in oklch, white 72%, var(--color-base-100));--ws-frame-bg:color-mix(in oklch, var(--color-base-200) 80%, transparent);--ws-grid:color-mix(in oklch, var(--color-primary) 7%, transparent);--ws-grid-major:color-mix(in oklch, var(--color-primary) 13%, transparent);--ws-glow:color-mix(in oklch, var(--color-primary) 18%, transparent);--ws-shadow:color-mix(in oklch, var(--color-base-content) 22%, transparent);--ws-fill:color-mix(in oklch, var(--color-base-content) 5%, transparent);color:var(--color-base-content)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ws{--ws-ink:var(--color-primary);--ws-line:var(--color-primary);--ws-accent-ink:var(--color-accent);--ws-border:color-mix(in oklch, var(--color-primary) 36%, transparent);--ws-border-soft:color-mix(in oklch, var(--color-base-content) 11%, transparent);--ws-surface:color-mix(in oklch, var(--color-base-200) 62%, transparent);--ws-card:color-mix(in oklch, var(--color-base-200) 74%, transparent);--ws-frame-bg:color-mix(in oklch, var(--color-base-100) 70%, transparent);--ws-grid:color-mix(in oklch, var(--color-primary) 6%, transparent);--ws-grid-major:color-mix(in oklch, var(--color-primary) 11%, transparent);--ws-glow:color-mix(in oklch, var(--color-primary) 36%, transparent);--ws-shadow:oklch(0% none none/.6);--ws-fill:color-mix(in oklch, var(--color-base-content) 6%, transparent)}}:root[data-theme=dark] .ws{--ws-ink:var(--color-primary);--ws-line:var(--color-primary);--ws-accent-ink:var(--color-accent);--ws-border:color-mix(in oklch, var(--color-primary) 36%, transparent);--ws-border-soft:color-mix(in oklch, var(--color-base-content) 11%, transparent);--ws-surface:color-mix(in oklch, var(--color-base-200) 62%, transparent);--ws-card:color-mix(in oklch, var(--color-base-200) 74%, transparent);--ws-frame-bg:color-mix(in oklch, var(--color-base-100) 70%, transparent);--ws-grid:color-mix(in oklch, var(--color-primary) 6%, transparent);--ws-grid-major:color-mix(in oklch, var(--color-primary) 11%, transparent);--ws-glow:color-mix(in oklch, var(--color-primary) 36%, transparent);--ws-shadow:oklch(0% none none/.6);--ws-fill:color-mix(in oklch, var(--color-base-content) 6%, transparent)}.ws-bg{isolation:isolate;background-color:var(--color-base-100);position:relative;overflow:clip}.ws-bg:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(to right, var(--ws-grid-major) 1px, transparent 1px), linear-gradient(to bottom, var(--ws-grid-major) 1px, transparent 1px), linear-gradient(to right, var(--ws-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--ws-grid) 1px, transparent 1px);background-position:-1px -1px;background-size:120px 120px,120px 120px,24px 24px,24px 24px;position:absolute;inset:0;mask-image:linear-gradient(#000,#000 26rem,#0000 52rem)}.ws-bg:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 36rem at 12% -8rem, var(--ws-glow), transparent 70%), radial-gradient(ellipse 45% 28rem at 100% 6rem, color-mix(in oklch, var(--color-accent) 10%, transparent), transparent 70%);position:absolute;inset:0}.ws-title-accent{color:var(--ws-line);text-shadow:0 0 28px color-mix(in oklch, var(--color-primary) 35%, transparent)}.ws-panel,.ws-share,.ws-empty{background:var(--ws-surface);border:1px solid var(--ws-border-soft);-webkit-backdrop-filter:blur(8px)}.ws-share{border-color:var(--ws-border);background:linear-gradient(100deg, color-mix(in oklch, var(--color-primary) 10%, transparent), transparent 60%), var(--ws-surface);position:relative}.ws-empty{border-style:dashed;border-color:var(--ws-border)}.ws-icon{color:var(--ws-ink);background:color-mix(in oklch, var(--color-primary) 12%, transparent);border:1px solid var(--ws-border)}.ws-icon-warn{color:color-mix(in oklch, var(--color-warning) 65%, var(--color-base-content));background:color-mix(in oklch, var(--color-warning) 14%, transparent);border-color:color-mix(in oklch, var(--color-warning) 45%, transparent)}.ws-link{color:var(--ws-ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.ws-chip,.ws-action{color:var(--color-base-content);background:var(--ws-surface);border:1px solid var(--ws-border-soft);transition:border-color .15s,background-color .15s}.ws-chip:hover,.ws-action:hover{border-color:var(--ws-border);background:color-mix(in oklch, var(--color-primary) 10%, var(--ws-surface))}.ws-chip-count{color:var(--ws-ink);background:color-mix(in oklch, var(--color-primary) 14%, transparent)}.ws-action-primary,.ws-action-primary:hover{color:var(--color-primary-content);background:var(--color-primary);border-color:#0000}.ws-action-primary:hover{background:color-mix(in oklch, var(--color-primary) 86%, white)}.ws-chip:focus-visible,.ws-action:focus-visible,.ws-icon-btn:focus-visible,.ws-nav-btn:focus-visible,.ws-thumb:focus-visible,.ws-download:focus-visible,.ws-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ws-badge{color:color-mix(in oklch, var(--color-base-content) 78%, transparent);background:var(--ws-fill);border:1px solid var(--ws-border-soft)}.ws-badge-iterate{color:var(--ws-ink);background:color-mix(in oklch, var(--color-primary) 12%, transparent);border-color:var(--ws-border)}.ws-badge-accent{color:var(--ws-accent-ink);background:color-mix(in oklch, var(--color-accent) 12%, transparent);border-color:color-mix(in oklch, var(--color-accent) 38%, transparent)}.ws-card{background:var(--ws-card);border:1px solid var(--ws-border-soft);box-shadow:0 18px 40px -30px var(--ws-shadow);transition:border-color .2s,box-shadow .2s,transform .2s}.ws-card:hover{border-color:var(--ws-border);box-shadow:0 0 0 1px color-mix(in oklch, var(--color-primary) 12%, transparent), 0 22px 44px -28px var(--ws-glow);transform:translateY(-2px)}.ws-card:has(.ws-stretched:focus-visible){outline:2px solid var(--color-primary);outline-offset:3px}.ws-card-featured{border-color:var(--ws-border);background:linear-gradient(to bottom, color-mix(in oklch, var(--color-primary) 8%, transparent), transparent 45%), var(--ws-card)}.ws-card-featured:before{content:"";z-index:2;background:linear-gradient(90deg, transparent, var(--ws-line), transparent);pointer-events:none;height:2px;position:absolute;top:0;left:12%;right:12%}.ws-stretched:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.ws-frame{background:var(--ws-frame-bg);border-bottom:1px solid var(--ws-border-soft)}@media (width>=40rem){.ws-card-wide>.ws-frame{border-bottom:0;border-right:1px solid var(--ws-border-soft)}}@media (width>=64rem){.ws-card-wide>.ws-frame{border-right:0;border-bottom:1px solid var(--ws-border-soft)}}.ws-zoom{transition:transform .5s cubic-bezier(.16,1,.3,1)}.ws-card:hover .ws-zoom{transform:scale(1.035)}.ws-featured-tag{color:var(--color-primary-content);background:var(--color-primary);box-shadow:0 4px 14px -6px var(--ws-glow)}.ws-open-hint{color:var(--ws-ink);background:color-mix(in oklch, var(--color-base-100) 85%, transparent);border:1px solid var(--ws-border);opacity:0;transition:opacity .2s,transform .2s;transform:translateY(4px)}.ws-card:hover .ws-open-hint,.ws-card:has(:focus-visible) .ws-open-hint{opacity:1;transform:none}.ws-placeholder{color:var(--ws-ink);background-color:var(--ws-frame-bg);background-image:linear-gradient(to right, var(--ws-grid-major) 1px, transparent 1px), linear-gradient(to bottom, var(--ws-grid-major) 1px, transparent 1px);background-size:24px 24px}.ws-skeleton{background:var(--ws-card);border:1px solid var(--ws-border-soft);position:relative}.ws-skeleton-media{background:var(--ws-frame-bg);border-bottom:1px solid var(--ws-border-soft)}.ws-skeleton-line{background:var(--ws-fill);border-radius:.375rem}.ws-skeleton:after{content:"";background:linear-gradient(100deg, transparent 30%, color-mix(in oklch, var(--color-primary) 10%, transparent) 50%, transparent 70%);background-size:220% 100%;animation:1.6s ease-in-out infinite ws-shimmer;position:absolute;inset:0}@keyframes ws-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}dialog.ws-dialog{width:min(72rem,100vw - 2rem);max-width:none;max-height:calc(100dvh - 2rem);color:var(--color-base-content);background:var(--color-base-100);border:1px solid var(--ws-border-soft);border-radius:1.25rem;margin:auto;padding:0;overflow:hidden;box-shadow:0 30px 80px -30px #0000008c}dialog.ws-dialog[open]{flex-direction:column;display:flex}dialog.ws-dialog::backdrop{-webkit-backdrop-filter:blur(6px);background:#040c0a9e}@media (width<40rem){dialog.ws-dialog{border:0;border-radius:0;width:100%;height:100%;max-height:100dvh}}.ws-dialog-head{border-bottom:1px solid var(--ws-border-soft);background:linear-gradient(100deg, color-mix(in oklch, var(--color-primary) 7%, transparent), transparent 55%), var(--color-base-100)}.ws-dialog-scroll{scrollbar-width:thin;scrollbar-color:var(--ws-border) transparent}.ws-section-rule{border-top:1px solid var(--ws-border-soft)}.ws-icon-btn{color:var(--color-base-content);background:var(--ws-fill);border:1px solid var(--ws-border-soft)}.ws-icon-btn:hover{border-color:var(--ws-border);background:color-mix(in oklch, var(--color-primary) 12%, transparent)}.ws-stage{background-color:color-mix(in oklch, var(--color-base-200) 85%, black 4%);background-image:linear-gradient(to right, var(--ws-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--ws-grid) 1px, transparent 1px);border:1px solid var(--ws-border-soft);background-size:24px 24px}.ws-nav-btn{color:var(--color-base-content);background:color-mix(in oklch, var(--color-base-100) 82%, transparent);border:1px solid var(--ws-border-soft);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 18px -8px #00000073}.ws-nav-btn:hover{border-color:var(--ws-border);color:var(--ws-ink)}.ws-counter{color:var(--color-base-content);background:color-mix(in oklch, var(--color-base-100) 82%, transparent);border:1px solid var(--ws-border-soft)}.ws-thumbs{scrollbar-width:thin}.ws-thumb{border:1px solid var(--ws-border-soft);background:var(--ws-frame-bg);opacity:.72;transition:opacity .15s,border-color .15s,box-shadow .15s}.ws-thumb:hover{opacity:1}.ws-thumb[aria-current=true]{opacity:1;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.ws-step:not(:last-child):before{content:"";background:repeating-linear-gradient(to bottom, var(--ws-border) 0 6px, transparent 6px 10px);width:2px;position:absolute;top:2.25rem;bottom:0;left:calc(1.125rem - 1px)}.ws-node{color:var(--ws-ink);background:color-mix(in oklch, var(--color-primary) 12%, var(--color-base-100));border:1px solid var(--ws-border)}.ws-step-last .ws-node{color:var(--color-primary-content);background:var(--color-primary);box-shadow:0 0 16px -2px var(--ws-glow);border-color:#0000}.ws-path-current{color:var(--color-primary-content);background:var(--color-primary)}.ws-download{background:var(--ws-surface);border:1px solid var(--ws-border-soft);transition:border-color .15s,background-color .15s}.ws-download:hover{border-color:var(--ws-border);background:color-mix(in oklch, var(--color-primary) 8%, var(--ws-surface))}.ws-format{color:var(--ws-ink);background:color-mix(in oklch, var(--color-primary) 13%, transparent);border:1px solid var(--ws-border)}.ws-download-icon{color:var(--ws-ink)}@media (prefers-reduced-motion:no-preference){dialog.ws-dialog[open]{animation:.26s cubic-bezier(.16,1,.3,1) ws-dialog-in}dialog.ws-dialog[open]::backdrop{animation:.2s ease-out ws-fade}.ws-fade-in{animation:.25s ease-out ws-fade}}@keyframes ws-dialog-in{0%{opacity:0;transform:translateY(14px)scale(.985)}}@keyframes ws-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.ws-skeleton:after{animation:none}.ws-card,.ws-zoom,.ws-open-hint,.ws-thumb,.ws-chip,.ws-action,.ws-download{transition:none}.ws-card:hover,.ws-card:hover .ws-zoom{transform:none}}