._figure_8e10aa6{margin:0}._window_8e10aa6{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);font-family:"Segoe UI", var(--font-sans);-webkit-user-select:none;user-select:none;aspect-ratio:1100/690;border-radius:clamp(8px,1.2cqw,14px);flex-direction:column;line-height:1;display:flex;position:relative;overflow:hidden;container-type:inline-size}._spacer_8e10aa6{flex:auto}._toolbar_8e10aa6{border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg);flex:none;align-items:center;gap:.9cqw;height:4.9cqw;padding-inline:1.4cqw;display:flex}._tool_8e10aa6,._select_8e10aa6,._time_8e10aa6,._navButton_8e10aa6,._tabAdd_8e10aa6{border:1px solid var(--color-border-subtle);background:var(--color-surface-control);min-width:2.6cqw;height:2.6cqw;color:var(--color-text-secondary);white-space:nowrap;border-radius:1.3cqw;justify-content:center;align-items:center;gap:.5cqw;padding-inline:.9cqw;font-size:1.05cqw;font-weight:600;display:inline-flex}._toolActive_8e10aa6{border-color:var(--color-border);color:var(--color-accent);background:#3a2012}._select_8e10aa6{border-color:var(--color-border);min-width:12cqw;color:var(--color-text);border-radius:.4cqw;justify-content:flex-start}._arrow_8e10aa6{color:var(--color-accent);display:inline-flex}._tabs_8e10aa6{background:var(--color-bg-deep);flex:none;align-items:flex-end;gap:.6cqw;height:3.1cqw;padding-inline:.6cqw;display:flex}._tab_8e10aa6{border:1px solid var(--color-border);background:var(--color-bg);border-bottom:0;border-radius:.6cqw .6cqw 0 0;align-items:center;min-width:11cqw;height:2.6cqw;padding-inline:1cqw;font-size:1cqw;font-weight:600;display:inline-flex}._tabAdd_8e10aa6{min-width:2.2cqw;height:2.2cqw;margin-bottom:.3cqw;padding:0}._addressRow_8e10aa6{border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg);flex:none;align-items:center;gap:.7cqw;height:3.5cqw;padding-inline:.9cqw;display:flex}._navButton_8e10aa6{min-width:2.4cqw;height:2.4cqw;padding:0}._address_8e10aa6{border:1px solid var(--color-border);background:var(--color-surface);height:2.4cqw;color:var(--color-text-muted);border-radius:.7cqw;flex:auto;align-items:center;padding-inline:1cqw;font-size:1cqw;display:inline-flex}._viewport_8e10aa6{background:var(--color-media);flex:auto;min-height:0;position:relative}._scene_8e10aa6{width:100%;height:100%;position:absolute;inset:0}._subtitles_8e10aa6{inset-inline:4%;justify-items:center;display:grid;position:absolute;bottom:7%}._cue_8e10aa6{max-width:100%;font-family:var(--font-sans);text-align:center;-webkit-user-select:text;user-select:text;background:#000000c7;border-radius:.4em;grid-area:1/1;justify-items:center;gap:.35em;padding:.45em .9em .55em;font-size:clamp(.8125rem,2.25cqw,1.625rem);display:grid}._source_8e10aa6{color:var(--color-subtitle-source);font-size:.72em;font-weight:600;line-height:1.4}._target_8e10aa6{color:var(--color-subtitle-target);font-weight:600;line-height:1.45}._target_8e10aa6:lang(th){line-height:1.6}._subtitles_8e10aa6[data-animated=true] ._cue_8e10aa6{opacity:0;animation:12s linear infinite _cue_8e10aa6}@keyframes _cue_8e10aa6{0%{opacity:0}2%,31%{opacity:1}33.3%,to{opacity:0}}@media (prefers-reduced-motion:reduce){._subtitles_8e10aa6[data-animated=true] ._cue_8e10aa6{opacity:0;animation:none!important}._subtitles_8e10aa6[data-animated=true] ._cue_8e10aa6[data-first=true]{opacity:1}}._transport_8e10aa6{border-top:1px solid var(--color-border-subtle);background:var(--color-bg);flex-direction:column;flex:none;justify-content:center;gap:1.1cqw;height:8.2cqw;padding-inline:1.6cqw;display:flex}._seek_8e10aa6{background:var(--color-surface-raised);border-radius:1cqw;height:.35cqw}._seekFill_8e10aa6{border-radius:inherit;background:var(--color-accent);width:19.5%;height:100%;display:block}._controls_8e10aa6{align-items:center;gap:.8cqw;display:flex}._playButton_8e10aa6{background:var(--color-accent);width:3.4cqw;height:3.4cqw;color:var(--color-on-accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}._time_8e10aa6{font-family:var(--font-mono);color:var(--color-text);border-radius:.5cqw}._caption_8e10aa6{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}._pause_8e10aa6{align-items:center;gap:var(--space-2);min-height:2.75rem;padding-inline:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex}._pause_8e10aa6 input{width:1.125rem;height:1.125rem;accent-color:var(--color-accent);cursor:pointer;margin:0}._pause_8e10aa6:hover{color:var(--color-text)}._figure_8e10aa6:has(._pause_8e10aa6 input:checked) ._cue_8e10aa6{animation-play-state:paused}@media (prefers-reduced-motion:reduce){._pause_8e10aa6{display:none}}._train_8e10aa6,._streak_8e10aa6,._clockHand_8e10aa6,._person_8e10aa6,._steam_8e10aa6,._lampHalo_8e10aa6,._cityLight_8e10aa6,._trainWindow_8e10aa6{transform-box:view-box}._scene_8e10aa6[data-animated=true] ._train_8e10aa6{will-change:transform;animation:12s cubic-bezier(.22,.61,.36,1) infinite _train_8e10aa6}@keyframes _train_8e10aa6{0%{transform:translate(1100px)}24%,64%{transform:translate(0)}96%,to{transform:translate(-1300px)}}._scene_8e10aa6[data-animated=true] ._streak_8e10aa6{animation:12s linear infinite _streak_8e10aa6}@keyframes _streak_8e10aa6{0%,22%,66%,to{opacity:0}8%,72%{opacity:.8}}._scene_8e10aa6[data-animated=true] ._trainWindow_8e10aa6{animation:12s ease-in-out infinite _windowGlow_8e10aa6}@keyframes _windowGlow_8e10aa6{0%,24%,64%,to{opacity:.82}36%,56%{opacity:1}}._scene_8e10aa6[data-animated=true] ._clockHand_8e10aa6{transform-origin:240px 150px;animation:12s linear infinite _clockHand_8e10aa6}@keyframes _clockHand_8e10aa6{to{transform:rotate(360deg)}}._scene_8e10aa6[data-animated=true] ._lampHalo_8e10aa6{animation:4.5s ease-in-out infinite _halo_8e10aa6}@keyframes _halo_8e10aa6{0%,to{opacity:.55}50%{opacity:1}}._scene_8e10aa6[data-animated=true] ._cityLight_8e10aa6{animation:5s ease-in-out infinite _twinkle_8e10aa6}@keyframes _twinkle_8e10aa6{0%,to{opacity:.15}45%,60%{opacity:.85}}._scene_8e10aa6[data-animated=true] ._person_8e10aa6{animation:4s ease-in-out infinite _breathe_8e10aa6}@keyframes _breathe_8e10aa6{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}._scene_8e10aa6[data-animated=true] ._steam_8e10aa6{transform-box:fill-box;transform-origin:50%;animation:6s ease-out infinite _steam_8e10aa6}@keyframes _steam_8e10aa6{0%{opacity:0;transform:translateY(0)scale(.6)}25%{opacity:.14}to{opacity:0;transform:translateY(-70px)scale(1.6)}}._seekFill_8e10aa6[data-animated=true]{transform-origin:0;width:100%;animation:12s linear infinite _seek_8e10aa6;transform:scaleX(.195)}@keyframes _seek_8e10aa6{to{transform:scaleX(.235)}}@media (prefers-reduced-motion:reduce){._scene_8e10aa6[data-animated=true] *,._seekFill_8e10aa6[data-animated=true]{animation:none!important}._scene_8e10aa6 ._train_8e10aa6{transform:none}}._demoRoot_8e10aa6[data-offscreen=true] ._scene_8e10aa6 *,._demoRoot_8e10aa6[data-offscreen=true] ._seekFill_8e10aa6,._demoRoot_8e10aa6[data-offscreen=true] ._cue_8e10aa6{animation-play-state:paused}._figure_8e10aa6:has(._pause_8e10aa6 input:checked) ._scene_8e10aa6 *{animation-play-state:paused}._figure_8e10aa6:has(._pause_8e10aa6 input:checked) ._seekFill_8e10aa6{animation-play-state:paused}._demoRoot_8e10aa6{display:block}._demoControls_8e10aa6{gap:var(--space-2);width:100%;display:grid}._sampleTag_8e10aa6{color:var(--color-text-muted);font-size:var(--text-xs)}._controlRow_8e10aa6{align-items:flex-end;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}._field_8e10aa6{gap:var(--space-1);min-width:9.5rem;color:var(--color-text-secondary);font-size:var(--text-xs);display:grid}._field_8e10aa6 select{min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-sm);cursor:pointer}._field_8e10aa6 select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}._swap_8e10aa6:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}._swap_8e10aa6{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:2.75rem;height:2.75rem;color:var(--color-accent);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}._swap_8e10aa6:hover,._field_8e10aa6 select:hover{border-color:var(--color-accent)}._cue_8e10aa6 :lang(ja),._cue_8e10aa6 :lang(zh),._cue_8e10aa6 :lang(ko){font-family:"Yu Gothic UI", "Microsoft YaHei UI", "Malgun Gothic", "Hiragino Sans", "Noto Sans CJK JP", var(--font-sans)}._cue_8e10aa6 :lang(zh){font-family:"Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", var(--font-sans)}._cue_8e10aa6 :lang(ko){font-family:"Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans CJK KR", var(--font-sans)}._figure_8e10aa6{container:demo-figure/inline-size}._toolbarLive_8e10aa6,._toolbarStatic_8e10aa6{align-items:center;gap:.9cqw;display:inline-flex}._toolbarStatic_8e10aa6{display:none}._toolbarSelect_8e10aa6{border:1px solid var(--color-border);background-color:var(--color-surface-control);min-width:12cqw;height:2.6cqw;color:var(--color-text);font:inherit;-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23FD8251' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .8cqw center;background-repeat:no-repeat;background-size:.9cqw;border-radius:.4cqw;padding:0 2.4cqw 0 .9cqw;font-size:1.05cqw;font-weight:600;line-height:1}._toolbarSelect_8e10aa6 option{background:var(--color-surface);color:var(--color-text);font-size:1rem}._toolbarSelect_8e10aa6:hover{border-color:var(--color-accent)}:is(._toolbarSelect_8e10aa6:focus-visible,._toolbarSwap_8e10aa6:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}._toolbarSwap_8e10aa6{width:2.6cqw;height:2.6cqw;color:var(--color-accent);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}._toolbarSwap_8e10aa6 svg{width:1.5cqw;height:1.5cqw}._toolbarSwap_8e10aa6:hover{background:var(--color-surface-control)}@container demo-figure (width>=58rem){._controlRow_8e10aa6{display:none}}@container demo-figure (width<=57.99rem){._toolbarLive_8e10aa6{display:none}._toolbarStatic_8e10aa6{display:inline-flex}}._sun_8e10aa6,._cloud_8e10aa6,._bird_8e10aa6,._shimmer_8e10aa6,._traffic_8e10aa6,._talkA_8e10aa6,._talkB_8e10aa6{transform-box:view-box}._scene_8e10aa6[data-animated=true] ._sun_8e10aa6{animation:9s ease-in-out infinite alternate _sunSink_8e10aa6}@keyframes _sunSink_8e10aa6{0%{transform:translateY(-4px)}to{transform:translateY(12px)}}._scene_8e10aa6[data-animated=true] ._cloud_8e10aa6{animation:12s ease-in-out infinite alternate _cloudDrift_8e10aa6}@keyframes _cloudDrift_8e10aa6{0%{transform:translate(0)}to{transform:translate(-70px)}}._scene_8e10aa6[data-animated=true] ._bird_8e10aa6{animation:12s linear infinite _birdFly_8e10aa6}@keyframes _birdFly_8e10aa6{0%{transform:translate(-120px)}to{transform:translate(980px)}}._scene_8e10aa6[data-animated=true] ._shimmer_8e10aa6{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite alternate _shimmer_8e10aa6}@keyframes _shimmer_8e10aa6{0%{opacity:.25;transform:scaleX(.7)}to{opacity:.7;transform:scaleX(1.05)}}._scene_8e10aa6[data-animated=true] ._traffic_8e10aa6{animation:6s linear infinite _traffic_8e10aa6}@keyframes _traffic_8e10aa6{to{transform:translate(-360px)}}._scene_8e10aa6[data-animated=true] ._talkA_8e10aa6{animation:12s ease-in-out infinite _talkA_8e10aa6}._scene_8e10aa6[data-animated=true] ._talkB_8e10aa6{animation:12s ease-in-out infinite _talkB_8e10aa6}@keyframes _talkA_8e10aa6{0%,33%,66%,to{transform:translateY(0)}6%,14%,22%,72%,80%,88%{transform:translateY(-3px)}10%,18%,76%,84%{transform:translateY(0)}}@keyframes _talkB_8e10aa6{0%,33%,66%,to{transform:translateY(0)}39%,47%,55%{transform:translateY(-3px)}43%,51%{transform:translateY(0)}}._demoRoot_8e10aa6[data-scene=station] ._scene_8e10aa6[data-scene-id=bridge],._demoRoot_8e10aa6[data-scene=bridge] ._scene_8e10aa6[data-scene-id=station]{display:none}._sceneChoice_8e10aa6{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-xs);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}._sceneChoice_8e10aa6 legend{flex-basis:100%;margin:0;padding:0}._sceneButton_8e10aa6{min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer}._sceneButton_8e10aa6[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-surface-raised);color:var(--color-text)}._sceneButton_8e10aa6:hover{border-color:var(--color-accent)}._sceneButton_8e10aa6:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}