.Demo_demo__vQxp4{display:flex;flex-direction:column;gap:var(--space-5)}.Demo_sizes__8vKbd{display:flex;flex-direction:column;gap:var(--space-3)}.Demo_sizeGroup__FUaZd{display:grid;grid-template-columns:7rem minmax(0,1fr);align-items:center;grid-gap:var(--space-2) var(--space-3);gap:var(--space-2) var(--space-3)}@media (max-width:40rem){.Demo_sizeGroup__FUaZd{grid-template-columns:minmax(0,1fr)}}.Demo_sizeGroupLabel__2om0I{font-weight:500;font-size:var(--size-label);line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-secondary)}.Demo_sizeRow__OnsOb{display:flex;flex-wrap:wrap;gap:var(--space-2)}.Demo_size__91QKq{min-height:44px;padding:var(--space-2) var(--space-4);font-size:1rem;color:var(--color-text-secondary);border:1px solid var(--color-surface-raised);border-radius:var(--radius-sm);transition:border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.Demo_size__91QKq:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.Demo_on__BJNtl{color:var(--color-text-primary);border-color:var(--purpose-ui-accent);outline:1px solid var(--purpose-ui-accent);outline-offset:-1px}.Demo_layout__r19Nw{display:grid;grid-gap:var(--space-6);gap:var(--space-6);align-items:start}@media (min-width:72rem){.Demo_layout__r19Nw{grid-template-columns:minmax(0,1fr) 20rem}}.Demo_player__2gp7h{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.Demo_stage__cXWCE{width:100%;min-width:0}.Demo_canvasWrap__VhKQt{position:relative;max-width:100%;background:var(--color-surface-inset)}.Demo_canvas__CHmO7{display:block}.Demo_round__TZnQ8{border-radius:50%;overflow:hidden}.Demo_loading__hhI90{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--size-small);text-align:center}.Demo_outline__xuG_n{position:absolute;inset:0;overflow:hidden;pointer-events:none}.Demo_box__UnZEq{position:absolute;border:1px solid color-mix(in srgb,var(--color-brand-primary) 55%,transparent);pointer-events:auto}.Demo_box__UnZEq:hover{background:color-mix(in srgb,var(--color-brand-primary) 18%,transparent)}.Demo_boxError__nQPbw{border-color:var(--color-danger-primary)}.Demo_transport__nGMRU{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4)}.Demo_play__cq6i0{min-width:5.5rem;min-height:44px;padding:var(--space-2) var(--space-4);font-weight:500;color:var(--purpose-ui-on-accent);background:var(--purpose-ui-accent);border-radius:var(--radius-sm);transition:background var(--fast) var(--ease)}.Demo_play__cq6i0:hover{background:var(--color-brand-tint)}.Demo_scrubber__GOod8{flex:1 1 12rem;min-width:0;accent-color:var(--purpose-ui-accent)}.Demo_time__zwx_a{font-size:1rem;color:var(--color-text-primary)}.Demo_meta__QA74_{font-size:var(--size-small);color:var(--color-text-secondary)}.Demo_alert__unhTe{padding:var(--space-3) var(--space-4);border:1px solid var(--color-danger-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--size-small)}.Demo_alert__unhTe,.Demo_problems__P9anB{display:flex;flex-direction:column;gap:var(--space-2)}.Demo_problemKind__Wjx25{font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:var(--size-label);color:var(--color-danger-primary)}.Demo_problemMessage__TUZMU{display:block;white-space:pre-wrap;word-break:break-word;color:var(--color-text-secondary)}.Demo_panel__IFNmr{display:flex;flex-direction:column;gap:var(--space-6)}.Demo_group__ss2wY{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-surface-raised)}.Demo_groupTitle__5huik{font-weight:500;font-size:var(--size-label);line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-secondary)}.Demo_field__VZZTq{display:grid;grid-template-columns:8.5rem minmax(0,1fr);align-items:center;grid-gap:var(--space-3);gap:var(--space-3);font-size:var(--size-small)}.Demo_compact__mRl_L{grid-template-columns:5rem minmax(0,1fr)}.Demo_fieldLabel__HIQxW{color:var(--color-text-secondary)}.Demo_select__wiz54{min-width:0;min-height:36px;padding:var(--space-1) var(--space-2);font:inherit;color:var(--color-text-primary);background:var(--color-surface-inset);border:1px solid var(--color-surface-raised);border-radius:var(--radius-sm)}.Demo_zone__hlNgZ{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-2) var(--space-2);gap:var(--space-2) var(--space-2);align-items:center}.Demo_zone__hlNgZ>.Demo_pages__bBCAF{grid-column:1/-1}.Demo_wheel__CbFIj{display:flex;gap:var(--space-1)}.Demo_wheelButton__pkOTJ{width:36px;height:36px;font-size:1.25rem;line-height:1;color:var(--color-text-primary);border:1px solid var(--color-surface-raised);border-radius:var(--radius-sm);transition:border-color var(--fast) var(--ease)}.Demo_wheelButton__pkOTJ:hover{border-color:var(--color-text-secondary)}.Demo_pages__bBCAF{font-size:var(--size-small);color:var(--color-text-secondary)}.Demo_pages__bBCAF summary{cursor:pointer}.Demo_pageList__R7nNR{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));grid-gap:var(--space-1) var(--space-3);gap:var(--space-1) var(--space-3);margin-block:var(--space-2)}.Demo_check__Gcc86{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--size-small);color:var(--color-text-secondary)}.Demo_check__Gcc86 input{accent-color:var(--purpose-ui-accent)}.Demo_glance__k8dPe{display:flex;flex-direction:column;gap:var(--space-2)}.Demo_holdButton__N6Wln{min-height:44px;padding:var(--space-2) var(--space-4);font-weight:500;color:var(--color-text-primary);border:1px solid var(--color-surface-raised);border-radius:var(--radius-sm);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.Demo_holdButton__N6Wln:hover{border-color:var(--color-text-secondary)}.Demo_held___tVg_{color:var(--purpose-ui-on-accent);background:var(--purpose-ui-accent);border-color:var(--purpose-ui-accent)}.Demo_note___s5Ut{font-size:var(--size-small);color:var(--color-text-secondary)}.Demo_subgroup__WQSOq{display:flex;flex-direction:column;gap:var(--space-2)}.Demo_subTitle__5sZzT{font-weight:500;font-size:var(--size-small);color:var(--color-text-primary)}.Demo_scenario__vJo1P{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--size-small);color:var(--color-text-secondary)}.Demo_tappable__G5uuO{cursor:pointer}.Demo_zone__hlNgZ>.Demo_fieldLabel__HIQxW{font-size:var(--size-small)}