@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@500;600;700&family=JetBrains+Mono:wght@500;600;700&family=Share+Tech+Mono&display=swap";@import "https://cdn.jsdelivr.net/npm/dseg@0.46.0/css/dseg.css";:root{--bg:#07090d;--bg-panel:#0f141c;--bg-elevated:#171e28;--border:#7896be24;--border-strong:#8caad247;--text:#eef3fa;--text-muted:#8b9cb3;--accent:#4db0ff;--accent-2:#3ee0a0;--accent-soft:#4db0ff29;--focus:#6fc0ff;--odo-fg:#e8f3ff;--radius:18px;--shadow:0 30px 80px #00000073;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--bg);font-family:Barlow,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{background:radial-gradient(1000px 520px at 8% -8%,#4db0ff24,#0000 55%),radial-gradient(800px 480px at 92% 8%,#3ee0a012,#0000 50%),radial-gradient(700px 500px at 50% 110%,#2846782e,#0000 55%),linear-gradient(#0a0e14 0%,#07090d 100%);min-height:100dvh}html.is-cluster-fullscreen,body.is-cluster-fullscreen{overscroll-behavior:none;background:#05070b!important;height:100%!important;overflow:hidden!important}body.is-cluster-fullscreen #root{height:100dvh;overflow:hidden}html.is-cluster-fullscreen .tabs,html.is-cluster-fullscreen .controls,html.is-cluster-fullscreen .preview__header,html.is-cluster-fullscreen .preview__album-hint,html.is-cluster-fullscreen .pump-preview__caption{visibility:hidden!important;pointer-events:none!important}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.shell{flex-direction:column;min-height:100dvh;display:flex}.tabs{padding:max(.85rem, env(safe-area-inset-top)) max(1.35rem, env(safe-area-inset-right)) 0 max(1.35rem, env(safe-area-inset-left));z-index:5;gap:.45rem;display:flex}.tabs__btn{appearance:none;border:1px solid var(--border-strong);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#0f141cb8;border-radius:999px;padding:.55rem 1.15rem;font-family:Barlow Condensed,Barlow,sans-serif;font-size:.95rem;font-weight:600;transition:color .18s,background .18s,border-color .18s,transform .18s}.tabs__btn:hover{color:var(--text);border-color:#4db0ff73}.tabs__btn.is-active{color:#061018;background:linear-gradient(135deg, var(--accent), #7ad0ff);border-color:#0000;box-shadow:0 8px 24px #4db0ff47}.tabs__btn:active{transform:translateY(1px)}.app{min-height:0;padding:1rem 1.35rem 1.35rem;padding:1rem max(1.35rem, env(safe-area-inset-right)) max(1.35rem, env(safe-area-inset-bottom)) max(1.35rem, env(safe-area-inset-left));flex:1;grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:stretch;gap:1.35rem;animation:.55s both app-in;display:grid}@keyframes app-in{0%{opacity:0}to{opacity:1}}.controls{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(160deg,#ffffff09,#0000 40%),linear-gradient(165deg,#121925,#0b1017 78%);flex-direction:column;gap:1.35rem;padding:1.85rem 1.55rem;display:flex;position:relative;overflow:hidden}.controls:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent);opacity:.75;width:100%;height:2px;position:absolute;inset:0 auto auto 0}.controls__header{flex-direction:column;gap:.35rem;display:flex}.controls__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0;font-family:Barlow Condensed,Barlow,sans-serif;font-size:.78rem;font-weight:600}.controls__title{letter-spacing:.06em;margin:0;font-family:Barlow Condensed,Barlow,sans-serif;font-size:2.35rem;font-weight:700;line-height:1}.controls__subtitle{color:var(--text-muted);margin:.45rem 0 0;font-size:.95rem;line-height:1.45}.controls__field{flex-direction:column;gap:.6rem;display:flex}.controls__label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-family:Barlow Condensed,Barlow,sans-serif;font-size:.88rem;font-weight:600}.controls__input-wrap{position:relative}.controls__input{border:1px solid var(--border-strong);background:linear-gradient(180deg, #ffffff08, transparent), var(--bg-elevated);width:100%;color:var(--text);letter-spacing:.08em;border-radius:12px;outline:none;padding:1.05rem 3.2rem 1.05rem 1.1rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.45rem;font-weight:600;transition:border-color .18s,box-shadow .18s,background-color .18s,transform .18s}.controls__input::placeholder{color:#5a6b80}.controls__input:hover{border-color:#3d5168}.controls__input:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--accent-soft), 0 12px 30px #00000047;background:#1a2530;transform:translateY(-1px)}.controls__unit-badge{letter-spacing:.12em;color:var(--text-muted);pointer-events:none;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.controls__current{border:1px solid var(--border);color:var(--text-muted);background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:.95rem 1.05rem;font-size:.92rem;display:flex}.controls__current strong{color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.05rem;font-weight:600}.controls__live{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);align-items:center;gap:.4rem;font-family:Barlow Condensed,sans-serif;font-size:.78rem;font-weight:700;display:inline-flex}.controls__live:before{content:"";background:var(--accent-2);width:7px;height:7px;box-shadow:0 0 10px var(--accent-2);border-radius:50%;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.controls__presets{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.controls__preset{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.02em;white-space:nowrap;cursor:pointer;background:#ffffff05;border-radius:9px;padding:.55rem .25rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;font-weight:600;transition:border-color .15s,color .15s,background .15s,transform .15s}.controls__preset:hover{color:var(--text);background:var(--accent-soft);border-color:#4db0ff73;transform:translateY(-1px)}.controls__preset.is-active{color:var(--text);background:var(--accent-soft);border-color:#4db0ff8c}.controls__hints{border-top:1px solid var(--border);color:var(--text-muted);flex-direction:column;gap:.5rem;margin:auto 0 0;padding:.9rem 0 0;font-size:.84rem;list-style:none;display:flex}.controls__hints li{padding-left:.95rem;position:relative}.controls__hints li:before{content:"";background:var(--accent);opacity:.7;border-radius:50%;width:5px;height:5px;position:absolute;top:.55em;left:0}.preview{flex-direction:column;gap:.75rem;min-width:0;animation:.65s 80ms both app-in;display:flex}.preview__header{justify-content:space-between;align-items:center;gap:.85rem;padding:0 .2rem;display:flex}.preview__heading{flex-direction:column;gap:.2rem;min-width:0;display:flex}.preview__title{letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.15rem;font-weight:700}.preview__hint{color:var(--text-muted);margin:0;font-size:.84rem}.preview__fullscreen-btn{z-index:4;color:var(--text);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080c12b8;border:1px solid #a0bee647;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-family:Barlow Condensed,sans-serif;font-size:.82rem;font-weight:700;transition:border-color .15s,background .15s,transform .15s;display:inline-flex;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 24px #00000059}.preview__fullscreen-icon{flex:none;width:1rem;height:1rem;display:block}.preview__fullscreen-btn:hover{background:#0c1420e0;border-color:#4db0ff8c}.preview__fullscreen-btn:active{transform:scale(.97)}.preview__fullscreen-btn[aria-pressed=true]{color:var(--accent-2);background:#0a1812d1;border-color:#3ee0a08c}.preview__stage.is-fullscreen .preview__fullscreen-btn,.preview__stage.is-immersive .preview__fullscreen-btn{top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right))}.preview__album-hint{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.35;display:none}.preview__stage{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:radial-gradient(700px 360px at 50% 40%,#3c6eb41f,#0000 60%),linear-gradient(#10161f,#080b10);flex:1;justify-content:center;align-items:center;min-height:0;padding:1.1rem;display:flex;position:relative;overflow:hidden}.preview__stage:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff08 50%,#0000 60%);animation:7s ease-in-out infinite sheen;position:absolute;inset:0}.preview__stage.is-fullscreen,.preview__stage.is-immersive{z-index:9999;box-shadow:none;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));background:#05070b;border:none;border-radius:0;justify-content:center;align-items:center;aspect-ratio:auto!important;width:100dvw!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;display:flex!important;position:fixed!important;inset:0!important}.preview__stage.is-fullscreen .dashboard,.preview__stage.is-immersive .dashboard{aspect-ratio:16/9;width:min(100%,177.778dvh - 2.66667rem);max-width:100%;height:auto;max-height:calc(100dvh - 1.5rem);margin:0 auto;position:relative;top:auto;left:auto;transform:none}@keyframes sheen{0%,to{opacity:.25;transform:translate(-8%)}50%{opacity:.55;transform:translate(8%)}}.dashboard{aspect-ratio:16/9;filter:drop-shadow(0 24px 40px #00000073);flex-shrink:0;width:100%;max-width:1280px;position:relative;overflow:hidden;container-type:inline-size}.dashboard__image{object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cluster-clock{pointer-events:none;z-index:2;letter-spacing:.12em;color:#9eb4cc;white-space:nowrap;justify-content:center;align-items:center;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.7rem,2.2cqw,1.2rem);font-weight:700;line-height:1;display:flex;position:absolute}.odometer{pointer-events:none;z-index:2;box-sizing:border-box;justify-content:center;align-items:center;gap:clamp(.45rem,1.15vw,.9rem);max-width:100%;padding:0 clamp(.35rem,.75vw,.6rem);display:flex;position:absolute;overflow:hidden}.odo-unit{letter-spacing:.06em;color:#7eb6ff;white-space:nowrap;flex:none;margin-left:.15em;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.45rem,1.4cqw,.72rem);font-weight:700;line-height:1}.odo-value{text-align:right;min-width:0;font-family:JetBrains Mono,Courier New,monospace;font-size:calc(clamp(.7rem, 2.6cqw, 1.35rem) * var(--odo-scale,1));letter-spacing:.02em;color:#e8f3ff;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 0 8px #50a0ff59;text-overflow:clip;flex:0 auto;padding-right:.1em;font-weight:700;line-height:1;overflow:hidden}.preview__stage.is-fullscreen .odometer,.preview__stage.is-immersive .odometer{gap:clamp(.55rem,2.2cqw,1.05rem);padding:0 clamp(.4rem,1.5cqw,.7rem);overflow:hidden}.preview__stage.is-fullscreen .odo-unit,.preview__stage.is-immersive .odo-unit{margin-left:.2em;font-size:clamp(.5rem,1.8cqw,.85rem)}.preview__stage.is-fullscreen .odo-value,.preview__stage.is-immersive .odo-value{font-size:calc(clamp(.65rem, 2.4cqw, 1.25rem) * var(--odo-scale,1));letter-spacing:.01em}@media (width<=960px){.app{padding:.85rem;padding:.65rem max(.85rem, env(safe-area-inset-right)) max(.85rem, env(safe-area-inset-bottom)) max(.85rem, env(safe-area-inset-left));grid-template-columns:1fr;gap:.85rem}.controls{order:2;gap:1rem;padding:1.25rem 1.1rem}.preview{order:1}.controls__title{font-size:1.9rem}.controls__subtitle{font-size:.88rem}.controls__input{padding:.95rem 3rem .95rem 1rem;font-size:1.25rem}.controls__presets{grid-template-columns:repeat(2,1fr)}.controls__preset{padding:.7rem .35rem;font-size:.8rem}.controls__hints{display:none}.preview__header{align-items:center}.preview__hint{display:none}.preview__album-hint{display:block}.preview__stage{aspect-ratio:16/9;width:100%;min-height:0;padding:.45rem}.dashboard{width:100%;max-width:none;height:100%}}@media (width<=520px){.controls__current{flex-wrap:wrap;gap:.5rem}.preview__fullscreen-btn{padding:.5rem .75rem;font-size:.78rem}.odo-value{font-size:calc(clamp(.85rem, 3.6cqw, 1.45rem) * var(--odo-scale,1))}.odo-unit{font-size:clamp(.45rem,2cqw,.75rem)}}@media (width<=960px) and (orientation:landscape){.app{padding:.45rem;padding:.35rem max(.45rem, env(safe-area-inset-right)) max(.45rem, env(safe-area-inset-bottom)) max(.45rem, env(safe-area-inset-left));flex:1;grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:stretch;gap:.55rem;min-height:0}.controls{order:0;gap:.75rem;max-height:calc(100dvh - .9rem);padding:.85rem .75rem;overflow:auto}.preview{order:0;min-height:0}.controls__header .controls__subtitle,.controls__hints,.controls__presets,.controls__eyebrow,.preview__album-hint{display:none}.controls__title{font-size:1.35rem}.preview__stage{aspect-ratio:auto;height:calc(100dvh - 3.2rem);min-height:calc(100dvh - 3.2rem);padding:.35rem}.preview__stage.is-fullscreen,.preview__stage.is-immersive{height:100dvh;min-height:100dvh}.dashboard{aspect-ratio:16/9;width:min(100%,177.778dvh - 5.68889rem);max-width:100%;height:auto;max-height:calc(100dvh - 3.2rem)}.preview__stage.is-fullscreen .dashboard,.preview__stage.is-immersive .dashboard{width:min(100%,177.778dvh - 2.22222rem);max-height:calc(100dvh - 1.25rem)}}@media (width<=960px) and (orientation:portrait){.preview__stage.is-fullscreen,.preview__stage.is-immersive{overflow:hidden;padding:0!important}.preview__stage.is-fullscreen .dashboard,.preview__stage.is-immersive .dashboard{aspect-ratio:16/9;transform-origin:50%;filter:none;width:min(100dvh,177.778dvw);max-width:none;height:auto;max-height:100dvw;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.preview__stage.is-fullscreen .preview__fullscreen-btn,.preview__stage.is-immersive .preview__fullscreen-btn{top:max(.65rem, env(safe-area-inset-top));right:max(.65rem, env(safe-area-inset-right));z-index:10}}@media (width<=960px){.tabs{padding:max(.65rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) 0 max(.75rem, env(safe-area-inset-left));gap:.35rem}.tabs__btn{text-align:center;flex:1;padding:.5rem .75rem;font-size:.88rem}}.controls__live.is-on{color:#3ee0a0}.controls__live.is-on:before{background:#3ee0a0;animation:1.1s ease-in-out infinite live-pulse;box-shadow:0 0 8px #3ee0a0b3}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.pump-actions{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.pump-actions__btn{appearance:none;border:1px solid var(--border-strong);letter-spacing:.06em;cursor:pointer;border-radius:12px;padding:.85rem .4rem;font-family:Barlow Condensed,Barlow,sans-serif;font-size:1rem;font-weight:700;transition:transform .15s,opacity .15s,filter .15s}.pump-actions__btn:disabled{opacity:.45;cursor:not-allowed}.pump-actions__btn:not(:disabled):active{transform:translateY(1px)}.pump-actions__btn--start{color:#06140c;background:linear-gradient(#7dffb0,#2ecf70);border-color:#2ecf708c}.pump-actions__btn--stop{color:#fff5f5;background:linear-gradient(#ff7a7a,#d62828);border-color:#d628288c}.pump-actions__btn--reset{color:var(--text);background:linear-gradient(#2a3545,#1a222e)}.pump-preview{min-height:0}.pump-stage{flex-direction:column;gap:1rem}.pump{filter:drop-shadow(0 28px 50px #0000008c);flex:0 auto;width:min(100%,560px);position:relative}.preview__stage.is-fullscreen .pump,.preview__stage.is-immersive .pump{width:min(92vw,720px);max-width:100%;max-height:calc(100dvh - 2.5rem)}.preview__stage.is-fullscreen.pump-stage,.preview__stage.is-immersive.pump-stage{justify-content:center;align-items:center;overflow:hidden}.preview__stage.is-fullscreen .pump__bezel,.preview__stage.is-immersive .pump__bezel{box-sizing:border-box;width:100%;max-width:100%}.preview__stage.is-fullscreen .pump__panel,.preview__stage.is-immersive .pump__panel{min-width:0;overflow:hidden}.preview__stage.is-fullscreen .pump__lcd,.preview__stage.is-immersive .pump__lcd{min-height:2.7rem;font-size:clamp(1.25rem,4.2vw,2.2rem);overflow:hidden}.preview__stage.is-fullscreen .pump__label,.preview__stage.is-immersive .pump__label{min-height:2.7rem;font-size:clamp(.85rem,2.4vw,1.15rem)}.preview__stage.is-fullscreen .pump__btn,.preview__stage.is-immersive .pump__btn{width:clamp(3.6rem,12vw,5.2rem);min-height:2.7rem;font-size:clamp(.78rem,2.2vw,1.02rem)}.pump__bezel{background:linear-gradient(160deg,#ffffff29,#0000 35%),linear-gradient(#3d6eb8 0%,#2b5494 42%,#234782 100%);border:2px solid #1a3a6e;border-radius:10px;grid-template-columns:1fr auto;gap:.85rem;padding:1.55rem 1.15rem 1.25rem;display:grid;position:relative;box-shadow:inset 0 2px #ffffff38,inset 0 -3px 8px #00000040,0 0 0 1px #00000040}.pump__lock{background:radial-gradient(circle at 40% 35%,#d8dde6,#8b93a3 55%,#5c6472);border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:.55rem;left:50%;box-shadow:inset 0 1px 1px #fff9,0 1px 2px #00000059}.pump__lock:after{content:"";background:linear-gradient(135deg,#2a303a,#11151c);border:1px solid #282d378c;border-radius:50%;position:absolute;inset:4px}.pump__panel{background:linear-gradient(#f4f1e8 0%,#e8e4d8 100%);border:2px solid #c9c4b4;border-radius:4px;flex-direction:column;gap:.55rem;padding:.85rem .75rem;display:flex;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #0000000a,0 2px 6px #0000002e}.pump__row{grid-template-columns:5.8rem 1fr;align-items:center;gap:.55rem;display:grid}.pump__label{color:#1a1a1a;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#f3ecc0,#e6d98a);border:1px solid #c8b86a;border-radius:3px;justify-content:center;align-items:center;min-height:2.55rem;padding:.35rem .25rem;font-family:Barlow Condensed,Barlow,sans-serif;font-size:clamp(.85rem,2.4vw,1.05rem);font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff8c}.pump__lcd{color:#111;letter-spacing:.06em;text-shadow:0 0 1px #0000004d;background:linear-gradient(#1a1c1a,#0d0f0d);border:1px solid #333;border-radius:3px;justify-content:flex-end;align-items:center;min-height:2.55rem;padding:.35rem .65rem;font-family:DSEG7 Classic,Share Tech Mono,JetBrains Mono,monospace;font-size:clamp(1.35rem,4.2vw,2.05rem);font-weight:400;line-height:1;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #0000008c,inset 0 -1px #ffffff0f}.pump__lcd:before{content:"";pointer-events:none;background:linear-gradient(#b4c3a038,#8ca07814 40%,#00000026);position:absolute;inset:0}.pump__lcd{color:#0a1208;background:linear-gradient(#aabe8c59,#0000 50%),linear-gradient(#c5d4a8,#a8b888);border-color:#6a7850}.pump-stage.is-running .pump__lcd{animation:2.4s ease-in-out infinite lcd-flicker}@keyframes lcd-flicker{0%,to{filter:brightness()}48%{filter:brightness(1.04)}52%{filter:brightness(.97)}}.pump__buttons{flex-direction:column;justify-content:center;gap:.55rem;padding-top:.35rem;display:flex}.pump__btn{appearance:none;color:#111;letter-spacing:.04em;cursor:pointer;background:linear-gradient(#f7f7f7,#dcdcdc);border:2px solid #111;border-radius:4px;width:4.6rem;min-height:2.65rem;padding:.45rem .25rem;font-family:Barlow Condensed,Barlow,sans-serif;font-size:.95rem;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:inset 0 1px #fff,0 2px #0a0a0a,0 3px 4px #00000040}.pump__btn:disabled{opacity:.55;cursor:not-allowed}.pump__btn:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 1px #fff,0 0 #0a0a0a,0 1px 2px #00000040}.pump__btn--start{color:#0b6b2e}.pump__btn--stop{color:#c01010}.pump__btn--reset{color:#1a3a6e}.pump__nozzle{pointer-events:none;opacity:.9;width:72px;height:54px;position:absolute;bottom:-1.6rem;right:-.35rem}.pump__hose{background:linear-gradient(90deg,#1a1a1a,#3a3a3a 45%,#111);border-radius:6px;width:10px;height:46px;position:absolute;bottom:28px;right:28px;transform:rotate(28deg);box-shadow:0 4px 8px #00000059}.pump__grip{background:linear-gradient(160deg,#4a4a4a,#1c1c1c);border-radius:6px 10px 8px 4px;width:38px;height:22px;position:absolute;bottom:4px;right:8px;box-shadow:0 3px 6px #0006}.pump-stage.is-running .pump__hose{animation:.9s ease-in-out infinite hose-pulse}@keyframes hose-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}.pump-preview__caption{color:var(--text-muted);text-align:center;margin:0;font-size:.92rem}@media (width<=720px){.pump__bezel{gap:.55rem;padding:1.35rem .7rem 1rem}.pump__row{grid-template-columns:5rem 1fr;gap:.4rem}.pump__btn{width:3.7rem;min-height:2.35rem;font-size:.82rem}.pump__nozzle{display:none}.pump-actions{grid-template-columns:1fr}.pump-preview__caption{display:none}}@media (width<=960px){.app--pump .pump-stage{aspect-ratio:auto;width:100%;min-height:min(52vw,320px)}.app--pump .pump{width:100%;max-width:520px}.app--pump .controls__subtitle{display:none}}@media (width<=960px) and (orientation:landscape){.app--pump .controls__hints,.app--pump .controls__eyebrow,.app--pump .controls__presets,.app--pump .pump-preview__caption,.app--pump .preview__album-hint{display:none}.app--pump{grid-template-columns:minmax(160px,220px) minmax(0,1fr);min-height:calc(100dvh - 3.2rem)}.app--pump .pump-stage{aspect-ratio:auto;height:calc(100dvh - 3.8rem);min-height:calc(100dvh - 3.8rem)}.app--pump .controls{max-height:calc(100dvh - 3.8rem)}.shell .tabs{flex-shrink:0}}@media (width<=960px) and (orientation:portrait){.preview__stage.is-fullscreen.pump-stage .pump,.preview__stage.is-immersive.pump-stage .pump{transform-origin:50%;filter:none;width:min(92dvh,720px);max-width:none;max-height:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.preview__stage.is-fullscreen.pump-stage .pump__bezel,.preview__stage.is-immersive.pump-stage .pump__bezel{gap:.65rem;padding:1.4rem 1rem 1.1rem}.preview__stage.is-fullscreen.pump-stage .pump__row,.preview__stage.is-immersive.pump-stage .pump__row{grid-template-columns:5.2rem minmax(0,1fr);gap:.45rem}.preview__stage.is-fullscreen.pump-stage .pump__lcd,.preview__stage.is-immersive.pump-stage .pump__lcd{min-height:2.7rem;padding:.35rem .6rem;font-size:clamp(1.25rem,4.5dvh,2rem)}.preview__stage.is-fullscreen.pump-stage .pump__label,.preview__stage.is-immersive.pump-stage .pump__label{min-height:2.7rem;font-size:clamp(.9rem,2.8dvh,1.15rem)}.preview__stage.is-fullscreen.pump-stage .pump__btn,.preview__stage.is-immersive.pump-stage .pump__btn{width:4.4rem;min-height:2.6rem;font-size:.9rem}.preview__stage.is-fullscreen.pump-stage .pump__nozzle,.preview__stage.is-immersive.pump-stage .pump__nozzle{display:none}}@media (width<=960px) and (orientation:landscape){.preview__stage.is-fullscreen.pump-stage .pump,.preview__stage.is-immersive.pump-stage .pump{width:min(78vw,100dvh - 1.5rem,680px);max-height:calc(100dvh - 1.25rem)}.preview__stage.is-fullscreen.pump-stage .pump__lcd,.preview__stage.is-immersive.pump-stage .pump__lcd{min-height:2.4rem;font-size:clamp(1.1rem,3.8vh,1.85rem)}.preview__stage.is-fullscreen.pump-stage .pump__label,.preview__stage.is-immersive.pump-stage .pump__label{min-height:2.4rem}.preview__stage.is-fullscreen.pump-stage .pump__btn,.preview__stage.is-immersive.pump-stage .pump__btn{width:3.8rem;min-height:2.35rem;font-size:.8rem}.preview__stage.is-fullscreen.pump-stage .pump__nozzle,.preview__stage.is-immersive.pump-stage .pump__nozzle{display:none}}