@layer components{.window{--window-radius:var(--radius-control-lg);--window-bar-height:2.5rem;--surface-color:var(--color-surface-raised);border-radius:calc(var(--window-radius) * var(--corner-scale));corner-shape:var(--corner-shape);background:var(--color-surface-raised);min-width:0;color:var(--color-text-body);box-shadow:var(--shadow-lifted);flex-direction:column;margin:0;display:flex;position:relative;overflow:clip;&.window-flat{box-shadow:var(--shadow-flat)}@media (forced-colors:active){outline-offset:-1px;outline:1px solid canvastext}}.window-bar{min-height:var(--window-bar-height);border-bottom:1px solid var(--color-line-hair);background:linear-gradient(180deg, var(--color-surface-raised), var(--color-surface-raised-low)) var(--color-surface-raised-low);box-shadow:inset 0 1px 0 var(--color-highlight);flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;padding:0 .875rem;display:grid}.window-controls{--window-mark:var(--color-line-strong);background:radial-gradient(circle at 5.5px 50%, var(--window-mark) 5px, transparent 5.5px), radial-gradient(circle at 24.5px 50%, var(--window-mark) 5px, transparent 5.5px), radial-gradient(circle at 43.5px 50%, var(--window-mark) 5px, transparent 5.5px);width:3.0625rem;height:.6875rem;display:block;@media (forced-colors:active){--window-mark:CanvasText;forced-color-adjust:none}}.window-title{max-width:100%;color:var(--color-text-muted);font:var(--font-weight-control) .8125rem/1.2 var(--font-family-sans);font-feature-settings:inherit;text-align:center;text-overflow:ellipsis;white-space:nowrap;grid-column:2;margin:0;overflow:hidden}.window-address{--icon-size:.75rem;border-radius:calc((var(--window-radius) - .25rem) * var(--corner-scale));corner-shape:var(--corner-shape);background:var(--color-surface-inset);width:min(100%,16rem);min-width:0;height:1.625rem;color:var(--color-text-muted);box-shadow:var(--shadow-pressed);font:400 .75rem/1 var(--font-family-sans);font-feature-settings:inherit;text-overflow:ellipsis;white-space:nowrap;grid-column:2;justify-content:center;align-items:center;gap:.375rem;padding:0 .75rem;display:inline-flex;overflow:hidden}.window-end{min-width:0;color:var(--color-text-muted);grid-column:3;justify-content:flex-end;align-items:center;gap:.25rem;display:inline-flex}.window-body{flex:auto;min-width:0;min-height:0;margin:0;display:block}.slider{--slider-track:.375rem;--slider-thumb:1.125rem;--slider-color:var(--color-surface-inverse);--slider-bleed:5px;box-sizing:content-box;width:100%;height:var(--slider-thumb);margin:calc(-1 * var(--slider-bleed));padding:var(--slider-bleed);appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;display:block}.slider:focus-visible{outline:none}.slider::-webkit-slider-runnable-track{height:var(--slider-track);background:linear-gradient(90deg, var(--slider-color) var(--slider-fill), transparent 0) var(--color-surface-inset);box-shadow:var(--shadow-pressed);border-radius:999px}.slider::-webkit-slider-thumb{width:var(--slider-thumb);height:var(--slider-thumb);margin-top:calc((var(--slider-track) - var(--slider-thumb)) / 2);background:linear-gradient(180deg, var(--color-thumb-high), var(--color-thumb-low));box-shadow:0 0 0 .5px var(--color-line-strong), 0 1px 2px -.5px var(--color-shade-1), 0 2px 4px -1px var(--color-shade-2), 0 4px 8px -4px var(--color-shade-3);appearance:none;transition:box-shadow var(--duration-quick) var(--easing-glide), scale var(--duration-quick) var(--easing-glide);border:0;border-radius:999px}.slider::-moz-range-track{height:var(--slider-track);background:var(--color-surface-inset);box-shadow:var(--shadow-pressed);border-radius:999px}.slider::-moz-range-progress{height:var(--slider-track);background:var(--slider-color);border-radius:999px}.slider::-moz-range-thumb{width:var(--slider-thumb);height:var(--slider-thumb);background:linear-gradient(180deg, var(--color-thumb-high), var(--color-thumb-low));box-shadow:0 0 0 .5px var(--color-line-strong), 0 1px 2px -.5px var(--color-shade-1), 0 2px 4px -1px var(--color-shade-2), 0 4px 8px -4px var(--color-shade-3);border:0;border-radius:999px}.slider:active:not(:disabled)::-webkit-slider-thumb{scale:1.08}.slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-focus);outline-offset:2px}.slider:focus-visible::-moz-range-thumb{outline:2px solid var(--color-focus);outline-offset:2px}.slider:disabled{opacity:.5;cursor:not-allowed}@media (pointer:coarse){.slider{--slider-thumb:1.5rem}}@media (prefers-reduced-motion:reduce){.slider:active:not(:disabled)::-webkit-slider-thumb{scale:none}}@media (forced-colors:active){.slider{forced-color-adjust:none;--slider-color:Highlight}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, Highlight var(--slider-fill), transparent 0) Canvas;box-shadow:inset 0 0 0 1px canvastext}.slider::-webkit-slider-thumb{box-shadow:none;background:buttontext}.slider::-moz-range-track{background:canvas;box-shadow:inset 0 0 0 1px canvastext}.slider::-moz-range-thumb{box-shadow:none;background:buttontext}}@supports (view-timeline:--slider-thumb inline) and (timeline-scope:--slider-thumb){.slider{timeline-scope:--slider-thumb;animation-name:slider-fill;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--slider-thumb;animation-range:contain;overflow:hidden;&::-webkit-slider-thumb{view-timeline:--slider-thumb inline;view-timeline-inset:var(--slider-bleed)}&:dir(rtl){animation-direction:reverse}&:dir(rtl)::-webkit-slider-runnable-track{background:linear-gradient(270deg, var(--slider-color) var(--slider-fill), transparent 0) var(--color-surface-inset)}}}.preview-window{--window-bar-height:2rem}[data-preview-background=dots] .preview-window{background:radial-gradient(var(--ui-line-divider) .8px, transparent 1.1px) 0 0 / 14px 14px, var(--ui-stage-light), var(--ui-surface-stage)}[data-preview-background=hatch] .preview-window{background:var(--ui-hatch), var(--ui-surface-stage)}.preview-body{scrollbar-width:thin;overflow-x:auto}.preview-viewport{max-width:none;margin-inline:auto;position:relative;container-type:inline-size}.preview-viewport>iframe{border:0;width:100%;display:block;position:static}.preview-viewport>iframe:not(.sheet){background:0 0}.preview-tools{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem .75rem .5rem;display:flex}.preview-range{flex:14rem;align-items:center;gap:.75rem;min-width:0;display:flex}.preview-range .slider{flex:6rem;min-width:0;max-width:12rem}.preview-label{color:var(--color-text-muted);font-size:.75rem}.preview-size{color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.75rem}.preview-resize{cursor:ew-resize;touch-action:none;place-items:center;width:1rem;display:grid;position:absolute;inset-block:0;inset-inline-end:0}.preview-resize:before{content:"";background:var(--color-line-strong);border-radius:999px;width:4px;height:2.5rem}@container (width<40rem){.preview-viewport>iframe{--specimen-height:var(--specimen-height-medium)}}@container (width<30rem){.preview-viewport>iframe{--specimen-height:var(--specimen-height-narrow)}}[data-preview-guard=idle] .preview-viewport:before{content:"";cursor:pointer;position:absolute;inset:0}[data-preview-guard] .preview-viewport:after{content:var(--preview-guard-hint,"Click to interact");inset-inline:0;z-index:1;background:var(--ui-surface-sheet);width:fit-content;color:var(--ui-text-body);box-shadow:var(--ui-elevation-rise-2);font:var(--ui-weight-medium) .75rem/1 var(--font-family-sans);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--ui-duration-quick), translate var(--ui-duration-quick), color var(--ui-duration-quick);border-radius:999px;margin-inline:auto;padding:.4375rem .75rem;position:absolute;bottom:.75rem;translate:0 .25rem}[data-preview-guard=idle] .preview-viewport:after{opacity:1;translate:0}@media (hover:hover){[data-preview-guard=idle] .preview-viewport:hover:after{color:var(--ui-text-strong)}}@media (prefers-reduced-motion:reduce){[data-preview-guard] .preview-viewport:after{transition:opacity var(--ui-duration-quick);translate:none}}.segmented{--segmented-inset:4px;--segmented-item-height:1.875rem;--segmented-item-radius:var(--radius-control-sm);--segmented-font-size:.8125rem;--icon-size:.875rem;max-width:100%;padding:var(--segmented-inset);border-radius:calc(var(--segmented-item-radius) * var(--corner-scale) + var(--segmented-inset));corner-shape:var(--corner-shape);background:var(--color-surface-inset);box-shadow:var(--shadow-pressed);flex-wrap:wrap;gap:2px;display:inline-flex;&.segmented-sm{--segmented-inset:3px;--segmented-item-height:1.625rem;--segmented-item-radius:var(--radius-chip);--segmented-font-size:.75rem;--icon-size:.75rem}&.segmented-lg{--segmented-item-height:2.25rem;--segmented-item-radius:var(--radius-control);--segmented-font-size:.875rem;--icon-size:1rem}@media (forced-colors:active){outline-offset:-1px;outline:1px solid canvastext}}.segmented-item{min-width:3.5rem;min-height:var(--segmented-item-height);border-radius:calc(var(--segmented-item-radius) * var(--corner-scale));corner-shape:var(--corner-shape);color:var(--color-text-muted);font:var(--font-weight-control) var(--segmented-font-size)/1 var(--font-family-sans);font-feature-settings:inherit;white-space:nowrap;appearance:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation;transition-property:color,box-shadow;transition-duration:var(--duration-quick);transition-timing-function:var(--easing-glide);background:0 0;border:0;flex:1 0 auto;justify-content:center;align-items:center;gap:.375rem;margin:0;padding:0 .75rem;text-decoration:none;display:inline-flex;position:relative}@media (hover:hover){.segmented-item:hover{color:var(--color-text-strong)}}.segmented-item:active{color:var(--color-text-strong)}.segmented-item:is([aria-pressed=true],[aria-selected=true],[aria-current=page],:has(.segmented-input:checked)){background:linear-gradient(180deg, var(--color-surface-raised), var(--color-surface-raised-low)) var(--color-surface-raised-low);color:var(--color-text-strong);box-shadow:var(--shadow-raised)}.segmented-item:is(:focus-visible,:has(.segmented-input:focus-visible)){outline:2px solid var(--color-focus);outline-offset:2px;z-index:1}.segmented-item:is(:disabled,[aria-disabled=true],:has(.segmented-input:disabled)){color:var(--color-text-disabled);cursor:not-allowed}@media (pointer:coarse){.segmented-item{min-height:max(var(--segmented-item-height), calc(2.75rem - var(--segmented-inset) * 2))}}@media (forced-colors:active){.segmented-item:is([aria-pressed=true],[aria-selected=true],[aria-current=page],:has(.segmented-input:checked)){outline-offset:-2px;outline:2px solid highlight}}.segmented-input{border-radius:inherit;opacity:0;appearance:none;width:100%;height:100%;cursor:inherit;border:0;margin:0;padding:0;position:absolute;inset:0}@supports (anchor-scope:--segmented-thumb){.segmented{anchor-scope:--segmented-thumb;position:relative}.segmented:has(.segmented-item:is([aria-pressed=true],[aria-selected=true],[aria-current=page]),.segmented-input:checked):before{content:"";position-anchor:--segmented-thumb;inset:anchor(top) anchor(right) anchor(bottom) anchor(left);border-radius:calc(var(--segmented-item-radius) * var(--corner-scale));corner-shape:var(--corner-shape);background:linear-gradient(180deg, var(--color-surface-raised), var(--color-surface-raised-low)) var(--color-surface-raised-low);box-shadow:var(--shadow-raised);pointer-events:none;transition-property:top,right,bottom,left;transition-duration:var(--duration-base);transition-timing-function:var(--easing-glide);position:absolute}@media (prefers-reduced-motion:reduce){.segmented:has(.segmented-item:is([aria-pressed=true],[aria-selected=true],[aria-current=page]),.segmented-input:checked):before{transition:none}}@media (forced-colors:active){.segmented:before{display:none}}.segmented-item:is([aria-pressed=true],[aria-selected=true],[aria-current=page],:has(.segmented-input:checked)){anchor-name:--segmented-thumb;box-shadow:none;background:0 0}}.ui-tray[data-source-mode=replace]>:is(.ui-demo-preview,.ui-demo-source){min-width:0;margin:0}.ui-demo-preview [data-demo-viewport]{--window-radius:var(--radius-surface)}.ui-demo-source .code-panel{--code-radius:var(--radius-surface)}.ui-demo-source pre{overscroll-behavior:contain;max-height:min(45rem,80dvh);overflow:auto}.ui-tray[data-source-mode=replace]:not(:has([data-view=code]:checked))>.ui-demo-source{display:none}.ui-tray[data-source-mode=replace]:has([data-view=code]:checked)>.ui-demo-preview{visibility:hidden;height:0;min-height:0;overflow:hidden}.ui-tray[data-source-mode=replace]:has([data-view=code]:checked) [data-demo-tools]{display:none}.ui-tray[data-source-mode=replace]:has([data-view=code]:checked) [data-switch=size]{visibility:hidden}}@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-5:oklch(96.5% .0011 265);--color-zinc-30:oklch(78% .0025 265);--color-zinc-40:oklch(68.6% .0028 265);--color-zinc-60:oklch(48.6% .003 265);--color-zinc-70:oklch(39.8% .0028 265);--color-zinc-90:oklch(24.6% .0022 265);--color-zinc-95:oklch(19.4% .0019 265);--color-zinc-100:oklch(15% .0016 265);--color-surface-inset:light-dark(oklch(96.6% .0011 265),oklch(16.4% .0017 265));--color-surface-raised:light-dark(oklch(100% 0 none),oklch(24.2% .0022 265));--color-text-body:light-dark(oklch(39.8% .0028 265),oklch(80% .0025 265));--color-text-muted:light-dark(oklch(48.6% .003 265),oklch(68.6% .0028 265));--color-white:oklch(100% 0 none);--font-family-sans:var(--font-sans,ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--color-surface-raised-low:light-dark(oklch(99.3% .0005 265),oklch(22.8% .0021 265));--color-line-hair:light-dark(oklch(22% .002 265/.065),oklch(100% 0 none/.075));--color-line-contour:light-dark(oklch(22% .002 265/.12),oklch(100% 0 none/.14));--color-line-strong:light-dark(oklch(22% .002 265/.2),oklch(100% 0 none/.23));--color-highlight:light-dark(oklch(100% 0 none/.95),oklch(100% 0 none/.07));--color-lip:light-dark(oklch(100% 0 none/.9),oklch(100% 0 none/.04));--color-shade-1:light-dark(oklch(18% 0 none/.06),oklch(0% 0 none/.55));--color-shade-2:light-dark(oklch(18% 0 none/.045),oklch(0% 0 none/.4));--color-shade-3:light-dark(oklch(18% 0 none/.035),oklch(0% 0 none/.34));--color-shade-4:light-dark(oklch(18% 0 none/.035),oklch(0% 0 none/.3));--color-shade-5:light-dark(oklch(18% 0 none/.03),oklch(0% 0 none/.28));--shadow-pressed:inset 0 1px 2px -.5px light-dark(oklch(18% 0 none/.07),oklch(0% 0 none/.5)), inset 0 0 0 .5px var(--color-line-contour), 0 .5px 0 var(--color-lip);--shadow-flat:0 0 0 .5px var(--color-line-contour);--shadow-lifted:inset 0 1px 0 var(--color-highlight), 0 0 0 .5px var(--color-line-contour), 0 1px 2px -1px var(--color-shade-1), 0 3px 6px -3px var(--color-shade-2), 0 6px 12px -6px var(--color-shade-3), 0 12px 24px -12px var(--color-shade-4), 0 24px 48px -24px var(--color-shade-5);--radius-control-lg:.75rem;--font-weight-control:460;--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0),var(--color-zinc-95));--font-sans:"Geist", "Noto Sans TC";--color-surface-inverse:light-dark(oklch(22% .0022 265),oklch(95% .0012 265));--color-black:oklch(0% 0 none);--color-focus:light-dark(oklch(24.6% .0022 265),oklch(93.2% .0015 265));--color-thumb-high:oklch(100% 0 none);--color-thumb-low:oklch(96.5% .0011 265);--easing-glide:cubic-bezier(.22, 1, .36, 1);--duration-quick:.16s;--color-text-strong:light-dark(oklch(21% .0022 265),oklch(95% .0012 265));--color-text-disabled:light-dark(oklch(68.6% .0028 265),oklch(48.6% .003 265));--shadow-raised:inset 0 1px 0 var(--color-highlight), 0 0 0 .5px var(--color-line-contour), 0 1px 2px -1px var(--color-shade-1), 0 2px 4px -2px var(--color-shade-2), 0 4px 8px -4px var(--color-shade-3);--radius-chip:.375rem;--radius-control-sm:.5rem;--radius-control:.625rem;--duration-base:.28s;--radius-surface:1rem}}@property --slider-fill{syntax:"<percentage>";inherits:true;initial-value:0%}@keyframes slider-fill{0%{--slider-fill:100%}to{--slider-fill:0%}}