.fx{--_fx-duration: var(--fx-duration, .3s);--_fx-ease: var(--fx-ease, cubic-bezier(.22, 1, .36, 1));transition:opacity var(--_fx-duration) var(--_fx-ease),transform var(--_fx-duration) var(--_fx-ease),scale var(--_fx-duration) var(--_fx-ease)}.fx-fade[data-state=entering],.fx-fade[data-state=exiting]{opacity:0}.fx-slide-up[data-state=entering],.fx-slide-up[data-state=exiting]{opacity:0;transform:translateY(var(--fx-distance, 16px))}.fx-scale[data-state=entering],.fx-scale[data-state=exiting]{opacity:0;scale:var(--fx-from-scale, .95)}@media(prefers-reduced-motion:reduce){.fx[data-state],.fx[data-state=entering],.fx[data-state=exiting]{transition:opacity var(--_fx-duration) linear;transform:none;scale:none}}.playground{display:flex;flex-direction:column;gap:2rem}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.demo-cell{display:flex;flex-direction:column;gap:1rem}.stage{height:160px;display:grid;place-items:center;border:1px dashed var(--border);border-radius:12px;padding:1rem;overflow:hidden}.stage-toast{height:120px}.demo-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem 2rem;border-radius:12px;background:var(--accent-soft);border:1px solid var(--accent)}.demo-card span{font-size:.8rem;color:var(--text-dim);font-family:monospace}.demo-card em{font-style:normal;font-size:.75rem;color:var(--text-dim)}.demo-toast{padding:.75rem 1.5rem;border-radius:999px;background:var(--text);color:var(--bg);font-weight:600}.reveal{--_reveal-duration: var(--reveal-duration, .6s);--_reveal-delay: var(--reveal-delay, 0ms);transition:opacity var(--_reveal-duration) cubic-bezier(.22,1,.36,1) var(--_reveal-delay),transform var(--_reveal-duration) cubic-bezier(.22,1,.36,1) var(--_reveal-delay)}.reveal[data-revealed=false]{opacity:0;transform:translateY(var(--reveal-distance, 24px))}@media(prefers-reduced-motion:reduce){.reveal{transition:opacity var(--_reveal-duration) linear var(--_reveal-delay)}.reveal[data-revealed=false]{transform:none}}.reveal-demo{display:flex;flex-direction:column;gap:2rem;padding-bottom:40vh}.reveal-list{display:flex;flex-direction:column;gap:2rem}.reveal-toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.reveal-toolbar p{color:var(--text-dim)}.reveal-spacer{display:grid;place-items:center;min-height:60vh;color:var(--text-dim);border:1px dashed var(--border);border-radius:12px}.reveal-card{padding:2rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:.5rem}.reveal-card-repeat{border-color:var(--accent);background:var(--accent-soft)}.skeleton{--_skeleton-base: var(--skeleton-base, rgba(148, 163, 184, .16));--_skeleton-sheen: var(--skeleton-sheen, rgba(148, 163, 184, .24));--_skeleton-speed: var(--skeleton-speed, 1.4s);position:relative;overflow:hidden;background:var(--_skeleton-base);border-radius:8px;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--_skeleton-sheen),transparent);animation:skeleton-sheen var(--_skeleton-speed) linear infinite}@keyframes skeleton-sheen{to{transform:translate(100%)}}.skeleton-text{height:1em;border-radius:4px}.skeleton-text+.skeleton-text{margin-top:.6em}.skeleton-text:last-child:not(:only-child){width:60%}.skeleton-circle{border-radius:50%;aspect-ratio:1}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:skeleton-pulse 2s ease-in-out infinite;transform:none;background:var(--_skeleton-sheen)}}@keyframes skeleton-pulse{0%,to{opacity:0}50%{opacity:1}}.skeleton-grid{display:flex;flex-direction:column;gap:1rem}.profile-card{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-height:104px}.profile-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;background:var(--accent-soft);flex-shrink:0}.profile-body{flex:1;display:flex;flex-direction:column;gap:.35rem}.profile-body strong{line-height:1.2}.profile-body p{margin:0;color:var(--text-dim);font-size:.9rem}.controls button{align-self:flex-start}.count-up{font-variant-numeric:tabular-nums}.countup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.countup-card{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.countup-card h2{margin:0;font-size:1rem;color:var(--text-dim)}.countup-amount{font-size:2rem;min-width:11ch;min-height:1.4em;display:inline-block}.countup-card p{margin:0;font-size:.85rem;color:var(--text-dim)}.countup-actions{display:flex;gap:.5rem}.like-btn{--_like-color: var(--like-color, #ff3040);--_like-pop-duration: var(--like-pop-duration, .4s);display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;padding:.4rem;cursor:pointer;color:inherit;font:inherit}.like-heart{width:1.6em;height:1.6em;fill:none;stroke:currentColor;stroke-width:2;transition:stroke .15s ease}.like-btn[aria-pressed=true] .like-heart{fill:var(--_like-color);stroke:var(--_like-color);animation:like-pop var(--_like-pop-duration) cubic-bezier(.22,1,.36,1)}@keyframes like-pop{0%{transform:scale(.6)}55%{transform:scale(1.25)}to{transform:scale(1)}}.double-tap-area{position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none}.burst-heart{--_burst-size: var(--burst-size, 96px);position:absolute;width:var(--_burst-size);height:var(--_burst-size);margin-left:calc(var(--_burst-size) / -2);margin-top:calc(var(--_burst-size) / -2);fill:#fff;filter:drop-shadow(0 4px 16px rgba(0,0,0,.35));pointer-events:none;animation:burst-heart .9s cubic-bezier(.22,1,.36,1) forwards}@keyframes burst-heart{0%{opacity:0;transform:scale(.4)}12%{opacity:1;transform:scale(1.12)}25%{transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05) translateY(-18px)}}@media(prefers-reduced-motion:reduce){.like-btn[aria-pressed=true] .like-heart{animation:none}.burst-heart{animation:burst-heart-fade .9s linear forwards}}@keyframes burst-heart-fade{0%{opacity:0}15%,70%{opacity:1}to{opacity:0}}.post-card{max-width:420px;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.post-header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem}.post-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft)}.post-image{aspect-ratio:1;display:grid;place-content:center;gap:.5rem;text-align:center;background:linear-gradient(135deg,#2a2f45,#40222e 60%,#173042);cursor:pointer}.post-image span{font-size:4rem}.post-image p{margin:0;color:var(--text-dim)}.post-footer{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem .9rem}.post-footer .like-btn{font-size:1.05rem}.post-caption{font-size:.85rem;color:var(--text-dim)}.tab-bar{position:relative;display:flex}.tab-indicator{--_height: var(--tab-indicator-height, 2px);position:absolute;left:0;bottom:0;width:1px;height:var(--_height);background:var(--tab-indicator-color, currentColor);transform-origin:left;transition:transform var(--tab-indicator-duration, .25s) cubic-bezier(.22,1,.36,1);pointer-events:none}@media(prefers-reduced-motion:reduce){.tab-indicator{transition:none}}.tab-demo{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.demo-tab-bar{border-bottom:1px solid var(--border);color:var(--accent)}.demo-tab{background:none;border:none;border-radius:0;padding:.9rem 1.1rem;color:var(--text-dim);transition:color .15s ease}.demo-tab:hover{background:none;border:none;color:var(--text)}.demo-tab[aria-selected=true]{color:var(--text);font-weight:600}.tab-panel{padding:2rem 1.5rem 2.5rem;display:flex;flex-direction:column;gap:.4rem}.tab-panel p{margin:0;color:var(--text-dim)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity var(--sheet-duration, .35s) ease;z-index:40}.sheet-backdrop[data-open=true]{opacity:1;pointer-events:auto}.bottom-sheet{--_duration: var(--sheet-duration, .35s);position:fixed;left:0;right:0;bottom:0;max-height:var(--sheet-max-height, 85dvh);overflow-y:auto;background:var(--sheet-bg, #fff);border-radius:var(--sheet-radius, 20px) var(--sheet-radius, 20px) 0 0;transform:translateY(100%);transition:transform var(--_duration) cubic-bezier(.32,.72,0,1);z-index:41;touch-action:none}.bottom-sheet[data-open=true]{transform:translateY(0)}.sheet-handle{width:40px;height:4px;border-radius:999px;background:#80808066;margin:10px auto 6px}@media(prefers-reduced-motion:reduce){.bottom-sheet{transform:none;opacity:0;visibility:hidden;transition:opacity .15s linear,visibility 0s .15s}.bottom-sheet[data-open=true]{transform:none;opacity:1;visibility:visible;transition:opacity .15s linear}}.sheet-demo-stage{min-height:200px;display:grid;place-content:center;gap:1rem;border:1px dashed var(--border);border-radius:12px;text-align:center}.sheet-demo-result{margin:0;color:var(--text-dim)}.demo-sheet{--sheet-bg: #1d2129;color:var(--text);padding-bottom:env(safe-area-inset-bottom,16px)}.sheet-menu{list-style:none;margin:0;padding:.5rem .75rem 1.25rem;display:flex;flex-direction:column}.sheet-menu button{width:100%;display:flex;align-items:center;gap:.9rem;background:none;border:none;padding:.85rem .75rem;border-radius:10px;text-align:left}.sheet-menu button:hover{background:var(--accent-soft);border:none}.sheet-menu-emoji{font-size:1.4rem}.sheet-menu strong{display:block}.sheet-menu small{color:var(--text-dim)}.sticky-header{--_duration: var(--header-duration, .25s);position:sticky;top:0;z-index:30;display:flex;align-items:center;background:var(--header-bg, rgba(15, 17, 21, .85));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sticky-header-title{opacity:0;transform:translateY(6px);transition:opacity var(--_duration) cubic-bezier(.22,1,.36,1),transform var(--_duration) cubic-bezier(.22,1,.36,1)}.sticky-header[data-collapsed=true] .sticky-header-title{opacity:1;transform:translateY(0)}.sticky-header:after{content:"";position:absolute;inset:auto 0 -12px 0;height:12px;background:linear-gradient(rgba(0,0,0,.25),transparent);opacity:0;transition:opacity var(--_duration) ease;pointer-events:none}.sticky-header[data-collapsed=true]:after{opacity:1}@media(prefers-reduced-motion:reduce){.sticky-header-title{transform:none;transition:opacity var(--_duration) linear}}.header-demo-frame{height:420px;overflow-y:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.header-demo-bar{height:52px;padding:0 1.25rem;font-weight:700;--header-bg: rgba(23, 26, 33, .88)}.header-demo-hero{padding:2.5rem 1.25rem 1.5rem}.header-demo-title{margin:0 0 .4rem;font-size:1.8rem}.header-demo-hero p{margin:0;color:var(--text-dim)}.header-demo-section{padding:1.25rem;border-top:1px solid var(--border)}.header-demo-section h3{margin:0 0 .4rem}.header-demo-section p{margin:0;color:var(--text-dim)}.carousel-track{--_gap: var(--carousel-gap, 12px);position:relative;display:flex;gap:var(--_gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:none;width:var(--slide-width, 80%);scroll-snap-align:center}.carousel-dots{display:flex;justify-content:center;gap:8px;padding:12px 0}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:#80808059;cursor:pointer;transition:background .15s ease,scale .15s ease}.carousel-dot[data-active=true]{background:currentColor;scale:1.25}.banner-slide{display:flex;flex-direction:column;gap:.4rem;padding:1.75rem 1.5rem;min-height:150px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--accent-soft))}.banner-emoji{font-size:2rem}.banner-slide p{margin:0;color:var(--text-dim)}.carousel-dots{color:var(--accent)}.story-bars{display:flex;gap:4px;width:100%}.story-bar{flex:1;height:var(--story-bar-height, 3px);border-radius:999px;background:#ffffff4d;overflow:hidden}.story-bar-fill{display:block;width:100%;height:100%;background:var(--story-bar-color, #fff);transform:scaleX(0);transform-origin:left}.story-viewer{position:relative;max-width:380px;aspect-ratio:9 / 14;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#2a2f45,#173042 55%,#40222e);padding:12px;-webkit-user-select:none;user-select:none;touch-action:manipulation}.story-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;text-align:center;padding:2rem;pointer-events:none}.story-emoji{font-size:3.5rem}.story-scene p{margin:0;color:var(--text-dim)}.story-paused{position:absolute;bottom:1.25rem;font-style:normal;font-size:.8rem;color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:.25rem .75rem;background:#00000059}.story-nav{position:absolute;top:40px;height:calc(100% - 40px);width:50%;padding:0;background:none;border:none;border-radius:0;cursor:pointer}.story-nav:hover{background:none;border:none}.story-nav-prev{left:0}.story-nav-next{right:0}.flip-actions{display:flex;gap:.5rem;flex-wrap:wrap}.flip-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.flip-row{display:flex;align-items:center;gap:.9rem;padding:.9rem 1.1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.flip-emoji{font-size:1.4rem}.flip-meta{margin-left:auto;color:var(--text-dim);font-size:.85rem;font-variant-numeric:tabular-nums}.cart-bar{display:flex;justify-content:flex-end;position:sticky;top:.5rem;z-index:5}.cart-button{position:relative;padding:.6rem 1.1rem}.cart-badge{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;display:grid;place-items:center;animation:cart-badge-bump .35s cubic-bezier(.22,1,.36,1)}@keyframes cart-badge-bump{0%{transform:scale(.6)}55%{transform:scale(1.3)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.cart-badge{animation:none}}.cart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.cart-card{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.cart-thumb{font-size:2.2rem}.cart-price{color:var(--text-dim);font-size:.85rem}.ptr-container{position:relative;overflow-y:auto;overscroll-behavior:contain}.ptr-content{--_duration: var(--ptr-duration, .3s);transition:transform var(--_duration) cubic-bezier(.22,1,.36,1)}.ptr-indicator{position:absolute;top:10px;left:50%;width:var(--ptr-indicator-size, 28px);height:var(--ptr-indicator-size, 28px);margin-left:calc(var(--ptr-indicator-size, 28px) / -2);display:grid;place-items:center;font-size:1rem;opacity:var(--pull-progress, 0);transform:rotate(calc(var(--pull-progress, 0) * 270deg));pointer-events:none}.ptr-container[data-refreshing=true] .ptr-indicator{animation:ptr-spin .8s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ptr-content{transition-duration:.01ms}}.feed-frame{height:380px;border:1px solid var(--border);border-radius:12px;background:var(--surface);-webkit-user-select:none;user-select:none}.feed-list{list-style:none;margin:0;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.feed-item{display:flex;flex-direction:column;gap:.25rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.feed-item span{color:var(--text-dim);font-size:.8rem}.pressable{transition:transform var(--press-release, .22s) cubic-bezier(.22,1,.36,1),filter var(--press-release, .22s) ease;will-change:transform}.pressable:active{transform:scale(var(--press-scale, .96));transition-duration:60ms}.pressable-dim:active{filter:brightness(.92)}@media(hover:hover)and (pointer:fine){.pressable-lift:hover{transform:translateY(-1px)}.pressable-lift:active{transform:scale(var(--press-scale, .96))}}@media(prefers-reduced-motion:reduce){.pressable:active{transform:none;filter:brightness(.92)}}.press-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.press-cell{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.press-cell h2{margin:0;font-size:.9rem;color:var(--text-dim)}.press-primary{padding:.85rem 1.8rem;font-weight:700;background:var(--accent);color:#0b1220;border:none;border-radius:12px}.press-primary:hover{background:var(--accent);border:none}.press-card{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1.2rem 1.4rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-align:left}.press-card span{font-size:1.8rem}.press-card small{color:var(--text-dim)}.toast-region{position:fixed;left:50%;bottom:24px;translate:-50%;z-index:80;pointer-events:none;display:grid}.toast-item{--_duration: var(--toast-duration, .3s);grid-area:1 / 1;justify-self:center;padding:.7rem 1.3rem;border-radius:999px;background:var(--toast-bg, rgba(30, 32, 40, .95));color:var(--toast-color, #fff);font-size:.9rem;white-space:nowrap;box-shadow:0 6px 24px #00000040;transition:transform var(--_duration) cubic-bezier(.22,1,.36,1),opacity var(--_duration) ease,scale var(--_duration) cubic-bezier(.22,1,.36,1)}.toast-item[data-state=entering],.toast-item[data-state=exiting]{opacity:0;scale:.9}@media(prefers-reduced-motion:reduce){.toast-item{transition:opacity var(--_duration) linear;scale:none}}.toast-demo-stage{min-height:180px;display:flex;gap:.75rem;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:12px}.zoom-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--zoom-backdrop, rgba(0, 0, 0, .8));opacity:0;transition:opacity .3s ease;z-index:90;cursor:zoom-out}.zoom-backdrop[data-open=true]{opacity:1}.zoom-ghost{cursor:zoom-out;pointer-events:none}.zoomable{cursor:zoom-in}@media(prefers-reduced-motion:reduce){.zoom-ghost{transition-duration:.01ms!important}}.zoom-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem}.zoom-card{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--border);border-radius:14px;color:var(--text);padding:0}.zoom-card:hover{border-color:var(--accent)}.zoom-emoji{font-size:2.6rem}.zoom-tone-a{background:linear-gradient(140deg,#2a2f45,#40222e)}.zoom-tone-b{background:linear-gradient(140deg,#2d2a1e,#173042)}.zoom-tone-c{background:linear-gradient(140deg,#173042,#2a2f45)}.zoom-tone-d{background:linear-gradient(140deg,#40222e,#2d2a1e)}.zoom-tone-e{background:linear-gradient(140deg,#23321f,#2a2f45)}.zoom-tone-f{background:linear-gradient(140deg,#2a2f45,#23321f)}.hamburger{--_bar-width: var(--hamburger-bar-width, 22px);--_bar-height: var(--hamburger-bar-height, 2px);--_gap: var(--hamburger-gap, 7px);--_duration: var(--hamburger-duration, .3s);position:relative;width:44px;height:44px;border:none;background:none;cursor:pointer;padding:0}.hamburger-bar{position:absolute;top:50%;left:50%;width:var(--_bar-width);height:var(--_bar-height);margin:calc(var(--_bar-height) / -2) 0 0 calc(var(--_bar-width) / -2);border-radius:999px;background:var(--hamburger-color, currentColor);transition:transform var(--_duration) cubic-bezier(.22,1,.36,1),opacity var(--_duration) ease}.hamburger-bar:nth-child(1){transform:translateY(calc(-1 * var(--_gap)))}.hamburger-bar:nth-child(3){transform:translateY(var(--_gap))}.hamburger[aria-expanded=true] .hamburger-bar:nth-child(1){transform:rotate(45deg)}.hamburger[aria-expanded=true] .hamburger-bar:nth-child(2){opacity:0;transform:scaleX(.4)}.hamburger[aria-expanded=true] .hamburger-bar:nth-child(3){transform:rotate(-45deg)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity var(--drawer-duration, .3s) ease;z-index:40}.drawer-backdrop[data-open=true]{opacity:1;pointer-events:auto}.drawer{--_duration: var(--drawer-duration, .3s);position:fixed;top:0;bottom:0;left:0;width:var(--drawer-width, min(300px, 80vw));background:var(--drawer-bg, #fff);overflow-y:auto;transform:translate(-100%);visibility:hidden;transition:transform var(--_duration) cubic-bezier(.32,.72,0,1),visibility 0s var(--_duration);z-index:41}.drawer[data-side=right]{left:auto;right:0;transform:translate(100%)}.drawer[data-open=true]{transform:translate(0);visibility:visible;transition:transform var(--_duration) cubic-bezier(.32,.72,0,1)}@media(prefers-reduced-motion:reduce){.hamburger-bar{transition:none}.drawer{transform:none;opacity:0;visibility:hidden;transition:opacity .15s linear,visibility 0s .15s}.drawer[data-open=true]{opacity:1;visibility:visible;transition:opacity .15s linear}}.drawer-stage{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.drawer-stage-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-bottom:1px solid var(--border)}.drawer-stage-header .hamburger,.drawer-stage-header .hamburger:hover{background:none;border:none;align-self:center}.drawer-stage-body{margin:0;padding:1.5rem .9rem 2rem;color:var(--text-dim)}.demo-drawer{--drawer-bg: var(--surface);border-right:1px solid var(--border)}.demo-drawer[data-side=right]{border-right:none;border-left:1px solid var(--border)}.drawer-nav{display:flex;flex-direction:column;padding:1.25rem .75rem;gap:.15rem}.drawer-nav-title{padding:.4rem .85rem 1rem;font-size:1.05rem}.drawer-nav a{color:var(--text);text-decoration:none;padding:.65rem .85rem;border-radius:8px}.drawer-nav a:hover{background:var(--accent-soft);color:var(--accent)}.tooltip-anchor{position:relative;display:inline-flex}.tooltip{--_bg: var(--tooltip-bg, #2b3440);--_offset: var(--tooltip-offset, 10px);--_duration: var(--tooltip-duration, .15s);--_slide: 4px;position:absolute;z-index:30;padding:6px 10px;border-radius:8px;background:var(--_bg);color:var(--tooltip-color, #fff);font-size:13px;line-height:1.45;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--_duration) cubic-bezier(.23,1,.32,1),transform var(--_duration) cubic-bezier(.23,1,.32,1),visibility 0s var(--_duration)}.tooltip[data-open=true]{opacity:1;visibility:visible;transition:opacity var(--_duration) cubic-bezier(.23,1,.32,1),transform var(--_duration) cubic-bezier(.23,1,.32,1),visibility 0s}.tooltip:before{content:"";position:absolute;width:8px;height:8px;background:var(--_bg);transform:rotate(45deg)}.tooltip[data-place=top]{bottom:calc(100% + var(--_offset));left:50%;transform:translate(-50%,var(--_slide))}.tooltip[data-place=top]:before{top:calc(100% - 4px);left:calc(50% - 4px)}.tooltip[data-place=top][data-open=true]{transform:translate(-50%)}.tooltip[data-place=bottom]{top:calc(100% + var(--_offset));left:50%;transform:translate(-50%,calc(-1 * var(--_slide)))}.tooltip[data-place=bottom]:before{bottom:calc(100% - 4px);left:calc(50% - 4px)}.tooltip[data-place=bottom][data-open=true]{transform:translate(-50%)}.tooltip[data-place=left]{right:calc(100% + var(--_offset));top:50%;transform:translate(var(--_slide),-50%)}.tooltip[data-place=left]:before{left:calc(100% - 4px);top:calc(50% - 4px)}.tooltip[data-place=left][data-open=true]{transform:translateY(-50%)}.tooltip[data-place=right]{left:calc(100% + var(--_offset));top:50%;transform:translate(calc(-1 * var(--_slide)),-50%)}.tooltip[data-place=right]:before{right:calc(100% - 4px);top:calc(50% - 4px)}.tooltip[data-place=right][data-open=true]{transform:translateY(-50%)}@media(prefers-reduced-motion:reduce){.tooltip{--_slide: 0px}}.tooltip-stage{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;padding:5rem 2rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.tooltip-stage .tooltip-anchor button{align-self:auto}.select{--_duration: var(--select-duration, .2s);--_bg: var(--select-bg, #fff);--_border: var(--select-border, #d4d9e1);position:relative;display:inline-block;min-width:var(--select-min-width, 200px)}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;border:1px solid var(--_border);border-radius:10px;background:var(--_bg);font:inherit;text-align:left;cursor:pointer}.select-placeholder{color:#8a93a1}.select-chevron{flex:none;transition:transform var(--_duration) cubic-bezier(.22,1,.36,1)}.select-trigger[aria-expanded=true] .select-chevron{transform:rotate(180deg)}.select-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:var(--_bg);border:1px solid var(--_border);border-radius:12px;box-shadow:0 12px 32px #0f172a24;max-height:var(--select-panel-max-height, 240px);overflow-y:auto;z-index:30;transform-origin:top;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transition:opacity var(--_duration) ease,transform var(--_duration) cubic-bezier(.22,1,.36,1),visibility 0s var(--_duration)}.select-panel[data-open=true]{opacity:1;visibility:visible;transform:none;transition:opacity var(--_duration) ease,transform var(--_duration) cubic-bezier(.22,1,.36,1),visibility 0s}.select-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:8px;cursor:pointer}.select-option[data-highlighted=true]{background:var(--select-highlight, #f1f5f9)}.select-option[aria-selected=true]{color:var(--select-accent, #1d4ed8);font-weight:600}.select-option[aria-selected=true]:after{content:"✓"}@media(prefers-reduced-motion:reduce){.select-chevron{transition:none}.select-panel{transform:none;transition:opacity var(--_duration) linear,visibility 0s var(--_duration)}.select-panel[data-open=true]{transition:opacity var(--_duration) linear}}.select-stage{--select-bg: var(--surface);--select-border: var(--border);--select-highlight: var(--accent-soft);--select-accent: var(--accent);display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.5rem;padding:2rem 1.5rem 14rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.select-field{display:flex;flex-direction:column;gap:.4rem}.select-field-label{font-size:.85rem;color:var(--text-dim)}.select-result{flex-basis:100%;margin:0;color:var(--text-dim)}.select-stage .select-placeholder{color:var(--text-dim)}.accordion{--_duration: var(--accordion-duration, .3s);--_border: var(--accordion-border, #e2e8f0)}.accordion-item{border-bottom:1px solid var(--_border)}.accordion-header{margin:0;font-size:inherit;font-weight:inherit}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 4px;border:none;background:none;font:inherit;font-weight:600;text-align:left;cursor:pointer}.accordion-chevron{flex:none;transition:transform var(--_duration) cubic-bezier(.22,1,.36,1)}.accordion-trigger[aria-expanded=true] .accordion-chevron{transform:rotate(180deg)}.accordion-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows var(--_duration) cubic-bezier(.22,1,.36,1),visibility 0s var(--_duration)}.accordion-panel[data-open=true]{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows var(--_duration) cubic-bezier(.22,1,.36,1),visibility 0s}.accordion-panel-inner{overflow:hidden;min-height:0}.accordion-panel-content{padding:0 4px 16px}@media(prefers-reduced-motion:reduce){.accordion-chevron,.accordion-panel{transition:none}}.accordion-stage{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:1.5rem;--accordion-border: var(--border)}.accordion-stage-title{margin:0 0 .5rem;font-size:1.05rem}.accordion-stage .accordion-trigger,.accordion-stage .accordion-trigger:hover{background:none;border:none;border-radius:0;align-self:stretch}.accordion-stage .accordion-trigger:hover{color:var(--accent)}.accordion-stage .accordion-panel-content{color:var(--text-dim)}.switch{--_w: var(--switch-width, 44px);--_h: var(--switch-height, 26px);--_pad: 3px;--_duration: var(--switch-duration, .2s);display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.switch-input{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.switch-track{position:relative;flex:none;width:var(--_w);height:var(--_h);border-radius:999px;background:var(--switch-off-bg, #94a3b8);transition:background var(--_duration) ease}.switch-thumb{position:absolute;top:var(--_pad);left:var(--_pad);width:calc(var(--_h) - var(--_pad) * 2);height:calc(var(--_h) - var(--_pad) * 2);border-radius:999px;background:#fff;box-shadow:0 1px 3px #0f172a59;transition:transform var(--_duration) cubic-bezier(.22,1,.36,1)}.switch-input:checked+.switch-track{background:var(--switch-on-bg, #34c759)}.switch-input:checked+.switch-track .switch-thumb{transform:translate(calc(var(--_w) - var(--_h)))}.switch:active .switch-input:not(:disabled)+.switch-track .switch-thumb{transform:scaleX(1.12)}.switch:active .switch-input:checked:not(:disabled)+.switch-track .switch-thumb{transform:translate(calc(var(--_w) - var(--_h))) scaleX(1.12)}.switch-input:focus-visible+.switch-track{outline:2px solid var(--switch-on-bg, #34c759);outline-offset:2px}.switch:has(.switch-input:disabled){opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.switch-thumb{transition:none}}.switch-stage{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);--switch-off-bg: #3a4150}.switch-stage-title{margin:0;font-size:1.05rem}.switch-result{margin:.5rem 0 0;color:var(--text-dim)}.field{--_duration: var(--field-duration, .15s);--_border: var(--field-border, #d4d9e1);--_accent: var(--field-accent, #1d4ed8);position:relative;display:flex;flex-direction:column}.field-input{padding:22px 13px 8px;border:1px solid var(--_border);border-radius:10px;background:none;font:inherit;color:inherit}.field-input:focus{outline:none;border-color:var(--_accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--_accent) 20%,transparent)}.field-label{position:absolute;top:15px;left:14px;color:var(--field-label-color, #8a93a1);pointer-events:none;transform-origin:left top;transition:transform var(--_duration) cubic-bezier(.23,1,.32,1),color var(--_duration) ease}.field-input:focus+.field-label,.field-input:not(:placeholder-shown)+.field-label{transform:translateY(-10px) scale(.76)}.field-input:focus+.field-label{color:var(--_accent)}@media(prefers-reduced-motion:reduce){.field-label{transition:color var(--_duration) ease}}.field-stage{display:flex;flex-direction:column;gap:1.1rem;max-width:420px;padding:1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);--field-border: var(--border);--field-accent: var(--accent);--field-label-color: var(--text-dim)}.field-stage-title{margin:0 0 .25rem;font-size:1.05rem}.field-stage .field-input{color:var(--text)}.modal{--_duration: var(--modal-duration, .24s);--_ease-out: cubic-bezier(.22, 1, .36, 1);width:var(--modal-width, min(420px, calc(100vw - 32px) ));max-height:min(80vh,640px);padding:0;border:none;border-radius:var(--modal-radius, 16px);background:var(--modal-bg, #fff);color:inherit;box-shadow:0 24px 64px #0f172a59;overflow:hidden}.modal[open]{animation:modal-in var(--_duration) var(--_ease-out)}.modal[open]::backdrop{background:var(--modal-backdrop, rgba(15, 23, 42, .55));animation:modal-backdrop-in var(--_duration) ease}.modal[data-closing]{animation:modal-out calc(var(--_duration) * .75) var(--_ease-out) forwards}.modal[data-closing]::backdrop{animation:modal-backdrop-out calc(var(--_duration) * .75) ease forwards}.modal-body{padding:24px;overflow-y:auto;max-height:inherit}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes modal-out{to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes modal-backdrop-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.modal[open],.modal[data-closing]{animation-name:modal-fade-in;animation-duration:.1s}.modal[data-closing]{animation-name:modal-fade-out}.modal[open]::backdrop,.modal[data-closing]::backdrop{animation-duration:.1s}}@keyframes modal-fade-in{0%{opacity:0}}@keyframes modal-fade-out{to{opacity:0}}.modal-stage{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.modal-stage-title{margin:0;font-size:1.05rem}.modal-stage-actions{display:flex;gap:.5rem}.modal-stage-log{margin:0;color:var(--text-dim)}.modal-demo-title{margin:0 0 .5rem;font-size:1.15rem}.modal-demo-text{margin:0 0 1.25rem;color:var(--text-dim)}.modal-demo-actions{display:flex;justify-content:flex-end;gap:.5rem}.modal-demo-danger{border-color:#dc2626;color:#fca5a5}.modal-demo-primary{border-color:var(--accent);background:var(--accent-soft)}.check{--_size: var(--check-size, 22px);--_duration: var(--check-duration, .2s);--_accent: var(--check-accent, #1d4ed8);--_border: var(--check-border, #94a3b8);--_ease-out: cubic-bezier(.22, 1, .36, 1);position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.check-input{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.check-box{flex:none;display:grid;place-items:center;width:var(--_size);height:var(--_size);border:2px solid var(--_border);border-radius:6px;background:transparent;transition:background var(--_duration) ease,border-color var(--_duration) ease,transform var(--_duration) var(--_ease-out)}.check[data-kind=radio] .check-box{border-radius:50%}.check-mark{width:70%;height:70%;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset var(--_duration) var(--_ease-out)}.check-dot{width:50%;height:50%;border-radius:50%;background:#fff;transform:scale(0);transition:transform var(--_duration) cubic-bezier(.34,1.56,.64,1)}.check-input:checked+.check-box{background:var(--_accent);border-color:var(--_accent)}.check-input:checked+.check-box .check-mark{stroke-dashoffset:0;transition-delay:calc(var(--_duration) * .3)}.check-input:checked+.check-box .check-dot{transform:scale(1)}.check-input:not(:checked)+.check-box .check-mark{transition-duration:calc(var(--_duration) * .5)}.check:active .check-input:not(:disabled)+.check-box{transform:scale(.9)}.check-input:focus-visible+.check-box{outline:2px solid var(--_accent);outline-offset:2px}.check:has(.check-input:disabled){opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.check-box,.check-mark,.check-dot{transition:none}}.check-stage{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);--check-border: #4b5563}.check-group{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:10px}.check-group legend{padding:0 .4rem;color:var(--text-dim);font-size:.9rem}.check-result{margin:0;color:var(--text-dim)}[data-shake]{animation:field-shake var(--shake-duration, .4s) cubic-bezier(.36,.07,.19,.97) both}@keyframes field-shake{10%,90%{transform:translate(calc(var(--shake-distance, 6px) * -.5))}20%,80%{transform:translate(var(--shake-distance, 6px))}30%,50%,70%{transform:translate(calc(var(--shake-distance, 6px) * -1.3))}40%,60%{transform:translate(calc(var(--shake-distance, 6px) * 1.3))}}[aria-invalid=true]{border-color:var(--error-color, #dc2626)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--error-color, #dc2626) 20%,transparent)!important}.field-error{--_duration: var(--error-duration, .2s);display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--_duration) cubic-bezier(.22,1,.36,1)}.field-error[data-visible=true]{grid-template-rows:1fr}.field-error-inner{overflow:hidden;min-height:0}.field-error-text{display:block;padding-top:6px;font-size:.875rem;color:var(--error-color, #dc2626);opacity:0;transform:translateY(-4px);transition:opacity var(--_duration) ease,transform var(--_duration) cubic-bezier(.22,1,.36,1)}.field-error[data-visible=true] .field-error-text{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-shake]{animation:none}.field-error,.field-error-text{transition:none}}.shake-stage{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);--error-color: #f87171}.shake-stage-title{margin:0;font-size:1.05rem}.shake-field{display:flex;flex-direction:column;gap:.35rem}.shake-field label{font-size:.9rem;color:var(--text-dim)}.shake-field input{padding:.65rem .85rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.shake-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.shake-log{margin:0;color:var(--text-dim)}.swipe-item{--_action-w: var(--swipe-action-width, 88px);--_duration: var(--swipe-duration, .26s);--_ease-out: cubic-bezier(.22, 1, .36, 1);position:relative;overflow:hidden;transition:height var(--_duration) var(--_ease-out),opacity var(--_duration) ease}.swipe-content{position:relative;background:var(--swipe-bg, #fff);touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:transform var(--_duration) var(--_ease-out)}.swipe-actions{position:absolute;top:0;bottom:0;left:100%;display:flex;width:100%;background:var(--swipe-action-bg, #dc2626)}.swipe-action{flex:none;width:var(--_action-w);border:none;border-radius:0;padding:0;background:transparent;color:#fff;font:inherit;font-weight:600;cursor:pointer}.swipe-action:focus-visible{outline:2px solid #fff;outline-offset:-4px}.swipe-item[data-state=deleting]{height:0!important;opacity:0}@media(prefers-reduced-motion:reduce){.swipe-item,.swipe-content{transition:none}}.swipe-stage{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.swipe-stage-title{margin:0;font-size:1.05rem}.swipe-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.swipe-list li+li{border-top:1px solid var(--border)}.swipe-stage .swipe-action,.swipe-stage .swipe-action:hover{align-self:stretch;border:none;border-radius:0;background:transparent}.cart-row{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem}.cart-row-price{color:var(--text-dim)}.swipe-empty{margin:0;color:var(--text-dim);text-align:center}.swipe-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--text-dim)}.pinch{--_duration: var(--pinch-duration, .3s);position:relative;touch-action:pan-y}.pinch[data-zooming]{z-index:var(--pinch-z, 50)}.pinch-target{display:block;transition:transform var(--_duration) cubic-bezier(.22,1,.36,1)}.pinch-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--_duration) ease}.pinch[data-zooming] .pinch-backdrop{opacity:calc(var(--pinch-progress, 0) * var(--pinch-dim, .8))}.pinch[data-zooming=active] .pinch-backdrop{transition:none}.pinch[data-zooming] .pinch-target{will-change:transform}@media(prefers-reduced-motion:reduce){.pinch-target,.pinch-backdrop{transition:none}}.pinch-feed{display:flex;flex-direction:column;gap:1.5rem;max-width:420px}.pinch-post{display:flex;flex-direction:column;gap:.75rem;padding:.9rem 0;border-top:1px solid var(--border)}.pinch-post-header{display:flex;align-items:center;gap:.6rem}.pinch-post-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#fbc2eb,#a6c1ee)}.pinch-photo{display:grid;place-items:center;aspect-ratio:4 / 5;border-radius:12px;font-size:4rem;user-select:none;-webkit-user-select:none}.pinch-post-caption{margin:0;color:var(--text-dim)}.pinch-status{margin:1rem 0 0;color:var(--text-dim)}.spring-stage{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.spring-track{position:relative;height:64px;border-radius:999px;background:var(--bg)}.spring-track:before{content:"";position:absolute;left:32px;top:50%;width:2px;height:24px;transform:translate(-50%,-50%);background:var(--border)}.spring-ball{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--accent);font-size:1.5rem;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;will-change:transform}.spring-ball:active{cursor:grabbing}.spring-ball:focus-visible{outline:2px solid #fff;outline-offset:2px}.spring-ball-ghost{background:#475569;cursor:default}.spring-presets{display:flex;gap:.5rem;flex-wrap:wrap}.spring-linear{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.spring-pop{transform:scale(1)}.spring-pop[data-popped=true]{transform:scale(1.15)}.spring-linear-code{font-size:.75rem;color:var(--text-dim);word-break:break-all}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--viewer-z, 100);display:grid;place-items:center;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.viewer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--viewer-bg, #000);opacity:calc(1 - var(--dismiss-progress, 0));pointer-events:none}.viewer-image{position:relative;max-width:100vw;max-height:100dvh;object-fit:contain;transform-origin:center;will-change:transform;-webkit-user-drag:none}.viewer-chrome{position:absolute;opacity:calc(1 - var(--dismiss-progress, 0) * 3.3);transition:opacity .12s linear}.viewer-close{top:max(12px,env(safe-area-inset-top));right:12px;width:44px;height:44px;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:1.25rem;cursor:pointer}.dismiss-stage{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.dismiss-stage-title{margin:0;font-size:1.05rem}.dismiss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dismiss-thumb,.dismiss-thumb:hover{padding:0;border:none;border-radius:8px;background:none;overflow:hidden;aspect-ratio:1;align-self:stretch}.dismiss-thumb img{display:block;width:100%;height:100%;object-fit:cover}.dismiss-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dismiss-log{margin:0;color:var(--text-dim)}.viewer-image{width:min(90vw,80dvh)}.loading-button{--_duration: var(--loading-button-duration, .2s);--_leave: calc(var(--_duration) * .45);--_press: .14s;--_ease-out: cubic-bezier(.22, 1, .36, 1);display:inline-grid;place-items:center;border:none;border-radius:10px;padding:.75rem 1.4rem;background:var(--loading-button-bg, #2563eb);color:#fff;font:inherit;font-weight:600;line-height:1.2;cursor:pointer;transition:background var(--_duration) ease,transform var(--_press) var(--_ease-out)}.loading-button:active{transform:scale(.97)}.loading-button[data-status=success]{background:var(--loading-button-success, #16a34a)}.loading-button[data-status=error]{background:var(--loading-button-error, #dc2626);animation:loading-button-shake .42s cubic-bezier(.36,.07,.19,.97)}.loading-button[aria-disabled=true]{cursor:progress}.loading-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.loading-button-layer{grid-area:1 / 1;display:flex;align-items:center;gap:.45rem;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity var(--_leave) ease,transform var(--_leave) var(--_ease-out)}.loading-button[data-status=idle] .loading-button-layer[data-layer=idle],.loading-button[data-status=loading] .loading-button-layer[data-layer=loading],.loading-button[data-status=success] .loading-button-layer[data-layer=success],.loading-button[data-status=error] .loading-button-layer[data-layer=error]{opacity:1;transform:none;transition-duration:var(--_duration);transition-delay:var(--_leave)}.loading-button-spinner{width:1em;height:1em;border:2px solid rgb(255 255 255 / .35);border-top-color:#fff;border-radius:50%;animation:loading-button-spin .7s linear infinite}.loading-button-check path{stroke-dasharray:24;stroke-dashoffset:24}.loading-button[data-status=success] .loading-button-check path{animation:loading-button-draw .32s var(--_ease-out) 60ms forwards}.loading-button-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes loading-button-spin{to{transform:rotate(1turn)}}@keyframes loading-button-draw{to{stroke-dashoffset:0}}@keyframes loading-button-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.loading-button,.loading-button-layer{transition:none}.loading-button[data-status=error]{animation:none}.loading-button[data-status=success] .loading-button-check path{animation:none;stroke-dashoffset:0}.loading-button-spinner{animation-duration:1.4s}}.lb-stage{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.75rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.lb-stage-title{margin:0;font-size:1.1rem}.lb-stage-price{margin:0;color:var(--text-dim)}.lb-actions{position:relative;margin:.5rem 0}.lb-stage .loading-button[data-status=idle]:hover,.lb-stage .loading-button[data-status=loading]:hover{background:#2563eb}.lb-counters{display:flex;gap:2rem;margin:0;color:var(--text-dim)}.lb-counters div{display:flex;gap:.5rem}.lb-counters dt,.lb-counters dd{margin:0}.lb-counter-strong{color:var(--text);font-weight:600}.lb-reset{font-size:.9rem}.infinite-sentinel{height:1px;margin:0}.infinite-footer{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:var(--infinite-scroll-gap, 1.25rem) 0;color:var(--infinite-scroll-dim, #6b7280);font-size:.9rem;text-align:center}.infinite-spinner{width:1.5rem;height:1.5rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;opacity:.6;animation:infinite-spin .7s linear infinite}.infinite-item-new{animation:infinite-item-in .26s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--infinite-item-order, 0) * 40ms)}@keyframes infinite-spin{to{transform:rotate(1turn)}}@keyframes infinite-item-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.infinite-item-new{animation:none}.infinite-spinner{animation-duration:1.4s}}.is-stage{display:flex;flex-direction:column;gap:.9rem;padding:1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.is-stage-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.is-stage-title{margin:0;font-size:1.05rem}.is-stage-count{color:var(--text-dim);font-size:.85rem;font-variant-numeric:tabular-nums}.is-box{height:420px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:0 1rem}.is-list{list-style:none;margin:0;padding:0}.is-review{padding:.9rem 0;border-bottom:1px solid var(--border)}.is-review-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.is-stars{color:#f5c518;letter-spacing:1px}.is-stars-off{color:var(--border)}.is-review-text{margin:.35rem 0 0;color:var(--text-dim);font-size:.9rem}.is-reset{align-self:flex-start;font-size:.9rem}.reorder-list{--_duration: var(--reorder-duration, .2s);--_ease-out: cubic-bezier(.22, 1, .36, 1);list-style:none;margin:0;padding:0}.reorder-list[data-reordering=true]{user-select:none;-webkit-user-select:none;cursor:grabbing}.reorder-item{transition:transform var(--_duration) var(--_ease-out)}.reorder-item[data-dragging=true]{position:relative;z-index:2;transition:none;box-shadow:var(--reorder-lift-shadow, 0 12px 28px rgb(0 0 0 / .28))}[data-reorder-handle]{touch-action:none;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;padding:.25rem .4rem;color:var(--reorder-handle-color, #9aa1af);font:inherit;line-height:1;cursor:grab}[data-reorder-handle]:active{cursor:grabbing}[data-reorder-handle]:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:6px}.reorder-announcement{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){.reorder-item{transition:none}}.dr-stage{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.dr-stage-title{margin:0;font-size:1.05rem}.dr-stage-hint{margin:0;color:var(--text-dim);font-size:.85rem}.dr-list{display:flex;flex-direction:column;gap:8px;margin:.5rem 0}.dr-row{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.dr-stage .dr-handle,.dr-stage .dr-handle:hover{align-self:center;border:none;border-radius:6px;background:transparent;font-size:1.1rem}.dr-rank{width:1.5rem;color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:center}.dr-name{flex:1}.dr-price{color:var(--text-dim);font-variant-numeric:tabular-nums}.dr-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--text-dim);font-size:.9rem}:root{view-transition-name:none}[data-page-view]{view-transition-name:page}::view-transition-old(page),::view-transition-new(page){animation-duration:var(--page-transition-duration, .28s);animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;mix-blend-mode:normal}:root[data-nav-direction=forward]::view-transition-new(page){animation-name:page-in-from-right;z-index:2}:root[data-nav-direction=forward]::view-transition-old(page){animation-name:page-out-to-left}:root[data-nav-direction=back]::view-transition-new(page){animation-name:page-in-from-left}:root[data-nav-direction=back]::view-transition-old(page){animation-name:page-out-to-right;z-index:2}@keyframes page-in-from-right{0%{transform:translate(100%)}}@keyframes page-out-to-left{to{transform:translate(calc(-1 * var(--page-transition-shift, 30%)));opacity:.6}}@keyframes page-in-from-left{0%{transform:translate(calc(-1 * var(--page-transition-shift, 30%)));opacity:.6}}@keyframes page-out-to-right{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:root[data-nav-direction]::view-transition-old(page){animation-name:page-fade-out;animation-duration:.12s;z-index:auto}:root[data-nav-direction]::view-transition-new(page){animation-name:page-fade-in;animation-duration:.12s;z-index:auto}}@keyframes page-fade-in{0%{opacity:0}}@keyframes page-fade-out{to{opacity:0}}.pt-stage{display:flex;justify-content:center;padding:1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.pt-phone{display:flex;flex-direction:column;width:min(360px,100%);height:520px;border:1px solid var(--border);border-radius:20px;background:var(--bg);overflow:hidden}.pt-header{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.pt-title{flex:1;font-size:.95rem;text-align:center}.pt-stage .pt-back{padding:.25rem .5rem;border:none;background:transparent;color:var(--accent);font-size:.85rem}.pt-back-placeholder,.pt-depth{width:3.5rem;color:var(--text-dim);font-size:.75rem;text-align:right}.pt-scroll{flex:1;overflow-y:auto}.pt-view{min-height:100%;padding:.5rem 0}.pt-list,.pt-reviews{list-style:none;margin:0;padding:0}.pt-stage .pt-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border:none;border-radius:0;background:transparent;text-align:left}.pt-stage .pt-row:hover{background:var(--accent-soft)}.pt-row-emoji{font-size:1.5rem}.pt-row-body{display:flex;flex-direction:column;flex:1;gap:.15rem}.pt-row-desc{color:var(--text-dim);font-size:.78rem}.pt-row-price{color:var(--text-dim);font-size:.85rem;font-variant-numeric:tabular-nums}.pt-filler{padding:2rem 1rem;color:var(--text-dim);font-size:.8rem;text-align:center}.pt-detail{padding:1rem;text-align:center}.pt-detail-hero{font-size:4rem;line-height:1.4}.pt-detail-name{margin:.5rem 0 .25rem}.pt-detail-price{margin:0;color:var(--accent);font-weight:600}.pt-detail-desc{margin:.75rem 0 1.25rem;color:var(--text-dim);font-size:.9rem}.pt-stage .pt-more{border:1px solid var(--border);background:transparent;font-size:.85rem}.pt-reviews li{padding:.9rem 1rem;border-bottom:1px solid var(--border);color:var(--text-dim);font-size:.9rem}.pt-tabbar{display:flex;border-top:1px solid var(--border);background:var(--surface)}.pt-tab{flex:1;padding:.75rem 0;color:var(--text-dim);font-size:.8rem;text-align:center}.pt-tab-active{color:var(--accent);font-weight:600}.otp-group{--_size: var(--otp-cell-size, 3rem);--_accent: var(--otp-accent, #2563eb);display:flex;gap:var(--otp-gap, .5rem)}.otp-cell{width:var(--_size);height:calc(var(--_size) * 1.2);border:1.5px solid var(--otp-border, #d1d5db);border-radius:var(--otp-radius, 10px);background:var(--otp-bg, #fff);color:var(--otp-color, #111827);font:inherit;font-size:calc(var(--_size) * .5);font-variant-numeric:tabular-nums;text-align:center;transition:border-color .14s ease,box-shadow .14s ease}.otp-cell[data-filled=true]{border-color:var(--otp-filled-border, #9ca3af)}.otp-cell:focus{outline:none;border-color:var(--_accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--_accent) 25%,transparent)}.otp-cell:disabled{opacity:.55;cursor:not-allowed}.otp-group[data-shake]{animation:otp-shake .42s cubic-bezier(.36,.07,.19,.97)}.otp-group[data-shake] .otp-cell{border-color:var(--otp-error, #dc2626)}@keyframes otp-shake{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(6px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.otp-cell{transition:none}.otp-group[data-shake]{animation:none}}.otp-stage{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-align:center}.otp-stage-title{margin:0;font-size:1.1rem}.otp-stage-hint{margin:0 0 .5rem;color:var(--text-dim);font-size:.9rem}.otp-message{min-height:1.5rem;margin:.25rem 0 0;font-size:.9rem}.otp-message[data-status=error]{color:#f87171}.otp-message[data-status=success]{color:#4ade80}.otp-footer{display:flex;align-items:center;gap:1rem;color:var(--text-dim);font-size:.9rem}::view-transition-old(root),::view-transition-new(root),::view-transition-old(theme-scope),::view-transition-new(theme-scope){animation:none;mix-blend-mode:normal}::view-transition-old(root),::view-transition-old(theme-scope){z-index:0}::view-transition-new(root),::view-transition-new(theme-scope){z-index:1}.theme-toggle{--_size: var(--theme-toggle-size, 2.25rem);position:relative;display:inline-grid;place-items:center;place-content:center;width:var(--_size);height:var(--_size);padding:0;border:1px solid var(--theme-toggle-border, currentColor);border-radius:50%;background:var(--theme-toggle-bg, transparent);color:var(--theme-toggle-color, currentColor);cursor:pointer;transition:background .16s ease}.theme-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}.theme-toggle-icon{grid-area:1 / 1;display:grid;place-items:center;line-height:0;transition:opacity .2s ease,transform .26s cubic-bezier(.22,1,.36,1)}.theme-toggle[data-theme-state=light] .theme-toggle-icon[data-icon=moon],.theme-toggle[data-theme-state=dark] .theme-toggle-icon[data-icon=sun]{opacity:0;transform:rotate(-90deg) scale(.6)}.theme-toggle[data-theme-state=light] .theme-toggle-icon[data-icon=sun],.theme-toggle[data-theme-state=dark] .theme-toggle-icon[data-icon=moon]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle-icon{transition:none}}.tt-stage{display:flex;justify-content:center;padding:2rem 1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.tt-card{--card-bg: #ffffff;--card-surface: #f4f5f7;--card-text: #111827;--card-dim: #6b7280;--card-border: #e5e7eb;--card-accent: #2563eb;display:flex;flex-direction:column;gap:1rem;width:min(380px,100%);padding:1.5rem;border:1px solid var(--card-border);border-radius:16px;background:var(--card-bg);color:var(--card-text);color-scheme:light}.tt-card[data-theme=dark]{--card-bg: #0f1115;--card-surface: #171a21;--card-text: #e8eaf0;--card-dim: #9aa1af;--card-border: #2a2f3a;--card-accent: #6ea8fe;color-scheme:dark}.tt-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.tt-card-title{font-size:1.05rem}.tt-card-sub{margin:.2rem 0 0;color:var(--card-dim);font-size:.85rem}.tt-card .theme-toggle,.tt-card .theme-toggle:hover{--theme-toggle-border: var(--card-border);--theme-toggle-color: var(--card-text);background:var(--card-surface)}.tt-menus{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.tt-menu{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border-radius:10px;background:var(--card-surface)}.tt-menu-emoji{font-size:1.25rem}.tt-menu-name{flex:1}.tt-menu-price{color:var(--card-dim);font-variant-numeric:tabular-nums}.tt-stage .tt-order,.tt-stage .tt-order:hover{align-self:stretch;border:none;border-radius:10px;padding:.8rem;background:var(--card-accent);color:#fff;font-weight:600}.suggest-root{--_duration: var(--suggest-duration, .16s);--_ease-out: cubic-bezier(.22, 1, .36, 1);position:relative}.suggest-input{width:100%;border:1px solid var(--suggest-border, #d1d5db);border-radius:var(--suggest-radius, 10px);padding:.7rem .9rem;background:var(--suggest-bg, #fff);color:var(--suggest-color, #111827);font:inherit}.suggest-input:focus{outline:none;border-color:var(--suggest-accent, #2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--suggest-accent, #2563eb) 22%,transparent)}.suggest-panel{position:absolute;z-index:20;top:calc(100% + .35rem);left:0;right:0;margin:0;padding:.3rem;list-style:none;max-height:var(--suggest-max-height, 18rem);overflow-y:auto;border:1px solid var(--suggest-border, #d1d5db);border-radius:var(--suggest-radius, 10px);background:var(--suggest-bg, #fff);box-shadow:var(--suggest-shadow, 0 12px 28px rgb(0 0 0 / .14));transform-origin:top center;animation:suggest-drop var(--_duration) var(--_ease-out)}.suggest-option{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:8px;color:var(--suggest-color, #111827);cursor:pointer}.suggest-option[data-active=true]{background:var(--suggest-active-bg, #eff6ff)}.suggest-option mark{background:none;color:inherit;font-weight:700}.suggest-message{padding:.7rem;color:var(--suggest-dim, #6b7280);font-size:.9rem;text-align:center}@keyframes suggest-drop{0%{opacity:0;transform:translateY(-4px) scaleY(.96)}}@media(prefers-reduced-motion:reduce){.suggest-panel{animation:none}}.ss-stage{display:flex;flex-direction:column;gap:1rem;padding:1.75rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.ss-field{max-width:420px}.ss-option-name{flex:1}.ss-option-price{color:var(--text-dim);font-size:.85rem;font-variant-numeric:tabular-nums}.ss-footer{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;color:var(--text-dim);font-size:.9rem}.virtual-viewport{height:var(--virtual-height, 400px);overflow-y:auto;overscroll-behavior:contain}.virtual-sizer{position:relative;width:100%}.virtual-window{position:absolute;top:0;left:0;right:0;will-change:transform}.virtual-item{height:var(--virtual-item-height);box-sizing:border-box;overflow:hidden}.vl-stage{display:flex;flex-direction:column;gap:.9rem;padding:1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.vl-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}.vl-title{margin:0;font-size:1.05rem}.vl-counters{display:flex;gap:1.5rem;margin:0;color:var(--text-dim);font-size:.9rem}.vl-counters div{display:flex;gap:.4rem}.vl-counters dt,.vl-counters dd{margin:0}.vl-counter-strong{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.vl-viewport{--virtual-height: 420px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.vl-row{display:flex;align-items:center;gap:1rem;padding:0 1rem;border-bottom:1px solid var(--border)}.vl-no{width:4.5rem;color:var(--text-dim);font-size:.85rem;font-variant-numeric:tabular-nums}.vl-menu{flex:1}.vl-price{color:var(--text-dim);font-variant-numeric:tabular-nums}.vl-footer{display:flex;gap:.5rem}.vl-stage .vl-footer button{font-size:.9rem}:root{--bg: #0f1115;--surface: #171a21;--text: #e8eaf0;--text-dim: #9aa1af;--border: #2a2f3a;--accent: #6ea8fe;--accent-soft: rgba(110, 168, 254, .12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard Variable,Pretendard,-apple-system,system-ui,sans-serif;word-break:keep-all;line-height:1.6}button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:border-color .15s ease,background .15s ease;align-self:flex-start}button:hover{border-color:var(--accent);background:var(--accent-soft)}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;position:sticky;top:0;height:100vh}.brand{font-size:1.25rem;font-weight:700;color:var(--text);text-decoration:none}.tagline{margin:0;font-size:.85rem;color:var(--text-dim)}.sidebar nav{display:flex;flex-direction:column;gap:.9rem;margin-top:1rem;overflow-y:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-group{display:flex;flex-direction:column;gap:.1rem}.nav-group-title{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--text-dim);padding:0 .75rem .3rem}.nav-emoji{margin-right:.45rem;font-size:.85rem}.sidebar nav a{color:var(--text-dim);text-decoration:none;padding:.4rem .75rem;border-radius:8px;font-size:.9rem;transition:background .15s ease,color .15s ease}.sidebar nav a:hover{background:var(--surface);color:var(--text)}.sidebar nav a[data-active=true]{background:var(--accent-soft);color:var(--accent)}.sidebar footer{margin-top:auto}.sidebar footer a{color:var(--text-dim);font-size:.85rem}.content{padding:2.5rem;max-width:880px;width:100%;margin:0 auto}.demo-header{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.demo-header h1{margin:0}.demo-header p{margin:0;color:var(--text-dim)}.demo-header code{font-size:.8rem;color:var(--accent)}.home h1{margin-top:0}.home-intro{color:var(--text-dim);max-width:60ch}.home-search{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0 .5rem}.home-search input{flex:1;max-width:420px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem .9rem}.home-search input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.home-search-count{color:var(--text-dim);font-size:.85rem}.home-group h2{font-size:.95rem;color:var(--text-dim);margin:1.75rem 0 .75rem}.demo-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.demo-list a{display:flex;gap:.8rem;align-items:flex-start;height:100%;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .15s ease,translate .15s ease}.demo-list a:hover{border-color:var(--accent);translate:0 -2px}.demo-card-emoji{font-size:1.4rem;line-height:1.2}.demo-card-body{display:flex;flex-direction:column;gap:.25rem}.demo-card-body span{color:var(--text-dim);font-size:.85rem}.home-empty{color:var(--text-dim);margin-top:2rem}.usage{margin-top:2.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.usage-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--border)}.usage-head h2{margin:0;font-size:.95rem}.usage-actions{display:flex;align-items:center;gap:.9rem}.usage-actions a{color:var(--accent);font-size:.85rem;text-decoration:none}.usage-code{margin:0;padding:1.1rem 1.25rem;overflow-x:auto;font-size:.82rem;line-height:1.6;color:var(--text)}@media(max-width:720px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem 1.5rem;padding:1.25rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.controls label{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}.controls label>span{color:var(--text-dim);display:flex;justify-content:space-between;gap:.5rem}.controls code{color:var(--accent);font-size:.75rem}.controls output{font-variant-numeric:tabular-nums;font-size:.85rem}.controls input[type=range]{accent-color:var(--accent);width:100%}.controls select{font:inherit;font-size:.85rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.4rem .5rem;max-width:100%}.controls-note{grid-column:1 / -1;margin:0;font-size:.8rem;color:var(--text-dim)}.controls-inline{display:flex;align-items:center;gap:.6rem}.controls label.controls-inline{flex-direction:row}.controls-inline input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}