*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--alu-50: #fafafa;--alu-100: #f2f2f2;--alu-200: #e6e6e6;--alu-300: #d4d4d4;--alu-400: #c2c2c2;--alu-500: #b0b0b0;--alu-600: #9e9e9e;--alu-700: #8c8c8c;--alu-800: #6e6e6e;--oled-bg: #000;--oled-text: #f8f8f8;--oled-dim: #6b6b6b;--accent: #f26522;--accent-hover: #ff7a3d;--accent-glow: rgba(242, 101, 34, .35);--accent-subtle: rgba(242, 101, 34, .08);--red: #ff3b30;--red-glow: rgba(255, 59, 48, .4);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", ui-monospace, "Menlo", "Cascadia Code", monospace}html,body{height:100%;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:linear-gradient(180deg,#fdfdfd,#f4f4f4 40%,#ebebeb);display:flex;align-items:center;justify-content:center;min-height:100vh}.app{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;perspective:1400px}.tp7-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px;min-height:100vh;width:100%;padding:48px 24px;transition:background .4s var(--ease-out)}.tp7-wrapper.dark-mode{background:linear-gradient(180deg,#1a1a1a,#121212,#0a0a0a)}.tp7-device{display:flex;align-items:stretch;position:relative;filter:drop-shadow(0 60px 120px rgba(0,0,0,.12)) drop-shadow(0 16px 48px rgba(0,0,0,.08)) drop-shadow(0 4px 16px rgba(0,0,0,.05));transition:filter .5s var(--ease-out),transform .5s var(--ease-out)}.tp7-device:hover{filter:drop-shadow(0 70px 140px rgba(0,0,0,.14)) drop-shadow(0 20px 56px rgba(0,0,0,.1)) drop-shadow(0 6px 20px rgba(0,0,0,.06));transform:translateY(-2px)}.tp7-chassis{position:relative;width:370px;min-height:520px;background:linear-gradient(168deg,#d8d8d8,#d0d0d0 15%,#c8c8c8 40%,#c4c4c4,#c8c8c8 80%,#d0d0d0 95%,#d4d4d4);border-radius:var(--radius-xl);border:.5px solid var(--alu-500);box-shadow:inset 0 .5px #ffffffe6,inset 0 -.5px #0000000a;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s var(--ease-out)}.tp7-chassis:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.012'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.tp7-chassis.drag-over{box-shadow:inset 0 .5px #ffffffe6,0 0 0 2.5px var(--accent),0 0 24px var(--accent-glow)}.tp7-chassis.recording{box-shadow:inset 0 .5px #ffffffe6,0 0 0 1.5px #ff3b3040,0 0 32px #ff3b300f}.tp7-upper{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 10px;position:relative;z-index:2}.tp7-model{font-size:14px;font-weight:600;letter-spacing:.8px;color:var(--alu-700);font-family:var(--font-sans)}.tp7-upper-left{display:flex;flex-direction:column;gap:12px}.tp7-mic-hole{width:5px;height:5px;border-radius:50%;background:#999;box-shadow:inset 0 1px 2px #0006;margin-left:2px}.display-panel{width:auto}.oled-screen{background:var(--oled-bg);border-radius:var(--radius-sm);padding:8px 12px;min-width:120px;min-height:46px;display:flex;flex-direction:column;justify-content:center;gap:2px;box-shadow:inset 0 1.5px 5px #000000f2,inset 0 0 2px #000,0 .5px #ffffff40;border:.5px solid #111}.oled-title{font-family:var(--font-sans);font-size:11px;font-weight:700;color:var(--oled-text);letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:96px}.oled-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.oled-time{font-family:var(--font-mono);font-size:10.5px;font-weight:400;color:#fff9;letter-spacing:.1px}.oled-track-num{font-family:var(--font-sans);font-size:8px;font-weight:600;color:var(--oled-text);background:#ffffff1a;padding:2px 5px;border-radius:3px;border:.5px solid rgba(255,255,255,.15)}.oled-status-line{font-family:var(--font-mono);font-size:8px;color:#ffffff59;letter-spacing:.2px;margin-top:1px}.oled-vol{font-size:6px;letter-spacing:.5px;opacity:.7}.oled-error{font-family:var(--font-sans);font-size:9px;color:var(--red)}.oled-screen.oled-recording{box-shadow:inset 0 1.5px 5px #000000f2,inset 0 0 2px #000,0 0 8px #ff3b301f;border-color:#ff3b3040}.oled-rec-title{color:var(--red)!important;display:flex;align-items:center;gap:5px}.rec-indicator{color:var(--red);font-size:7px;animation:pulse-rec 1.2s ease-in-out infinite}.oled-rec-time{color:#ff7878d9!important}.tp7-reel-section{display:flex;align-items:center;justify-content:center;padding:4px 0 8px;position:relative;z-index:2;flex:1}.reel-container{position:relative;display:flex;align-items:center;justify-content:center}.reel-svg{cursor:grab;-webkit-user-select:none;user-select:none;transition:filter .25s var(--ease-out)}.reel-svg:hover{filter:brightness(1.015) contrast(1.01)}.reel-svg:active,.reel-svg.scratching{cursor:grabbing;filter:brightness(.98) contrast(1.02)}.reel-svg.tape-stopped{filter:brightness(.95) saturate(.85)}.tp7-lower{background:linear-gradient(180deg,#d0d0d0,#c8c8c8 30%,#c4c4c4 70%,#c8c8c8);border-top:none;margin-top:4px;box-shadow:0 -2px #0000000a,inset 0 1px #ffffff80;padding:14px 16px 16px;position:relative;z-index:2;border-top:1px solid rgba(0,0,0,.08)}.transport-controls{display:flex;gap:5px;align-items:stretch}.transport-btn{flex:1;height:56px;border:none;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--alu-200) 0%,var(--alu-300) 25%,var(--alu-400) 75%,var(--alu-300) 100%);box-shadow:0 2.5px 0 var(--alu-600),0 4px 10px #0000001a,inset 0 1px #ffffffa6,inset 0 -.5px #00000008;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--alu-700);transition:all .06s ease;position:relative}.transport-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--alu-100) 0%,var(--alu-200) 25%,var(--alu-300) 75%,var(--alu-200) 100%);color:var(--alu-800)}.transport-btn:active:not(:disabled){box-shadow:0 .5px 0 var(--alu-600),0 1px 3px #00000014,inset 0 2px 6px #0000000f;transform:translateY(2px)}.transport-btn:disabled{opacity:.4;cursor:default}.transport-btn.active{box-shadow:0 .5px 0 var(--alu-600),0 1px 3px #00000014,inset 0 2px 6px #0000000f;transform:translateY(2px);color:var(--alu-800)}.rec-dot{width:11px;height:11px;border-radius:50%;background:var(--accent);transition:all .3s var(--ease-out)}.rec-dot.pulsing{animation:pulse-rec 1.2s ease-in-out infinite;background:var(--red);box-shadow:0 0 14px var(--red-glow)}.record-btn.recording{box-shadow:0 .5px 0 var(--alu-600),0 1px 3px #00000014,inset 0 2px 6px #0000000f;transform:translateY(2px)}.record-btn:disabled{opacity:.4}@keyframes pulse-rec{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.loop-btn.active{color:var(--accent)!important}.side-rocker{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:70px;margin-right:-1px;z-index:3;gap:0}.side-rocker.disabled{opacity:.35;pointer-events:none}.rocker-zone{width:20px;height:24px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--alu-600);padding:0;transition:color .12s ease}.rocker-zone:hover:not(:disabled){color:var(--alu-800)}.rocker-zone:disabled{cursor:default}.rocker-zone.active .rocker-arrow{color:var(--accent)}.rocker-arrow{opacity:.65}.rocker-track{width:7px;height:160px;background:linear-gradient(180deg,var(--alu-400) 0%,var(--alu-500) 50%,var(--alu-400) 100%);border-radius:3.5px;border:.5px solid var(--alu-600);box-shadow:inset 0 1px 4px #0000001f,.5px 0 1px #ffffff40;position:relative;display:flex;align-items:center;justify-content:center}.rocker-thumb{width:5px;height:24px;background:linear-gradient(180deg,var(--alu-200) 0%,var(--alu-400) 100%);border-radius:2.5px;border:.5px solid var(--alu-500);box-shadow:0 1px 3px #0000001f,inset 0 .5px #ffffff80}.rocker-label{font-size:6px;color:var(--alu-600);margin-top:6px;letter-spacing:.5px;font-weight:500}.rocker-pivot{width:8px;height:8px;border-radius:50%;background:linear-gradient(180deg,var(--alu-300) 0%,var(--alu-500) 100%);border:.5px solid var(--alu-600);box-shadow:inset 0 .5px #fff6,0 1px 2px #0000001a;margin-top:8px}.io-ports{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:54px;margin-left:-1px;gap:8px;z-index:3}.side-btn{width:26px;height:26px;border-radius:50%;border:.5px solid var(--alu-500);background:linear-gradient(180deg,var(--alu-200) 0%,var(--alu-400) 100%);box-shadow:0 2px 4px #0000001a,inset 0 .5px #ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--alu-700);font-size:9px;font-weight:700;transition:all .08s ease}.side-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--alu-100) 0%,var(--alu-300) 100%);transform:scale(1.05)}.side-btn:active:not(:disabled){transform:scale(.9);box-shadow:0 1px 2px #00000014,inset 0 1px 3px #00000014}.side-btn:disabled{cursor:default;opacity:.5}.m-btn{background:var(--accent);border-color:#d45a1a;color:#fff;font-size:9px;font-weight:800;letter-spacing:-.2px;box-shadow:0 2px 5px #f265224d,inset 0 .5px #ffffff40}.m-btn:hover:not(:disabled){background:var(--accent-hover)}.active-btn{box-shadow:0 0 0 2px var(--accent),0 2px 6px #f2652240!important}.knurled-dial{width:36px;height:48px;margin-top:80px;display:flex;align-items:center;justify-content:center;cursor:default}.knurled-dial.interactive{cursor:ns-resize}.dial-knurl{width:32px;height:44px;border-radius:5px;background:repeating-linear-gradient(90deg,var(--alu-500) 0px,var(--alu-400) 1px,var(--alu-300) 2px,var(--alu-400) 3px);border:.5px solid var(--alu-600);box-shadow:0 4px 12px #00000026,inset 0 .5px #fff3,inset 0 -.5px #00000014;position:relative;overflow:hidden}.dial-level{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,var(--accent-subtle) 0%,rgba(242,101,34,.2) 100%);border-top:1.5px solid var(--accent);transition:height .08s ease;pointer-events:none}.drop-hint{position:absolute;bottom:74px;left:50%;transform:translate(-50%);font-size:9px;color:var(--alu-600);letter-spacing:.2px;font-weight:400;pointer-events:none;opacity:.6}.drop-active{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);border-radius:var(--radius-xl);font-size:11px;color:var(--accent);font-weight:500;letter-spacing:.2px;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tape-stop-indicator{display:none}.dark-mode{background:linear-gradient(180deg,#1a1a1a,#131313,#0e0e0e)}.dark-mode .tp7-device{filter:drop-shadow(0 60px 120px rgba(0,0,0,.5)) drop-shadow(0 16px 48px rgba(0,0,0,.35)) drop-shadow(0 4px 16px rgba(0,0,0,.2))}.dark-mode .tp7-device:hover{filter:drop-shadow(0 70px 140px rgba(0,0,0,.55)) drop-shadow(0 20px 56px rgba(0,0,0,.4)) drop-shadow(0 6px 20px rgba(0,0,0,.25))}.dark-mode .tp7-chassis{background:linear-gradient(168deg,#3a3a3a,#2e2e2e 25%,#252525 55%,#2a2a2a 80%,#303030);border-color:#1a1a1a;box-shadow:inset 0 .5px #ffffff14,inset 0 -.5px #00000080}.dark-mode .tp7-chassis:before{opacity:.02}.dark-mode .tp7-model{color:#6a6a6a}.dark-mode .reel-svg{filter:brightness(.55) contrast(1.1) saturate(.8)}.dark-mode .reel-svg:hover{filter:brightness(.58) contrast(1.1) saturate(.8)}.dark-mode .reel-svg:active,.dark-mode .reel-svg.scratching{filter:brightness(.52) contrast(1.15) saturate(.75)}.dark-mode .reel-svg.tape-stopped{filter:brightness(.48) saturate(.7)}.dark-mode .tp7-lower{background:linear-gradient(180deg,#282828,#202020,#252525);border-top-color:#1a1a1a;box-shadow:inset 0 1px #ffffff08}.dark-mode .transport-btn{background:linear-gradient(180deg,#383838,#2c2c2c 40%,#303030);box-shadow:0 2.5px #0e0e0e,0 4px 10px #00000059,inset 0 1px #ffffff0d;color:#7a7a7a}.dark-mode .transport-btn:hover:not(:disabled){background:linear-gradient(180deg,#424242,#363636);color:#999}.dark-mode .transport-btn.active{color:var(--accent);box-shadow:0 .5px #0e0e0e,inset 0 2px 5px #00000040}.dark-mode .transport-btn:active:not(:disabled){box-shadow:0 .5px #0e0e0e,inset 0 2px 5px #00000040}.dark-mode .rocker-track{background:linear-gradient(180deg,#2e2e2e,#222);border-color:#181818}.dark-mode .rocker-thumb{background:linear-gradient(180deg,#4a4a4a,#353535);border-color:#1a1a1a}.dark-mode .rocker-zone{color:#555}.dark-mode .rocker-zone:hover:not(:disabled){color:#888}.dark-mode .rocker-label{color:#444}.dark-mode .side-btn{background:linear-gradient(180deg,#404040,#303030);border-color:#1a1a1a;color:#888;box-shadow:0 2px 4px #00000040,inset 0 .5px #ffffff0f}.dark-mode .side-btn:hover:not(:disabled){background:linear-gradient(180deg,#4a4a4a,#3a3a3a);color:#aaa}.dark-mode .dial-knurl{background:repeating-linear-gradient(90deg,#2a2a2a,#383838,#303030,#383838 3px);border-color:#1a1a1a;box-shadow:0 3px 8px #0000004d,inset 0 .5px #ffffff0d}.dark-mode .drop-hint{color:#4a4a4a}.dark-mode .drop-active{background:#f2652208}.dark-mode .oled-screen{box-shadow:inset 0 1.5px 5px #000000f2,inset 0 0 2px #000,0 .5px #ffffff0f;border-color:#0a0a0a}.track-list{width:370px;max-height:220px;overflow-y:auto;background:#ffffffa6;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-radius:var(--radius-lg);border:.5px solid var(--alu-400);box-shadow:0 4px 20px #0000000d,0 1px 4px #00000008;padding:12px}.dark-mode .track-list{background:#191919e6;border-color:#222;box-shadow:0 4px 20px #0003}.track-list-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px 8px;border-bottom:.5px solid var(--alu-300);margin-bottom:8px}.dark-mode .track-list-header{border-bottom-color:#333}.track-list-title{font-size:9px;font-weight:600;letter-spacing:1.2px;color:var(--alu-600);text-transform:uppercase}.dark-mode .track-list-title{color:#666}.track-list-count{font-size:9px;font-weight:600;color:var(--alu-600);background:var(--alu-200);padding:2px 7px;border-radius:10px}.dark-mode .track-list-count{background:#333;color:#888}.track-list-items{display:flex;flex-direction:column;gap:2px}.track-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius-md);cursor:pointer;transition:all .12s var(--ease-smooth)}.track-item:hover{background:#00000009}.dark-mode .track-item:hover{background:#ffffff09}.track-item.active{background:var(--accent-subtle)}.dark-mode .track-item.active{background:#f2652214}.track-item-indicator{width:20px;text-align:center;flex-shrink:0}.track-number{font-size:9px;font-weight:500;color:var(--alu-600);font-family:var(--font-mono)}.dark-mode .track-number{color:#555}.track-playing-icon{font-size:8px;color:var(--accent);animation:pulse-play 1.5s ease-in-out infinite}@keyframes pulse-play{0%,to{opacity:1}50%{opacity:.5}}.track-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.track-item-name{font-size:11px;font-weight:500;color:#3a3a3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-mode .track-item-name{color:#ccc}.track-item.active .track-item-name{color:#1a1a1a;font-weight:600}.dark-mode .track-item.active .track-item-name{color:#fff}.track-item-duration{font-size:9px;color:var(--alu-600);font-family:var(--font-mono)}.dark-mode .track-item-duration{color:#555}.track-item-waveform{flex-shrink:0;opacity:.5}.track-item.active .track-item-waveform{opacity:.8}.track-item-remove{width:20px;height:20px;border:none;background:transparent;color:var(--alu-500);font-size:15px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .12s ease;flex-shrink:0}.track-item:hover .track-item-remove{opacity:.7}.track-item-remove:hover{opacity:1!important;background:#ff3b3014;color:var(--red)}.add-media-btn{width:370px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffffa6;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-radius:var(--radius-lg);border:1.5px dashed var(--alu-400);cursor:pointer;color:var(--alu-700);font-size:12px;font-weight:500;font-family:var(--font-sans);letter-spacing:.2px;transition:all .15s var(--ease-out)}.add-media-btn:hover{border-color:var(--accent);color:var(--accent);background:#f265220a;transform:translateY(-1px);box-shadow:0 4px 12px #f2652214}.add-media-btn:active{transform:translateY(0);box-shadow:none}.dark-mode .add-media-btn{background:#191919e6;border-color:#3a3a3a;color:#888}.dark-mode .add-media-btn:hover{border-color:var(--accent);color:var(--accent);background:#f265220d}.sc-panel{width:370px;background:#ffffffa6;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-radius:var(--radius-lg);border:.5px solid var(--alu-400);box-shadow:0 4px 20px #0000000d,0 1px 4px #00000008;overflow:hidden}.sc-panel.dark{background:#191919e6;border-color:#222;box-shadow:0 4px 20px #0003}.sc-toggle{width:100%;padding:11px 14px;background:none;border:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;font-weight:600;color:#555;letter-spacing:.2px;transition:background .12s ease}.sc-panel.dark .sc-toggle{color:#999}.sc-toggle:hover{background:#00000006}.sc-panel.dark .sc-toggle:hover{background:#ffffff06}.sc-logo{font-size:16px;color:#f50}.sc-badge{margin-left:auto;font-size:9px;font-weight:600;background:var(--alu-200);padding:2px 7px;border-radius:10px;color:var(--alu-600)}.sc-panel.dark .sc-badge{background:#333;color:#888}.sc-body{padding:0 12px 14px;display:flex;flex-direction:column;gap:10px}.sc-search-bar{display:flex;gap:6px}.sc-input{flex:1;padding:8px 12px;border:.5px solid var(--alu-400);border-radius:var(--radius-md);background:#ffffffd9;font-size:11px;outline:none;font-family:inherit;transition:all .15s ease}.sc-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f2652214}.sc-panel.dark .sc-input{background:#323232d9;border-color:#3a3a3a;color:#eee}.sc-panel.dark .sc-input:focus{border-color:var(--accent)}.sc-search-btn{padding:8px 14px;border:.5px solid var(--alu-400);border-radius:var(--radius-md);background:var(--alu-200);cursor:pointer;font-size:14px;color:#555;transition:all .1s ease}.sc-search-btn:hover{background:var(--alu-100);transform:scale(1.02)}.sc-search-btn:disabled{opacity:.4;cursor:default;transform:none}.sc-panel.dark .sc-search-btn{background:#3a3a3a;border-color:#444;color:#ccc}.sc-error{font-size:10px;color:var(--red);padding:2px 0}.sc-results{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sc-track{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius-md);cursor:pointer;transition:all .1s var(--ease-smooth)}.sc-track:hover{background:#00000009;transform:translate(2px)}.sc-panel.dark .sc-track:hover{background:#ffffff09}.sc-track-art{width:36px;height:36px;border-radius:5px;overflow:hidden;flex-shrink:0;background:var(--alu-200);box-shadow:0 1px 3px #00000014}.sc-panel.dark .sc-track-art{background:#2a2a2a}.sc-track-art img{width:100%;height:100%;object-fit:cover}.sc-track-art-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--alu-500)}.sc-track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sc-track-title{font-size:11px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-panel.dark .sc-track-title{color:#ddd}.sc-track-artist{font-size:9px;color:var(--alu-600)}.sc-panel.dark .sc-track-artist{color:#666}.sc-track-duration{font-size:9px;color:var(--alu-600);font-family:var(--font-mono);flex-shrink:0}.sc-loading{font-size:12px;animation:spin .8s linear infinite;color:var(--accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sc-setup{font-size:10px;color:#666;line-height:1.7}.sc-setup code{display:block;background:var(--alu-200);padding:8px 12px;border-radius:var(--radius-md);margin:8px 0;font-size:10px;font-family:var(--font-mono)}.sc-panel.dark .sc-setup{color:#999}.sc-panel.dark .sc-setup code{background:#2a2a2a;color:#ddd}.sc-hint{font-size:9px;color:#999;margin-top:4px}.track-list::-webkit-scrollbar,.sc-results::-webkit-scrollbar{width:4px}.track-list::-webkit-scrollbar-track,.sc-results::-webkit-scrollbar-track{background:transparent}.track-list::-webkit-scrollbar-thumb,.sc-results::-webkit-scrollbar-thumb{background:var(--alu-400);border-radius:2px}.dark-mode .track-list::-webkit-scrollbar-thumb,.dark-mode .sc-results::-webkit-scrollbar-thumb{background:#444}::selection{background:#f2652226;color:inherit}@media (max-width: 520px){.tp7-wrapper{padding:24px 12px;gap:16px}.tp7-device{flex-direction:column;align-items:center}.side-rocker,.io-ports{display:none}.tp7-chassis{width:100%;max-width:370px;border-radius:var(--radius-lg)}.reel-svg{width:220px!important;height:220px!important}.transport-btn{height:48px}.track-list,.sc-panel,.add-media-btn{width:100%;max-width:370px}.tp7-upper{padding:14px 16px 8px}.tp7-lower{padding:12px 12px 14px}}@media (max-width: 380px){.tp7-chassis{border-radius:var(--radius-md)}.reel-svg{width:180px!important;height:180px!important}.oled-screen{min-width:100px;padding:6px 8px}.tp7-model{font-size:12px}}