:root{--rams-bg:#f5f3ef;--rams-surface:#eee;--rams-surface-2:#e8e4de;--rams-surface-pressed:#d6d6d6;--rams-cream:#faf6f2;--rams-ink:#262626;--rams-ink-soft:#4e4e4e;--rams-muted:#6e6e6e;--rams-black:#0f0e0e;--rams-orange:#ff611a;--rams-orange-hi:#ff711f;--rams-orange-mid:#fa5f19;--rams-orange-lo:#e25621;--rams-orange-deep:#ad3100;--rams-knob-orange:linear-gradient(180deg, var(--rams-orange-mid) 0%, var(--rams-orange-lo) 100%);--rams-knob-orange-ring:linear-gradient(180deg, var(--rams-orange-hi) 0%, var(--rams-orange-deep) 100%);--rams-knob-soft:linear-gradient(180deg, #f2f2f2 0%, #e8e8e8 100%);--rams-knob-soft-ring:linear-gradient(180deg, #fff 0%, #e3e3e3 100%);--rams-pad-face:radial-gradient(100% 100% at 35.8% 29.3%, #cfcfcf 0%, #fcfcfa 72.115%, #fcfcfa 100%);--rams-key-face:linear-gradient(180deg, #fff 0%, var(--rams-cream) 16%, #b3b3b3 86%, #ababab 100%);--rams-key-cap:#eee;--rams-key-cap-hi:#fff;--rams-key-bloom:#faf6f2;--rams-key-fill:linear-gradient(180deg, #f2f1f0 0%, #ebe9e8 100%);--rams-key-fill-pressed:linear-gradient(180deg, #ecebea 0%, #e4e2e1 100%);--rams-key-highlight:#fff;--rams-frame-shine:0 1px 0 #ffffffd9 inset, 0 -1px 0 #0000000a inset, 0 10px 24px #00000014, 0 2px 4px #0000000a;--screen-rim:linear-gradient(145deg, #fafafa 0%, #e8e8e8 42%, #d2d2d2 100%);--screen-rim-shine:inset 1px 1px 0 #ffffffe6, inset -1px -1px 0 #0000000f, 0 1px 0 #ffffff8c, 0 8px 18px #00000014, 0 2px 4px #0000000d;--rams-inset:inset 2px 3px 2px #00000026;--rams-inset-deep:inset 5px 5px 7px #00000059, inset 2px 2px 2px #00000059;--rams-knob-shadow:0 1.3px 1.3px -.3px #0000002d, 0 3.1px 3.1px -.6px #0000002d, 0 5.7px 5.7px -.9px #0000002d, 0 9.5px 9.5px -1.25px #0000002d, 0 15.4px 15.4px -1.6px #0000002d, 0 25px 25px -1.9px #0000002d, 0 43px 43px -2.2px #0000002d, 0 79px 79px -2.5px #0000002d;--rams-radius-pill:500px;--rams-radius-key:12px;--rams-radius-panel:18px;--rams-radius-chip:4px;--rams-ease:cubic-bezier(.22, 1, .36, 1);--rams-duration:.18s;--rams-duration-slow:.28s;--rams-font:"Neue Plak Wide", "Helvetica Neue", Helvetica, Arial, sans-serif;--rams-font-mono:"Neue Plak Wide", "Helvetica Neue", Helvetica, Arial, sans-serif;--grafito-purple:#8b4dff}@font-face{font-family:Neue Plak Wide;src:url(/fonts/NeuePlak-WideSemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--grafito-purple:#8b4dff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--rams-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:600}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%}body{color:var(--rams-ink);font-family:var(--rams-font);background:0 0;margin:0;font-weight:600}button{font:inherit}._track_1yfku_1{--w:79px;--h:40px;--knob:34px;width:var(--w);height:var(--h);cursor:pointer;border-radius:var(--rams-radius-pill);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}._track_1yfku_1[data-labeled=true]{--w:88px}._well_1yfku_20{border-radius:var(--rams-radius-pill);background:var(--rams-surface);box-shadow:var(--rams-inset-deep);position:absolute;inset:0}._track_1yfku_1[data-labeled=true] ._well_1yfku_20{background:color-mix(in srgb, var(--grafito-purple,#8b4dff) 28%, var(--rams-surface,#eee))}._sides_1yfku_32{z-index:1;pointer-events:none;position:absolute;inset:0}._side_1yfku_32{font-family:var(--rams-font,"Neue Plak Wide", sans-serif);letter-spacing:.08em;box-sizing:border-box;color:var(--grafito-purple,#8b4dff);opacity:0;transition:opacity var(--rams-duration) var(--rams-ease);place-items:center;padding-left:.08em;font-size:.62rem;font-weight:600;display:grid;position:absolute;top:0;bottom:0}._side_1yfku_32[data-side=off]{width:calc(100% - var(--knob) - 3px);left:0}._side_1yfku_32[data-side=on]{width:calc(100% - var(--knob) - 3px);right:0}._side_1yfku_32[data-active=true]{opacity:1}._knob_1yfku_73{width:var(--knob);height:var(--knob);transition:left var(--rams-duration) var(--rams-ease);z-index:2;position:absolute;top:50%;left:3px;translate:0 -50%}._track_1yfku_1[data-on=true] ._knob_1yfku_73,._track_1yfku_1[data-labeled=true] ._knob_1yfku_73{left:calc(100% - var(--knob) - 3px)}._track_1yfku_1[data-labeled=true][data-on=true] ._knob_1yfku_73{left:3px}._ring_1yfku_102{border-radius:var(--rams-radius-pill);background:var(--rams-knob-soft-ring);box-shadow:var(--rams-knob-shadow);position:absolute;inset:-1px;rotate:-45deg}._core_1yfku_111{border-radius:var(--rams-radius-pill);background:var(--rams-knob-soft);position:absolute;inset:1px}._track_1yfku_1:focus-visible{outline:2px solid color-mix(in srgb, var(--rams-ink) 35%, transparent);outline-offset:4px}._track_1yfku_1:active ._knob_1yfku_73{scale:.97}._root_1jllo_1{--rocker-key-h:80px;--rocker-key-w:60px;--rocker-well-h:84px;--rocker-well-w:188px;--rocker-scale:.606061;--rocker-raised-shadow:0 14px 18px #00000029, 0 6px 8px #0000001f, 0 2px 3px #0000001a;--rocker-side:5px 0 4px #0000001a;background:var(--rams-surface);box-sizing:border-box;width:fit-content;height:fit-content;box-shadow:var(--rams-frame-shine);border-radius:18px;padding:4px;position:relative}._well_1jllo_25{width:var(--rocker-well-w);height:var(--rocker-well-h);background:var(--rams-surface-pressed,#d6d6d6);border-radius:14px;position:relative;overflow:visible;box-shadow:inset 2px 3px 2px #00000026}._key_1jllo_35{top:calc(50% - (var(--rocker-key-h) / 2));width:var(--rocker-key-w);height:var(--rocker-key-h);cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:1;background:0 0;border:0;margin:0;padding:0;position:absolute}._key_1jllo_35[data-side=left]{left:2px}._key_1jllo_35[data-side=mid]{left:calc(50% - (var(--rocker-key-w) / 2))}._key_1jllo_35[data-side=right]{left:auto;right:2px}._key_1jllo_35[data-active=true]{z-index:0;cursor:default}._shell_1jllo_69{transition:box-shadow var(--rams-duration) var(--rams-ease);position:absolute;inset:0;overflow:hidden}._key_1jllo_35[data-side=left] ._shell_1jllo_69{border-top-left-radius:12px;border-bottom-left-radius:12px}._key_1jllo_35[data-side=right] ._shell_1jllo_69{border-top-right-radius:12px;border-bottom-right-radius:12px}._key_1jllo_35[data-active=true] ._shell_1jllo_69{box-shadow:inset 0 4px 5px #00000024}._bg_1jllo_92{background:var(--rams-key-face);position:absolute;inset:0}._cap_1jllo_98{height:calc(21px * var(--rocker-scale));position:absolute;top:0;left:0;right:0}._key_1jllo_35[data-side=left] ._cap_1jllo_98{background:linear-gradient(270deg, var(--rams-key-cap) 0%, color-mix(in srgb, var(--rams-key-cap) 88%, transparent) 88.0279%, var(--rams-key-cap-hi) 100%)}._key_1jllo_35[data-side=mid] ._cap_1jllo_98{background:var(--rams-key-cap)}._key_1jllo_35[data-side=right] ._cap_1jllo_98{background:linear-gradient(90deg, var(--rams-key-cap) 0%, color-mix(in srgb, var(--rams-key-cap) 88%, transparent) 88.0279%, color-mix(in srgb, var(--rams-key-cap) 55%, #888) 100%)}._border_1jllo_129{filter:blur(2px);pointer-events:none;position:absolute;overflow:hidden}._key_1jllo_35[data-side=left] ._border_1jllo_129{inset:0 -10px 0 0}._key_1jllo_35[data-side=mid] ._border_1jllo_129{inset:0 -10px}._key_1jllo_35[data-side=right] ._border_1jllo_129{inset:0 0 0 -10px}._borderPlate_1jllo_148{background:var(--rams-key-bloom);top:calc(11px * var(--rocker-scale));transition:top var(--rams-duration) var(--rams-ease), bottom var(--rams-duration) var(--rams-ease), height var(--rams-duration) var(--rams-ease);border-radius:10px;position:absolute;bottom:0}._key_1jllo_35[data-side=left] ._borderPlate_1jllo_148{background:var(--rams-key-cap-hi);left:0;right:-24px}._key_1jllo_35[data-side=mid] ._borderPlate_1jllo_148{border-radius:0;left:10px;right:10px}._key_1jllo_35[data-side=right] ._borderPlate_1jllo_148{height:calc(121px * var(--rocker-scale));top:auto;left:-14px;right:0}._key_1jllo_35[data-active=true] ._borderPlate_1jllo_148{top:0;bottom:calc(11px * var(--rocker-scale));height:auto}._fill_1jllo_188{height:calc(119px * var(--rocker-scale));pointer-events:none;transition:top var(--rams-duration) var(--rams-ease), bottom var(--rams-duration) var(--rams-ease), height var(--rams-duration) var(--rams-ease);position:absolute;bottom:0;left:0;right:0;overflow:hidden}._key_1jllo_35[data-active=true] ._fill_1jllo_188{top:0;bottom:calc(13px * var(--rocker-scale));height:auto}._fillPlate_1jllo_208{background:var(--rams-key-fill);border-radius:10px;position:absolute;inset:0}._key_1jllo_35[data-side=left] ._fillPlate_1jllo_208{right:-24px}._key_1jllo_35[data-side=mid] ._fillPlate_1jllo_208{border-radius:0}._key_1jllo_35[data-side=right] ._fillPlate_1jllo_208{left:-24px}._key_1jllo_35[data-active=true] ._fillPlate_1jllo_208{background:var(--rams-key-fill-pressed)}._led_1jllo_236{top:calc(24px * var(--rocker-scale) + 5px);width:6px;height:6px;box-shadow:none;z-index:4;pointer-events:none;transition:top var(--rams-duration) var(--rams-ease), background-color var(--rams-duration) var(--rams-ease);background:#cfcfcf;border-radius:24px;margin-left:-3px;position:absolute;left:50%}._key_1jllo_35[data-side=right] ._led_1jllo_236{margin-left:-3px;left:48%}._key_1jllo_35[data-active=true] ._led_1jllo_236{top:calc(11px * var(--rocker-scale) + 5px);background:var(--grafito-purple,#8b4dff)}._highlight_1jllo_264{top:calc(11px * var(--rocker-scale));background:var(--rams-key-highlight);filter:blur(1px);z-index:4;pointer-events:none;height:2px;transition:top var(--rams-duration) var(--rams-ease);position:absolute}._key_1jllo_35[data-side=left] ._highlight_1jllo_264{top:calc(12px * var(--rocker-scale));filter:blur(.5px);width:51px;height:1px;right:0}._key_1jllo_35[data-side=mid] ._highlight_1jllo_264{left:0;right:0}._key_1jllo_35[data-side=right] ._highlight_1jllo_264{width:51px;left:0}._key_1jllo_35[data-active=true] ._highlight_1jllo_264{opacity:.35;top:0}._contact_1jllo_302{pointer-events:none;z-index:0;box-shadow:var(--rocker-raised-shadow);transition:box-shadow var(--rams-duration) var(--rams-ease);position:absolute;inset:0}._key_1jllo_35[data-side=left] ._contact_1jllo_302{border-top-left-radius:12px;border-bottom-left-radius:12px}._key_1jllo_35[data-side=right] ._contact_1jllo_302{box-shadow:var(--rocker-raised-shadow), var(--rocker-side);border-top-right-radius:12px;border-bottom-right-radius:12px}._key_1jllo_35[data-active=true] ._contact_1jllo_302,._key_1jllo_35[data-side=right][data-active=true] ._contact_1jllo_302{box-shadow:none}._key_1jllo_35:focus-visible{outline:2px solid color-mix(in srgb, var(--grafito-purple,#8b4dff) 55%, transparent);outline-offset:3px;border-radius:10px}._root_1feql_1{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50px;width:44px;height:44px;margin:0;padding:0;position:relative;box-shadow:.4px .4px .56px -.94px #00000054,1.21px 1.21px 1.71px -1.88px #0000004f,3.19px 3.19px 4.51px -2.81px #0004,10px 10px 14.14px -3.75px #0000001d}._shell_1feql_19{border-radius:40px;position:absolute;inset:0;overflow:hidden}._surface_1feql_26{background:var(--rams-pad-face);box-shadow:var(--rams-pad-inset,inset 1px 1px 2px #fff9, inset -1px -1px 2px #00000080, inset 4px 4px 1px #ffffff0d);transition:transform var(--rams-duration) var(--rams-ease);border-radius:88px;position:absolute;inset:0}._led_1feql_40{background:var(--grafito-purple,#8b4dff);width:6px;height:6px;box-shadow:0 0 6px color-mix(in srgb, var(--grafito-purple,#8b4dff) 45%, transparent);opacity:0;transition:opacity var(--rams-duration) var(--rams-ease), top var(--rams-duration) var(--rams-ease);border-radius:664px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._root_1feql_1[data-on=true] ._led_1feql_40{opacity:1}._root_1feql_1[data-on=true]:active ._led_1feql_40,._root_1feql_1[data-pressed=true] ._led_1feql_40{top:52%}._hiTop_1feql_65{background:radial-gradient(120% 100% at 50% 0%, var(--rams-pad-spec-top,#fffffff2) 0%, #fff0 70%);filter:blur(1px);width:27px;height:19px;opacity:var(--rams-pad-spec-opacity,.6);pointer-events:none;border-radius:50%;position:absolute;top:1px;left:0}._hiBottom_1feql_82{background:radial-gradient(100% 100% at 50% 100%, var(--rams-pad-spec-bottom,#ffffff8c) 0%, #fff0 75%);filter:blur(1px);width:20px;height:7px;opacity:var(--rams-pad-spec-bottom-opacity,.63);pointer-events:none;transition:width var(--rams-duration) var(--rams-ease), height var(--rams-duration) var(--rams-ease), bottom var(--rams-duration) var(--rams-ease);border-radius:50%;position:absolute;bottom:4px;right:4px;transform:rotate(169deg)}._root_1feql_1:active ._hiBottom_1feql_82,._root_1feql_1[data-pressed=true] ._hiBottom_1feql_82{width:23px;height:11px;bottom:3px}._mask_1feql_111{opacity:.2;pointer-events:none;width:36px;height:36px;transition:top var(--rams-duration) var(--rams-ease), left var(--rams-duration) var(--rams-ease), transform var(--rams-duration) var(--rams-ease);border-radius:40px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}._maskGlow_1feql_128{background:var(--rams-pad-mask-glow,#fff);filter:blur(5px);border-radius:500px;width:21px;height:17px;position:absolute;bottom:0;right:4px}._root_1feql_1:active ._mask_1feql_111,._root_1feql_1[data-pressed=true] ._mask_1feql_111{top:unset;left:unset;bottom:1px;right:-1px;transform:none}._root_1feql_1:active ._surface_1feql_26,._root_1feql_1[data-pressed=true] ._surface_1feql_26{transform:scale(.98)}._root_1feql_1:focus-visible{outline:2px solid color-mix(in srgb, var(--grafito-purple,#8b4dff) 55%, transparent);outline-offset:3px}._panel_1feql_159{background:var(--rams-surface,#eee);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:max-content;padding:16px;display:flex}._single_1feql_171{width:var(--circle-pad-frame,88px);height:var(--circle-pad-frame,88px);border-radius:calc(var(--screen-radius,22px) + 2px);background:var(--rams-surface,#eee);justify-content:center;align-items:center;padding:0;display:flex;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000001f,0 8px 18px #0000001f}._row_1feql_186{justify-content:center;align-items:center;gap:24px;height:44px;display:flex}._root_1r4dy_1{--knob-size:40px;--knob-well:44px;--knob-rim:42px;--knob-root-w:44px;--knob-root-h:52px;--knob-pip:6px;width:var(--knob-root-w);height:var(--knob-root-h);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;position:relative}._root_1r4dy_1[data-size=lg]{--knob-size:72px;--knob-well:80px;--knob-rim:76px;--knob-root-w:80px;--knob-root-h:92px;--knob-pip:8px}._rim_1r4dy_29{bottom:var(--knob-rim-bottom,1px);width:var(--knob-rim);height:var(--knob-rim);background:var(--knob-rim-color,#222);opacity:var(--knob-rim-opacity,1);border-radius:500px;position:absolute;left:50%;transform:translate(-50%)}._well_1r4dy_41{height:var(--knob-well);background:var(--rams-surface,#eee);opacity:var(--knob-well-opacity,1);border-radius:40px;position:absolute;bottom:0;left:0;right:0}._button_1r4dy_52{bottom:var(--knob-button-bottom,3px);left:calc(50% - (var(--knob-size) / 2));width:var(--knob-size);height:var(--knob-size);transition:bottom var(--rams-duration) var(--rams-ease);position:absolute}._root_1r4dy_1:active ._button_1r4dy_52,._root_1r4dy_1[data-pressed=true] ._button_1r4dy_52{bottom:var(--knob-button-pressed-bottom,2px)}._root_1r4dy_1[data-pressed=true] ._shadow_1r4dy_66{box-shadow:.42px .42px .6px -1.25px #00000059,1.2px 1.2px 1.7px -1.88px #00000047,3px 3px 4.2px -2.5px #0000002e,6px 6px 8.5px -3.13px #0000001a}._root_1r4dy_1[data-pressed=true] ._pip_1r4dy_74{opacity:.35}._shadow_1r4dy_66{background:#fff;border-radius:500px;position:absolute;inset:0;box-shadow:.52px .52px .73px -.63px #00000071,1.32px 1.32px 1.87px -1.25px #0000006e,2.66px 2.66px 3.76px -1.88px #0000006a,5.03px 5.03px 7.12px -2.5px #00000061,10.01px 10.01px 14.15px -3.13px #00000050,22px 22px 31.11px -3.75px #00000026}._surface_1r4dy_92{border-radius:88px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 1px 1px 2px #fff9,inset -1px -1px 2px #00000080,inset 4px 4px 1px #ffffff0d}._root_1r4dy_1[data-tone=orange] ._surface_1r4dy_92{background:radial-gradient(100% 100% at 35.8% 29.3%,#ee4c08 0%,#ff793b 72.1153%,#fcfcfa 100%)}._root_1r4dy_1[data-tone=white] ._surface_1r4dy_92{background:var(--rams-pad-face)}._root_1r4dy_1[data-tone=white] ._shadow_1r4dy_66{background:var(--rams-knob-soft-core,#fff)}._root_1r4dy_1[data-tone=dark] ._surface_1r4dy_92{background:radial-gradient(100% 100% at 35.8% 29.3%,#1a1816 0%,#2f2c29 70%,#3a3632 100%);box-shadow:inset 1px 1px 1px #ffffff0f,inset -1px -1px 2px #0000008c,inset 2px 2px 1px #ffffff05}._root_1r4dy_1[data-tone=dark] ._shadow_1r4dy_66{background:#2a2724}._root_1r4dy_1[data-tone=dark] ._hiTop_1r4dy_139,._root_1r4dy_1[data-tone=dark] ._hiBottom_1r4dy_140,._root_1r4dy_1[data-tone=dark] ._mask_1r4dy_141{opacity:0}._root_1r4dy_1[data-tone=purple] ._surface_1r4dy_92{background:radial-gradient(100% 100% at 35.8% 29.3%,#4c1d95 0%,#7c3aed 58%,#8b5cf6 100%);box-shadow:inset 1px 1px 1px #ffffff1a,inset -1px -1px 2px #00000073,inset 2px 2px 1px #ffffff08}._root_1r4dy_1[data-tone=purple] ._shadow_1r4dy_66{background:#5b21b6}._root_1r4dy_1[data-tone=purple] ._hiTop_1r4dy_139{background:radial-gradient(120% 100% at 50% 0%, var(--knob-purple-spec-top,#ddccff47) 0%, transparent 70%);opacity:var(--knob-purple-spec-opacity,.22)}._root_1r4dy_1[data-tone=purple] ._hiBottom_1r4dy_140{background:radial-gradient(100% 100% at 50% 100%, var(--knob-purple-spec-bottom,#ddccff29) 0%, transparent 75%);opacity:var(--knob-purple-spec-bottom-opacity,.24)}._root_1r4dy_1[data-tone=purple] ._mask_1r4dy_141{opacity:.06}._root_1r4dy_1[data-tone=purple] ._maskGlow_1r4dy_185{background:var(--knob-purple-mask-glow,#ffffff1f)}._root_1r4dy_1[data-size=lg] ._hiTop_1r4dy_139{width:48px;height:34px}._root_1r4dy_1[data-size=lg] ._hiBottom_1r4dy_140{width:36px;height:12px;bottom:8px;right:8px}._root_1r4dy_1[data-size=lg] ._mask_1r4dy_141{width:64px;height:64px}._root_1r4dy_1[data-size=lg] ._maskGlow_1r4dy_185{filter:blur(8px);width:38px;height:30px}._hiTop_1r4dy_139{filter:blur(1px);opacity:.6;pointer-events:none;background:radial-gradient(120% 100% at 50% 0,#fffffff2 0%,#fff0 70%);border-radius:50%;width:27px;height:19px;position:absolute;top:1px;left:0}._hiBottom_1r4dy_140{filter:blur(1px);opacity:.63;pointer-events:none;background:radial-gradient(100% 100% at 50% 100%,#ffffff8c 0%,#fff0 75%);border-radius:50%;width:20px;height:7px;position:absolute;bottom:4px;right:4px;transform:rotate(169deg)}._mask_1r4dy_141{opacity:.2;pointer-events:none;border-radius:40px;width:36px;height:36px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}._maskGlow_1r4dy_185{filter:blur(5px);background:#fff;border-radius:500px;width:21px;height:17px;position:absolute;bottom:0;right:4px}._glyph_1r4dy_271{z-index:2;color:var(--grafito-purple,#8b4dff);pointer-events:none;place-items:center;line-height:0;display:grid;position:absolute;inset:0}._pip_1r4dy_74{top:-1px;left:calc(50% - (var(--knob-pip) / 2));width:var(--knob-pip);height:var(--knob-pip);pointer-events:none;background:#cfcfcf;border-radius:32px;position:absolute}._root_1r4dy_1[data-tone=purple] ._pip_1r4dy_74{display:none}._root_1r4dy_1:focus-visible{outline:2px solid color-mix(in srgb, var(--grafito-purple,#8b4dff) 55%, transparent);outline-offset:4px;border-radius:12px}._row_1r4dy_303{justify-content:center;align-items:center;gap:40px;width:max-content;display:flex}._root_59idr_1{--screen-w:100%;--screen-h:148px;--screen-radius:22px;--screen-bezel:5px;box-sizing:border-box;width:var(--screen-w);max-width:100%;height:var(--screen-h);border-radius:calc(var(--screen-radius) + 2px);background:var(--screen-rim);box-shadow:var(--screen-rim-shine);padding:3px}._bezel_59idr_17{box-sizing:border-box;width:100%;height:100%;padding:var(--screen-bezel);border-radius:var(--screen-radius);background:linear-gradient(145deg,#484848 0%,#1c1c1c 48%,#0c0c0c 100%);position:relative;box-shadow:inset 1px 1px #ffffff47,inset -1px -1px #0000008c,inset 2px 3px 4px #00000073,inset -1px -2px 3px #ffffff0a}._glass_59idr_39{box-sizing:border-box;border-radius:calc(var(--screen-radius) - var(--screen-bezel));background:linear-gradient(135deg,#303030 0%,#161616 38%,#080808 72%,#020202 100%);flex-direction:column;justify-content:center;width:100%;height:100%;padding:14px 16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,inset 1px 0 #ffffff0a,inset 0 0 20px #00000059,inset 2px 4px 10px #0000008c}._row_kkvvv_1{--row-h:88px;--screen-radius:22px;--control-size:44px;--controls-w:128px;grid-template-columns:minmax(0, 1fr) var(--controls-w);align-items:stretch;gap:0;width:100%;display:grid}._row_kkvvv_1[data-active=false]{opacity:1}._screen_kkvvv_17{width:100%;min-width:0;max-width:100%;height:var(--row-h);border-radius:calc(var(--screen-radius) + 2px) 0 0 calc(var(--screen-radius) + 2px)}._screen_kkvvv_17>div{border-radius:var(--screen-radius) 0 0 var(--screen-radius)}._screen_kkvvv_17>div>div{border-radius:calc(var(--screen-radius) - 5px) 0 0 calc(var(--screen-radius) - 5px)}._controls_kkvvv_34{box-sizing:border-box;width:var(--controls-w);height:var(--row-h);border-radius:0 calc(var(--screen-radius) + 2px) calc(var(--screen-radius) + 2px) 0;background:var(--rams-surface,#eee);box-shadow:var(--rams-controls-shine,0 1px 0 #ffffff8c inset, 0 -1px 0 #0000001f inset, 0 8px 18px #0000001f);justify-content:center;align-items:center;gap:14px;padding:0 14px;display:flex}._pad_kkvvv_54{width:var(--control-size);height:var(--control-size);flex-shrink:0}._rowKnob_kkvvv_60{--knob-size:44px;--knob-well:44px;--knob-rim:44px;--knob-root-w:44px;--knob-root-h:44px;--knob-button-bottom:0px;--knob-button-pressed-bottom:1px;--knob-rim-opacity:0;--knob-well-opacity:0;width:var(--control-size);height:var(--control-size);flex-shrink:0}._rowKnob_kkvvv_60>span:last-child{display:none}._content_kkvvv_80{z-index:1;flex-direction:column;justify-content:center;gap:6px;min-height:100%;display:flex}._category_kkvvv_89{color:color-mix(in srgb, var(--grafito-purple,#8b4dff) 55%, white);font-family:var(--rams-font);letter-spacing:.14em;text-transform:uppercase;transition:opacity .18s var(--rams-ease,ease);font-size:.62rem;font-weight:600;line-height:1.1}._category_kkvvv_89[data-visible=false]{opacity:0}._value_kkvvv_105{color:#fff;font-family:var(--rams-font);letter-spacing:.01em;text-shadow:0 1px #00000059;font-variant-numeric:tabular-nums;min-height:1.2em;transition:opacity .16s var(--rams-ease,ease), filter .16s var(--rams-ease,ease);font-size:clamp(.95rem,3.2vw,1.2rem);font-weight:600;line-height:1.15}._value_kkvvv_105[data-empty=true]{opacity:0}._value_kkvvv_105[data-scrambling=true]{letter-spacing:.04em;filter:brightness(1.18);text-shadow:0 0 10px color-mix(in srgb, var(--grafito-purple,#8b4dff) 35%, transparent), 0 1px 0 #00000059}._row_kkvvv_1[data-scrambling=true][data-active=true] ._category_kkvvv_89{animation:_categoryPulse_kkvvv_1 .42s var(--rams-ease,ease) infinite alternate}@keyframes _categoryPulse_kkvvv_1{0%{opacity:.72}to{opacity:1}}@media (width<=560px){._row_kkvvv_1{--row-h:104px;--screen-radius:24px;--control-size:52px;--controls-w:144px}._controls_kkvvv_34{gap:12px;padding:0 14px}._rowKnob_kkvvv_60{--knob-size:52px;--knob-well:52px;--knob-rim:52px;--knob-root-w:52px;--knob-root-h:52px}._content_kkvvv_80{gap:7px}._category_kkvvv_89{font-size:.68rem}._value_kkvvv_105{font-size:1.18rem}}._app_1xecz_1{--grafito-purple:#8b4dff;--grafito-shell:#fff;--grafito-ink:#1f1d1b;--grafito-muted:#6a6660;--grafito-panel:#eee;box-sizing:border-box;width:100%;min-height:100dvh;color:var(--grafito-ink);background:var(--grafito-panel);transition:background var(--rams-duration-slow) var(--rams-ease), color var(--rams-duration-slow) var(--rams-ease);place-items:center;padding:0;display:grid;overflow:hidden}._app_1xecz_1[data-theme=white]{--grafito-panel:#eee;background:#eee}._app_1xecz_1[data-theme=black]{--grafito-shell:#141312;--grafito-ink:#f2eee8;--grafito-muted:#a8a29a;--grafito-panel:#1d1b19;--rams-surface:#2a2724;--rams-surface-2:#221f1c;--rams-surface-pressed:#151312;--rams-cream:#3a3632;--rams-knob-soft:linear-gradient(180deg, #3a3632 0%, #2a2724 100%);--rams-knob-soft-ring:linear-gradient(180deg, #4a4540 0%, #1f1c19 100%);--rams-pad-face:radial-gradient(100% 100% at 35.8% 29.3%, #1a1816 0%, #2f2c29 70%, #3a3632 100%);--rams-pad-inset:inset 1px 1px 1px #ffffff0f, inset -1px -1px 2px #0000008c, inset 2px 2px 1px #ffffff05;--rams-pad-spec-top:#ffffff14;--rams-pad-spec-bottom:#ffffff0d;--rams-pad-spec-opacity:.14;--rams-pad-spec-bottom-opacity:.16;--rams-pad-mask-glow:#ffffff0f;--rams-controls-shine:0 1px 0 #ffffff0d inset, 0 -1px 0 #00000059 inset, 0 8px 18px #00000047;--knob-purple-spec-top:#ddccff38;--knob-purple-spec-bottom:#ddccff1f;--knob-purple-spec-opacity:.16;--knob-purple-spec-bottom-opacity:.18;--knob-purple-mask-glow:#ffffff14;--rams-key-face:linear-gradient(180deg, #3f3b36 0%, #2f2c29 18%, #1a1816 86%, #12100e 100%);--rams-key-cap:#2f2c29;--rams-key-cap-hi:#4a4540;--rams-key-bloom:#3a3632;--rams-key-fill:linear-gradient(180deg, #35312d 0%, #2a2724 100%);--rams-key-fill-pressed:linear-gradient(180deg, #2a2724 0%, #1a1816 100%);--rams-key-highlight:#ffffff0f;--rams-frame-shine:0 1px 0 #ffffff0d inset, 0 -1px 0 #00000073 inset, 0 10px 24px #00000059, 0 2px 4px #00000040;--screen-rim:linear-gradient(145deg, #3a3632 0%, #2a2724 42%, #1a1816 100%);--screen-rim-shine:inset 1px 1px 0 #ffffff0d, inset -1px -1px 0 #00000073, 0 1px 0 #ffffff05, 0 8px 18px #00000059, 0 2px 4px #00000040;background:#1d1b19}._app_1xecz_1[data-theme=color]{--grafito-purple:#8b4dff;--grafito-shell:#ffe566;--grafito-ink:#1f1d1b;--grafito-muted:#7a6a20;--grafito-panel:#ffe14a;--rams-surface:#ffe98a;--rams-surface-2:#ffd84a;--rams-surface-pressed:#f0c73a;--rams-cream:#fff3a8;--rams-knob-soft:linear-gradient(180deg, #fff6c2 0%, #ffe566 100%);--rams-knob-soft-ring:linear-gradient(180deg, #fffadf 0%, #ffd84a 100%);--rams-knob-soft-core:#fff3a8;--rams-pad-face:radial-gradient(100% 100% at 35.8% 29.3%, #e8bf2a 0%, #ffe98a 58%, #fff6c2 100%);--rams-key-face:linear-gradient(180deg, #fffadf 0%, #ffe98a 18%, #e8bf2a 86%, #d4a816 100%);--rams-key-cap:#ffe98a;--rams-key-cap-hi:#fff6c2;--rams-key-bloom:#fff3a8;--rams-key-fill:linear-gradient(180deg, #fff1a0 0%, #ffe566 100%);--rams-key-fill-pressed:linear-gradient(180deg, #ffe566 0%, #f0c73a 100%);--rams-key-highlight:#fffadf;--screen-rim:linear-gradient(145deg, #fff6c2 0%, #ffe98a 42%, #e8bf2a 100%);--screen-rim-shine:inset 1px 1px 0 #ffffff8c, inset -1px -1px 0 #785a002e, 0 1px 0 #ffffff59, 0 8px 18px #966e0024, 0 2px 4px #785a0014;background:#ffe566}._stageSlot_1xecz_142{max-width:100%;max-height:100%;position:relative}._shell_1xecz_153{--side-col:88px;transform-origin:50%;will-change:transform;flex-direction:column;gap:32px;display:flex;position:absolute;top:50%;left:50%}._header_1xecz_165{justify-content:space-between;align-items:center;gap:16px;display:flex}._brand_1xecz_172{align-items:center;margin:0;line-height:0;display:flex}._logo_1xecz_179{-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;height:44px;display:block}._app_1xecz_1[data-theme=black] ._logo_1xecz_179{filter:invert()}._lang_1xecz_191{width:var(--side-col);justify-content:flex-end;align-items:center;display:flex}._variables_1xecz_198{flex-direction:column;gap:18px;display:flex}._footer_1xecz_204{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}._themeBlock_1xecz_211{flex-direction:column;gap:10px;min-width:0;display:flex}._themeLabels_1xecz_218{width:216px;font-family:var(--rams-font);letter-spacing:.1em;color:color-mix(in srgb, var(--grafito-purple) 70%, var(--grafito-muted));grid-template-columns:repeat(3,1fr);padding-inline:4px;font-size:.55rem;font-weight:600;display:grid}._themeLabels_1xecz_218 span{text-align:center;opacity:.55;transition:opacity var(--rams-duration) var(--rams-ease)}._themeLabels_1xecz_218 span[data-active=true]{opacity:1;color:var(--grafito-purple)}._rocker_1xecz_241{--rocker-key-h:72px;--rocker-key-w:67px;--rocker-well-h:76px;--rocker-well-w:208px;--rocker-scale:.545455;border-radius:16px;padding:2px}._generate_1xecz_252{flex-shrink:0}@media (width<=560px){._shell_1xecz_153{--side-col:92px;gap:26px}._header_1xecz_165{gap:12px}._logo_1xecz_179{height:56px}._variables_1xecz_198{gap:16px}._footer_1xecz_204{align-items:flex-end;gap:12px}._themeLabels_1xecz_218{width:216px;font-size:.6rem}._rocker_1xecz_241{--rocker-key-h:88px;--rocker-key-w:67px;--rocker-well-h:92px;--rocker-well-w:208px;--rocker-scale:.666667;border-radius:18px;padding:3px}._generate_1xecz_252[data-size=lg]{--knob-size:88px;--knob-well:96px;--knob-rim:92px;--knob-root-w:96px;--knob-root-h:108px;--knob-pip:9px}}