.lcd-container[data-v-094cdcc5]{width:100%;height:100%;background:#000;border-radius:8px;padding:8px;box-shadow:inset 0 0 0 1px #333}.lcd-screen[data-v-094cdcc5]{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr auto;gap:8px;height:100%;font-family:Roboto Mono,monospace;color:#f40}.main-display[data-v-094cdcc5]{display:flex;flex-direction:column;justify-content:center;border-right:1px solid #333;gap:8px}.label[data-v-094cdcc5]{font-size:.8rem;color:#666;font-weight:600;letter-spacing:1px;margin-bottom:0;padding-left:6px}.bpm-value[data-v-094cdcc5]{font-size:5.5rem;font-weight:700;line-height:.85;letter-spacing:-4px;color:#f40;text-shadow:0 0 4px rgba(255,68,0,.8),0 0 8px rgba(255,68,0,.4)}.input-mode[data-v-094cdcc5]{animation:blink-094cdcc5 .5s step-end infinite}.tempo-term[data-v-094cdcc5]{font-size:.8rem;color:#666;text-transform:uppercase;font-weight:600;letter-spacing:1px;padding-left:6px}.side-info[data-v-094cdcc5]{display:flex;flex-direction:column;justify-content:space-between;padding-top:8px;gap:8px}.info-group[data-v-094cdcc5]{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.info-group.meter[data-v-094cdcc5]{gap:8px}.value-box[data-v-094cdcc5]{font-size:1.8rem;font-weight:700;line-height:1;text-shadow:0 0 3px rgba(255,68,0,.7),0 0 6px rgba(255,68,0,.4)}.value-text[data-v-094cdcc5]{font-size:1.2rem;font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 0 3px rgba(255,68,0,.7),0 0 6px rgba(255,68,0,.4)}.icon-box img[data-v-094cdcc5]{width:44px;height:44px;filter:invert(36%) sepia(98%) saturate(7473%) hue-rotate(2deg) brightness(105%) contrast(105%) drop-shadow(0 0 3px rgba(255,68,0,.7)) drop-shadow(0 0 6px rgba(255,68,0,.4))}.beat-strip[data-v-094cdcc5]{grid-column:1 / -1;display:flex;gap:6px;height:8px;align-items:flex-end;padding-top:8px}.beat-dot[data-v-094cdcc5]{flex:1;height:4px;background:#333;border-radius:1px}.beat-dot.active[data-v-094cdcc5]{background:#f40;height:8px;box-shadow:0 0 4px #ff4400e6,0 0 8px #ff440080}.beat-dot.accent.active[data-v-094cdcc5]{background:#0f0;box-shadow:0 0 4px #00ff00e6,0 0 8px #00ff0080}.beat-dot.count-in.active[data-v-094cdcc5]{background:#fc0;box-shadow:0 0 4px #ffcc00e6,0 0 8px #ffcc0080}@keyframes blink-094cdcc5{50%{opacity:0}}@media (max-width: 480px){.bpm-value[data-v-094cdcc5]{font-size:4.5rem}.tempo-term[data-v-094cdcc5]{font-size:.95rem}.value-box[data-v-094cdcc5]{font-size:1.6rem}.icon-box img[data-v-094cdcc5]{width:38px;height:38px}}.te-btn[data-v-27e4a246]{border:none;background:var(--button-bg);color:var(--button-text);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .08s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 0 var(--button-active-border),inset 0 0 0 transparent;font-family:inherit}.te-btn[data-v-27e4a246]:active{transform:translateY(2px);box-shadow:0 2px 0 var(--button-active-border),inset 0 1px 2px #0000001a}.te-btn.toggle-btn[data-v-27e4a246]{width:64px;height:64px;border-radius:8px;flex-direction:column;gap:6px;font-size:.7rem;font-weight:700;padding:8px}.icon[data-v-27e4a246]{width:20px;height:20px}.fader-unit[data-v-dc3b203b]{flex:1;display:flex;flex-direction:column;align-items:stretch;user-select:none}.label[data-v-dc3b203b]{font-size:.6rem;color:var(--text-secondary);margin-bottom:8px;font-weight:600;letter-spacing:1px;text-align:center}.fader-track-container[data-v-dc3b203b]{position:relative;height:64px;display:flex;align-items:center;background:#00000008;border-radius:8px;padding:0 12px}.fader-track[data-v-dc3b203b]{position:absolute;left:12px;right:12px;top:50%;height:6px;background:var(--gray-800);border-radius:3px;transform:translateY(-50%);box-shadow:0 1px #fff3}.fader-ticks[data-v-dc3b203b]{position:absolute;inset:0 12px;display:flex;justify-content:space-between;z-index:1;pointer-events:none}.tick-zone[data-v-dc3b203b]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;pointer-events:auto}.tick-mark[data-v-dc3b203b]{width:2px;height:12px;background:var(--text-tertiary);margin-bottom:28px}.tick-label[data-v-dc3b203b]{position:absolute;bottom:6px;font-size:.6rem;color:var(--text-secondary);font-weight:600;transition:color .2s}.tick-label.active[data-v-dc3b203b]{color:var(--primary-color);font-weight:800}.fader-cap[data-v-dc3b203b]{position:absolute;top:50%;width:32px;height:48px;background:var(--button-bg);border-radius:4px;transform:translateY(-50%);box-shadow:0 4px 8px var(--button-shadow),0 2px 4px #0000001a;z-index:10;display:flex;flex-direction:column;align-items:center;padding:4px 0;pointer-events:auto;cursor:grab;touch-action:none}.fader-cap.dragging[data-v-dc3b203b]{cursor:grabbing}.fraction-numerator[data-v-dc3b203b],.fraction-denominator[data-v-dc3b203b]{line-height:1;font-size:1rem;font-weight:1000;color:var(--primary-color);transform:translateY(1px)}.cap-line[data-v-dc3b203b]{width:100%;height:4px;background:var(--primary-color);box-shadow:inset 0 1px 1px #0000004d;flex-shrink:0;margin-top:2px}@media (max-width: 480px){.fader-track-container[data-v-dc3b203b]{height:56px}.cap-line[data-v-dc3b203b]{margin-top:4px}}.tempo-cluster[data-v-2e78238e]{display:flex;align-items:center;gap:16px}.tap-wrapper[data-v-2e78238e]{display:flex;flex-direction:column;align-items:center;gap:8px}.zone-label[data-v-2e78238e]{font-size:.6rem;color:var(--text-tertiary);letter-spacing:2px;font-weight:700}.te-btn[data-v-2e78238e]{border:none;background:var(--button-bg);color:var(--button-text);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .08s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 0 var(--button-active-border),inset 0 0 0 transparent;font-family:inherit;touch-action:none;user-select:none}.te-btn[data-v-2e78238e]:active{transform:translateY(2px);box-shadow:0 2px 0 var(--button-active-border),inset 0 1px 2px #0000001a}.te-btn.square[data-v-2e78238e]{border-radius:8px}.te-btn.square.huge[data-v-2e78238e]{width:72px;height:72px}.te-btn.circle[data-v-2e78238e]{border-radius:50%;touch-action:auto}.te-btn.circle.medium[data-v-2e78238e]{width:68px;height:68px;font-weight:800;font-size:1rem;letter-spacing:1px}.icon[data-v-2e78238e]{width:24px;height:24px;pointer-events:none}.icon.large[data-v-2e78238e]{width:32px;height:32px}.ring-overlay[data-v-2e78238e]{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:9999}.ring-svg[data-v-2e78238e]{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.ring-fade-enter-active[data-v-2e78238e],.ring-fade-leave-active[data-v-2e78238e]{transition:opacity .2s ease}.ring-fade-enter-from[data-v-2e78238e],.ring-fade-leave-to[data-v-2e78238e]{opacity:0}@media (max-width: 480px){.te-btn.square.huge[data-v-2e78238e]{width:64px;height:64px}}.te-btn[data-v-78fe173e]{border:none;background:var(--button-bg);color:var(--button-text);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .1s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 0 var(--button-active-border),inset 0 0 0 transparent;font-family:inherit}.te-btn[data-v-78fe173e]:active{transform:translateY(2px);box-shadow:0 2px 0 var(--button-active-border),inset 0 1px 2px #0000001a}.te-btn.toggle-btn[data-v-78fe173e]{width:64px;height:64px;border-radius:8px;flex-direction:column;gap:6px;font-size:.7rem;font-weight:700;padding:8px}.te-btn.toggle-btn.active[data-v-78fe173e]{background:var(--button-bg);color:var(--primary-color)}.te-btn.spacebar[data-v-78fe173e]{flex:1;height:64px;background:var(--primary-color);color:var(--on-primary);border-radius:8px;font-size:1.4rem;font-weight:900;letter-spacing:3px;box-shadow:0 4px 0 var(--primary-dark),inset 0 0 0 transparent;transition:all .1s cubic-bezier(.4,0,.2,1)}.te-btn.spacebar[data-v-78fe173e]:active{transform:translateY(2px);box-shadow:0 2px 0 var(--primary-dark),inset 0 1px 2px #0003}.te-btn.spacebar.playing[data-v-78fe173e]{background:var(--button-bg);color:var(--primary-color);box-shadow:0 4px 0 var(--button-active-border),inset 0 0 0 transparent}.te-btn.spacebar.playing[data-v-78fe173e]:active{transform:translateY(2px);box-shadow:0 2px 0 var(--button-active-border),inset 0 1px 2px #0003}.led[data-v-78fe173e]{width:8px;height:8px;background:var(--led-off);border-radius:50%;box-shadow:inset 0 1px 2px #0003;transition:background-color 0s .08s,box-shadow 0s .08s}.led.on[data-v-78fe173e]{background:var(--led-amber);box-shadow:0 0 6px var(--led-amber)}.panel-container[data-v-65f94966]{display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px;height:100%;font-family:Roboto Mono,monospace;gap:32px}.creative-zone[data-v-65f94966]{display:flex;justify-content:center;align-items:flex-end;width:100%}.core-zone[data-v-65f94966]{display:flex;justify-content:center;flex:1;align-items:center}.transport-zone[data-v-65f94966]{display:flex;gap:16px;align-items:stretch;height:72px}@media (max-width: 480px){.panel-container[data-v-65f94966]{padding:16px;gap:20px}}.app-container[data-v-b788202f]{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--background);position:fixed;top:0;left:0;padding:16px}.device-layout[data-v-b788202f]{display:flex;flex-direction:column;height:100%;gap:16px;max-width:480px;margin:0 auto;width:100%}.lcd-section[data-v-b788202f]{flex:0 0 40%;display:flex;flex-direction:column;min-height:200px}.button-section[data-v-b788202f]{flex:1;display:flex;flex-direction:column;overflow-y:auto}:root{--te-orange: #ff5800;--te-off-white: #e4e4e4;--te-dark-grey: #2a2a2a;--te-black: #111111;--te-lcd-bg: #1a1818;--te-lcd-active: #ff5800;--te-lcd-inactive: #2d2a2a;--primary-color: var(--te-orange);--primary-light: #ff7a33;--primary-dark: #cc4600;--on-primary: #ffffff;--success: #33ff00;--warning: #ffcc00;--error: #ff3333;--gray-50: #f5f5f5;--gray-100: #ebebeb;--gray-200: #e0e0e0;--gray-300: #d6d6d6;--gray-400: #999999;--gray-500: #666666;--gray-600: #444444;--gray-700: #333333;--gray-800: #222222;--gray-900: #111111;--surface: var(--te-off-white);--surface-elevated: #f0f0f0;--surface-overlay: rgba(228, 228, 228, .95);--on-surface: var(--te-black);--on-surface-variant: var(--gray-600);--background: var(--te-off-white);--background-secondary: #d0d0d0;--text-primary: var(--te-black);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-disabled: var(--gray-400);--text-inverse: #ffffff;--border-light: rgba(0, 0, 0, .05);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .2);--shadow-color: 0 0 0;--shadow-strength: .1;--shadow-sm: 0 1px 3px rgb(var(--shadow-color) / var(--shadow-strength));--shadow-md: 0 4px 6px -1px rgb(var(--shadow-color) / var(--shadow-strength)), 0 2px 4px -2px rgb(var(--shadow-color) / calc(var(--shadow-strength) * .8));--shadow-lg: 0 10px 15px -3px rgb(var(--shadow-color) / var(--shadow-strength)), 0 4px 6px -4px rgb(var(--shadow-color) / calc(var(--shadow-strength) * .8));--shadow-xl: 0 20px 25px -5px rgb(var(--shadow-color) / var(--shadow-strength));--shadow-inner: inset 0 2px 4px 0 rgb(var(--shadow-color) / .05);--glow-primary: 0 0 24px rgb(37 99 235 / .35);--glow-success: 0 0 24px rgb(34 197 94 / .35);--radius-sm: 4px;--radius-md: 8px;--radius-lg: clamp(10px, 2vw, 12px);--radius-xl: clamp(14px, 3vw, 16px);--radius-2xl: clamp(20px, 4vw, 24px);--radius-full: 9999px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Roboto Mono", "Courier New", monospace;--font-mono: "Roboto Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.45, 0, .15, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--container-max: 480px;--header-height: 60px;--control-panel-height: auto;--lcd-bg: var(--te-lcd-bg);--lcd-text: var(--te-lcd-inactive);--lcd-text-active: var(--te-lcd-active);--lcd-segment-off: var(--te-lcd-inactive);--lcd-glow: rgba(255, 88, 0, .2);--case-bg: var(--te-off-white);--case-border: #bbbbbb;--case-highlight: #ffffff;--case-shadow: rgba(0, 0, 0, .1);--button-bg: #f0f0f0;--button-border: #cccccc;--button-text: #111111;--button-active-bg: #e0e0e0;--button-active-border: #bbbbbb;--button-highlight: #ffffff;--button-shadow: rgba(0, 0, 0, .1);--led-red: #ff3333;--led-red-glow: rgba(255, 51, 51, .4);--led-green: #33ff00;--led-green-glow: rgba(51, 255, 0, .4);--led-amber: #ff5800;--led-amber-glow: rgba(255, 88, 0, .4);--led-off: #333333;--device-width: min(420px, 90vw);--device-height: min(600px, 85vh);--lcd-height: 60%;--button-panel-height: 40%}@media (prefers-color-scheme: dark){:root{--te-off-white: #1e1e1e;--te-black: #eeeeee;--surface: #1e1e1e;--surface-elevated: #2a2a2a;--surface-overlay: rgba(30, 30, 30, .95);--on-surface: #eeeeee;--on-surface-variant: #aaaaaa;--background: #111111;--background-secondary: #1a1a1a;--text-primary: #eeeeee;--text-secondary: #aaaaaa;--text-tertiary: #666666;--text-disabled: #444444;--border-light: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--case-bg: #1e1e1e;--case-border: #333333;--case-highlight: rgba(255, 255, 255, .05);--case-shadow: rgba(0, 0, 0, .5);--button-bg: #2d2d2d;--button-border: #404040;--button-text: #eeeeee;--button-active-bg: #252525;--button-active-border: #333333;--button-highlight: rgba(255, 255, 255, .08);--button-shadow: rgba(0, 0, 0, .4);--led-off: #332222}}@media (max-width: 480px){:root{--space-4: 12px;--space-6: 20px;--space-8: 28px;--text-5xl: 2.5rem}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-mono);background:var(--background);color:var(--text-primary);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;overflow-x:hidden;line-height:1.5;min-height:100vh}a{color:var(--primary-color);text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;outline:none}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;font-size:inherit;border:none;outline:none;background:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:1.5rem;text-align:center;margin-bottom:var(--spacing-unit)}.card{background:var(--surface);backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-md);padding:calc(var(--spacing-unit) * 1.5);contain:layout style paint;content-visibility:auto}.hardware-device{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-variant);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::selection{background:var(--primary-color);color:var(--on-primary)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px;border-radius:var(--radius-sm);transition:outline-offset var(--transition-fast) var(--ease-smooth)}.no-select{user-select:none;-webkit-user-select:none}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fas,.far,.fab{font-family:"Font Awesome 6 Free","Font Awesome 6 Brands";font-weight:900}.animated,.transition-transform,.transition-all{will-change:transform;transform:translateZ(0);backface-visibility:hidden}button,a,.interactive{touch-action:manipulation}@media (max-width: 480px){html{font-size:14px}h1{font-size:min(5vw,1.5rem)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(-20px);opacity:0}.scale-enter-active,.scale-leave-active{transition:all .2s ease}.scale-enter-from,.scale-leave-to{transform:scale(.95);opacity:0}.expand-enter-active,.expand-leave-active{transition:all .3s ease-out;overflow:hidden}.expand-enter-from,.expand-leave-to{max-height:0;opacity:0}.expand-enter-to,.expand-leave-from{max-height:500px;opacity:1}.list-enter-active,.list-leave-active{transition:all .3s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(-30px)}.list-move{transition:transform .3s ease}.bounce-enter-active{animation:bounce-in .5s}.bounce-leave-active{animation:bounce-in .5s reverse}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s ease-in-out}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes fadeInSpring{0%{opacity:0;transform:translateY(24px) scale(.92)}60%{opacity:1;transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.spring-enter-active{animation:fadeInSpring .5s var(--ease-spring)}@keyframes ripple{to{transform:scale(4);opacity:0}}.button-ripple{position:relative;overflow:hidden}.button-ripple:after{content:"";position:absolute;inset:50% 50% auto auto;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;background:currentColor;opacity:0;pointer-events:none}.button-ripple:active:after{animation:ripple .6s var(--ease-out)}@keyframes hoverFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.hover-float:hover{animation:hoverFloat 1.5s ease-in-out infinite}@keyframes beatPulse{0%{transform:scale(1);box-shadow:0 0 0 0 var(--primary-color)}50%{transform:scale(1.08);box-shadow:var(--glow-primary)}to{transform:scale(1);box-shadow:0 0 0 0 var(--primary-color)}}.beat-pulse{animation:beatPulse .3s var(--ease-out)}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:var(--radius-md)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}