@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Bebas+Neue&family=JetBrains+Mono:wght@400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--surface: #0d0d0d;--border: #2a2a2a;--red-rgb: 255, 45, 32;--red: rgb(var(--red-rgb));--accent: var(--red);--accent2: rgba(var(--red-rgb), .7);--text: #cccccc;--text-muted: #555555;--radius: 4px;--lock: #d9a441;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh;-webkit-user-select:none;user-select:none}.app{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.app.workspace{max-width:1500px;padding:1rem 1.5rem 1.5rem}.app-header{position:relative;overflow:hidden;text-align:center;margin-bottom:3rem;animation:signalLock .8s cubic-bezier(.2,.8,.2,1) both}.app.workspace .app-header{display:flex;align-items:center;gap:1rem;text-align:left;margin-bottom:1rem;padding-bottom:.7rem;border-bottom:1px solid #1c1c1c}.app.workspace .logo{font-size:1.5rem;gap:.5rem}.app.workspace .logo-mark{width:26px;height:26px}.app.workspace .tagline{margin-top:.15rem;font-size:.68rem}.header-right{margin-left:auto;display:flex;align-items:center;gap:1.1rem}.app.workspace .account-rail{margin:0;min-height:0}.preset-readout{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red);white-space:nowrap}.hud .preset-readout{font:inherit;letter-spacing:inherit;color:inherit}.app-header:after{content:"";position:absolute;left:-10%;right:-10%;top:-10%;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--red-rgb),.6),transparent);animation:scanSweep .9s ease-out .05s both;pointer-events:none}@keyframes signalLock{0%{opacity:0;filter:blur(4px);transform:translateY(-6px)}8%{opacity:1;filter:blur(.5px);transform:translateY(0)}12%{opacity:.2}16%{opacity:1}20%{opacity:.3;transform:translate(2px)}24%{opacity:1;transform:translate(-1px)}28%{opacity:1;transform:translate(0);filter:blur(0)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes scanSweep{0%{top:-10%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:110%;opacity:0}}.logo{font-family:Bebas Neue,sans-serif;font-size:2.5rem;font-weight:400;letter-spacing:.15em;color:#fff;text-shadow:none;display:flex;align-items:center;justify-content:center;gap:.75rem}.logo-mark{width:48px;height:48px;object-fit:contain;opacity:.9;flex-shrink:0}.logo-mark:last-child{margin-left:-.15em}.logo span{color:var(--red)}.logo-home{display:flex;align-items:center;gap:inherit;background:none;border:none;padding:0;font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}.logo-home:hover .glitch-text{text-shadow:2px 0 rgba(var(--red-rgb),.7),-2px 0 rgba(255,255,255,.25)}.logo-home:focus-visible{outline:1px solid rgba(var(--red-rgb),.7);outline-offset:4px}.glitch-text{position:relative;display:inline-block;text-shadow:1px 0 rgba(var(--red-rgb),.45),-1px 0 rgba(255,255,255,.15)}.tagline{color:var(--text-muted);margin-top:.5rem;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase}.upload-form{display:flex;flex-direction:column;gap:1rem;animation:riseIn .5s cubic-bezier(.2,.8,.2,1) .15s both}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.camera-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:.85rem;padding:.65rem 1rem;cursor:pointer;width:100%;transition:border-color .2s,color .2s}.camera-btn:hover{border-color:var(--accent);color:var(--text);animation:btnJitter .3s steps(4) 1}@keyframes btnJitter{0%{transform:translate(0)}25%{transform:translate(-1px)}50%{transform:translate(1px)}75%{transform:translate(-1px)}to{transform:translate(0)}}.drop-zone{position:relative;border:2px dashed var(--border);border-radius:var(--radius);min-height:280px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,box-shadow .2s;overflow:hidden;background:var(--surface)}.drop-zone:hover{border-color:var(--accent);box-shadow:0 0 0 1px rgba(var(--red-rgb),.15),0 0 24px rgba(var(--red-rgb),.15)}.drop-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(var(--red-rgb),.06) 45%,rgba(var(--red-rgb),.06) 55%,transparent 100%);transform:translateY(-100%);animation:idleScan 5s ease-in-out infinite;animation-delay:1.2s;pointer-events:none}@keyframes idleScan{0%{transform:translateY(-100%);opacity:0}8%{opacity:.6}50%{transform:translateY(100%);opacity:.6}60%{opacity:0}to{opacity:0;transform:translateY(100%)}}.drop-zone.dragging{border-color:var(--red);border-style:solid;animation:dropShake .25s linear infinite;box-shadow:0 0 0 2px rgba(var(--red-rgb),.3),0 0 32px rgba(var(--red-rgb),.35)}@keyframes dropShake{0%{transform:translate(1px,-1px)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,2px)}75%{transform:translate(-1px,-2px)}to{transform:translate(1px,1px)}}.corner{position:absolute;width:22px;height:22px;border:2px solid rgba(255,255,255,.4);transition:border-color .2s,filter .2s;pointer-events:none}.c-tl{top:10px;left:10px;border-right:none;border-bottom:none}.c-tr{top:10px;right:10px;border-left:none;border-bottom:none}.c-bl{bottom:10px;left:10px;border-right:none;border-top:none}.c-br{bottom:10px;right:10px;border-left:none;border-top:none}.drop-zone:hover .corner,.drop-zone.dragging .corner{border-color:var(--red);filter:drop-shadow(0 0 6px rgba(var(--red-rgb),.6))}.drop-main{font-weight:700;font-size:.95rem;letter-spacing:.2em;color:#ddd}.awaiting{margin-top:1.1rem;font-size:.68rem;letter-spacing:.3em;color:rgba(var(--red-rgb),.65)}.drop-hint{text-align:center;color:var(--text-muted)}.drop-icon{display:flex;justify-content:center;color:var(--text-muted);margin-bottom:.75rem}.drop-sub{font-size:.75rem;margin-top:.4rem}.glitch-workspace{display:grid;grid-template-columns:minmax(262px,300px) minmax(0,1fr) minmax(262px,300px);gap:1.25rem;align-items:start}.rail{background:#060606;border:1px solid #262626;border-radius:3px;padding:1rem .9rem 1.1rem;display:flex;flex-direction:column;gap:1.1rem;font-family:var(--font-mono)}.console-display{position:sticky;top:1rem;background:#050505;border:1px solid #262626;border-radius:2px;padding:.8rem;display:flex;flex-direction:column;gap:.7rem;font-family:var(--font-mono)}.result-img{border-radius:var(--radius);border:1px solid var(--border)}.canvas-wrapper{position:relative;overflow:hidden;display:flex;justify-content:center}.canvas-wrapper canvas{max-width:100%;max-height:calc(100vh - 200px);width:auto;height:auto;display:block;border-radius:4px}.transport{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.transport-group{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.download-wrap{position:relative}.format-picker{position:absolute;bottom:calc(100% + 6px);left:0;background:#141414;border:1px solid #2e2e2e;border-radius:5px;overflow:hidden;z-index:10;min-width:100%;box-shadow:0 6px 16px #0009}.fmt-option{display:block;width:100%;background:transparent;color:var(--text);border:none;font-family:inherit;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:.5rem 1rem;cursor:pointer;text-align:left;transition:background .15s}.fmt-option:hover{background:#333}.console-btn.primary{border-color:rgba(var(--red-rgb),.5);color:#fff}.console-btn.primary:hover{border-color:var(--red);box-shadow:0 0 10px rgba(var(--red-rgb),.3),inset 0 1px #ffffff0a}.console-btn.recording{border-color:var(--red);color:#fff;box-shadow:0 0 10px rgba(var(--red-rgb),.4);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fullscreen-btn{position:absolute;bottom:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#0000008c;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);color:#888;cursor:pointer;opacity:0;transition:opacity .15s,color .15s}.canvas-wrapper:hover .fullscreen-btn{opacity:1}.fullscreen-btn:hover{color:#fff}.canvas-wrapper:fullscreen{background:#000;width:100vw;height:100vh}.canvas-wrapper:fullscreen canvas{max-width:none;max-height:none;width:100%;height:100%;object-fit:cover}.canvas-wrapper:fullscreen .fullscreen-btn{opacity:1;bottom:16px;right:16px}.screw{position:absolute;width:14px;height:14px;border:1px solid rgba(var(--red-rgb),.5);pointer-events:none}.s-tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.s-tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.s-bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.s-br{bottom:-1px;right:-1px;border-left:none;border-top:none}.console-btn{background:transparent;color:var(--text-muted);border:1px solid #2a2a2a;border-radius:2px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .7rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4em;transition:border-color .15s,color .15s}.console-btn:before{content:"[";opacity:.5}.console-btn:after{content:"]";opacity:.5}.console-btn:hover{border-color:rgba(var(--red-rgb),.6);color:var(--text)}.console-btn:active{transform:translateY(1px)}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem;min-width:0}.chip-row-tight{margin-bottom:.9rem}.console-section>.chip-row-tight:last-child{margin-bottom:0}.chip{background:transparent;color:var(--text-muted);border:1px solid #262626;border-radius:2px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;padding:.32rem .65rem;cursor:pointer;transition:border-color .15s,color .15s,box-shadow .15s}.chip:before{content:"[";opacity:.4;margin-right:.35em}.chip:after{content:"]";opacity:.4;margin-left:.35em}.chip:hover{border-color:#555;color:var(--text)}.chip.active{color:#fff;border-color:var(--red);box-shadow:0 0 8px rgba(var(--red-rgb),.3)}.chip.active:before,.chip.active:after{opacity:1;color:var(--red)}.console-section{min-width:0}.console-section+.console-section{border-top:1px solid #232323;padding-top:1rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.9rem}.section-head .console-section-title{margin-bottom:0}@media (max-width: 1100px){.glitch-workspace{grid-template-columns:minmax(0,1fr)}.console-display{order:-1;top:0;z-index:20}.canvas-wrapper canvas{max-height:38vh}.knob-row{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.mobile-tabs{display:flex;flex-wrap:wrap;gap:.35rem;padding-top:.2rem}.rail{display:contents}.console-section{background:#060606;border:1px solid #262626;border-radius:3px;padding:1rem .9rem 1.1rem;font-family:var(--font-mono)}.console-section+.console-section{border-top:1px solid #262626;padding-top:1rem}.glitch-workspace[data-tab=tone] .console-section:not(.sec-tone),.glitch-workspace[data-tab=warp] .console-section:not(.sec-warp),.glitch-workspace[data-tab=corrupt] .console-section:not(.sec-corrupt),.glitch-workspace[data-tab=presets] .console-section:not(.sec-presets):not(.sec-saved){display:none}.console-display{position:static}}@media (min-width: 1101px){.mobile-tabs{display:none}}.console-section-title{font-size:.62rem;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:rgba(var(--red-rgb),.7);margin-bottom:.9rem}.knob-row{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:.9rem .25rem}.knob-unit{display:flex;flex-direction:column;align-items:center;width:72px;-webkit-user-select:none;user-select:none}.knob-dial{position:relative;width:56px;height:56px;cursor:ns-resize;touch-action:none;border-radius:50%;outline:none}.knob-dial:focus-visible{box-shadow:0 0 0 2px rgba(var(--red-rgb),.6)}.knob-detent{stroke:#555;stroke-width:1.2;stroke-linecap:round}.knob-svg{width:100%;height:100%;overflow:visible}.knob-seg{stroke:#222;stroke-width:2.2;stroke-linecap:butt;transition:stroke .08s}.knob-seg.lit{stroke:var(--red)}.knob-cap{fill:#101010;stroke:#2e2e2e;stroke-width:1;transition:stroke .15s}.knob-dial:hover .knob-cap{stroke:#4a4a4a}.knob-notch{stroke:#8a8a8a;stroke-width:2.2;stroke-linecap:round}.knob-label{margin-top:.35rem;font-size:.58rem;letter-spacing:.05em;color:var(--text-muted);text-align:center;white-space:nowrap}.knob-value{font-size:.62rem;color:#777;font-variant-numeric:tabular-nums;cursor:pointer;margin-top:.1rem}.knob-value:hover{color:#fff}.knob-input{margin-top:.1rem;text-align:center;width:48px}.knob-unit.active .knob-seg.lit{filter:drop-shadow(0 0 2px rgba(var(--red-rgb),.6))}.knob-unit.active .knob-notch{stroke:#fff}.knob-unit.active .knob-cap{stroke:rgba(var(--red-rgb),.6)}.knob-unit.active .knob-label,.knob-unit.active .knob-value{color:var(--text)}.knob-unit.locked .knob-dial{cursor:default}.knob-unit.locked .knob-cap,.knob-unit.locked .knob-dial:hover .knob-cap{stroke:var(--lock);stroke-dasharray:3 2.5}.knob-unit.locked .knob-label{color:var(--lock)}.knob-unit.locked .knob-value{cursor:default}.knob-unit.locked .knob-value:hover{color:#777}.knob-lock{position:absolute;top:-1px;right:-1px;width:13px;height:13px;fill:var(--lock);stroke:var(--lock);stroke-width:1.4;stroke-linecap:round;filter:drop-shadow(0 0 2px rgba(0,0,0,.9));pointer-events:none}.ctrl-value-input{background:transparent;border:none;color:#fff;font-family:inherit;font-size:.7rem;outline:none;-webkit-user-select:text;user-select:text;-moz-appearance:textfield}.ctrl-value-input::-webkit-outer-spin-button,.ctrl-value-input::-webkit-inner-spin-button{-webkit-appearance:none}.toggle{position:relative;display:inline-flex;cursor:pointer}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{width:36px;height:20px;background:var(--border);border-radius:10px;display:block;transition:background .2s;position:relative}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--text-muted);transition:transform .2s,background .2s}.toggle input:checked+.toggle-track{background:rgba(var(--red-rgb),.5)}.toggle input:checked+.toggle-track:after{transform:translate(16px);background:#fff}.noise-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;mix-blend-mode:screen;pointer-events:none;z-index:0}.app{position:relative;z-index:1}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(30,0,0,.55) 100%);animation:crtFlicker 4s infinite}@keyframes crtFlicker{0%,95%,to{opacity:1}96%{opacity:.75}97%{opacity:1}98.5%{opacity:.88}}.hud{position:fixed;z-index:45;display:flex;align-items:center;gap:.5rem;font-size:.68rem;letter-spacing:.22em;color:rgba(var(--red-rgb),.8);text-shadow:0 0 6px rgba(var(--red-rgb),.35);font-variant-numeric:tabular-nums;pointer-events:none;text-transform:uppercase}.hud-tl{top:16px;left:20px}.hud-link{pointer-events:auto;text-decoration:none;transition:color .15s,text-shadow .15s}.hud-link:hover,.hud-link:focus-visible{color:#fff;text-shadow:0 0 8px rgba(var(--red-rgb),.6)}.hud-tr{top:16px;right:20px}.hud-bl{bottom:16px;left:20px}.hud-br{bottom:16px;right:20px}.blink{animation:blinkStep 1s steps(1) infinite}@keyframes blinkStep{0%,to{opacity:1}50%{opacity:0}}.save-note{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:60;max-width:calc(100vw - 2rem);padding:.6rem 1rem;background:#0b0b0b;border:1px solid rgba(var(--red-rgb),.55);border-radius:3px;box-shadow:0 0 24px #000c;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text);text-align:center;pointer-events:none;animation:saveNoteIn .25s cubic-bezier(.2,.8,.2,1) both}@keyframes saveNoteIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.save-note-bad{border-color:rgba(var(--red-rgb),.9);color:var(--red);letter-spacing:.1em;text-transform:none;font-size:.68rem}@media (prefers-reduced-motion: reduce){.app-header,.app-header:after,.upload-form,.drop-zone:before,.drop-zone.dragging,.camera-btn:hover,.crt-overlay,.blink,.save-note{animation:none!important}.glitch-text{text-shadow:none}.glitch-text:before,.glitch-text:after{display:none}.noise-bg{display:none}}.egg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#00000080;animation:eggFade 2.6s ease-in-out both}.egg-box{position:relative;padding:1.6rem 2.6rem;border:1px solid var(--red);background:#060606;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:eggGlitchIn .4s steps(3) both}.egg-line{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;letter-spacing:.2em;color:var(--red);text-shadow:0 0 12px rgba(var(--red-rgb),.7)}.egg-sub{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.3em;color:var(--text-muted)}@keyframes eggFade{0%{opacity:0}8%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes eggGlitchIn{0%{transform:translate(-3px,2px)}33%{transform:translate(3px,-1px)}66%{transform:translate(-1px,1px)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.egg-overlay,.egg-box{animation:none}}.account-rail{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;min-height:1.6rem;margin-bottom:-.6rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.account-name{color:var(--text-muted);max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-btn{background:transparent;border:none;color:var(--text-muted);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:.2rem 0;transition:color .15s}.account-btn:before{content:"[";opacity:.4;margin-right:.35em}.account-btn:after{content:"]";opacity:.4;margin-left:.35em}.account-btn:hover{color:var(--text)}.account-offline{color:#4a4a4a;cursor:help}.saved-empty{display:block;font-size:.62rem;line-height:1.6;letter-spacing:.05em;color:#3d3d3d}.saved-chips{margin-bottom:0}.saved-chip{position:relative;display:inline-flex}.saved-del{position:absolute;top:-.45rem;right:-.45rem;width:1rem;height:1rem;line-height:1;display:grid;place-items:center;background:var(--bg);color:var(--text-muted);border:1px solid #2a2a2a;border-radius:50%;font-size:.7rem;cursor:pointer;opacity:0;transition:opacity .12s,color .12s,border-color .12s}.saved-chip:hover .saved-del,.saved-del:focus-visible{opacity:1}.saved-del:hover{color:var(--red);border-color:rgba(var(--red-rgb),.6)}.save-form{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.save-input{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:2px;color:var(--text);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;padding:.34rem .55rem;width:100%;outline:none}.save-input:focus{border-color:rgba(var(--red-rgb),.6)}.save-input::placeholder{color:#3d3d3d}.save-error,.auth-error{color:var(--red);font-size:.62rem;letter-spacing:.04em}.saved-notice{display:block;background:transparent;border:none;color:#4a4a4a;font-family:var(--font-mono);font-size:.6rem;line-height:1.5;letter-spacing:.05em;cursor:pointer;padding:.6rem 0 0;text-align:left}.saved-notice:hover{color:var(--text-muted)}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1.5rem;background:#000000d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.auth-box{position:relative;width:min(23rem,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem 1.5rem 1.4rem;display:flex;flex-direction:column;gap:.85rem;font-family:var(--font-mono)}.auth-head{display:flex;align-items:center;justify-content:space-between}.auth-title{font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--red-rgb),.75)}.auth-close{background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 .2rem}.auth-close:hover{color:var(--text)}.auth-blurb{margin:0;font-size:.62rem;line-height:1.6;letter-spacing:.03em;color:#4a4a4a}.auth-field{display:flex;flex-direction:column;gap:.3rem}.auth-field>span{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.auth-field input{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:2px;color:var(--text);font-family:var(--font-mono);font-size:.72rem;padding:.45rem .55rem;outline:none}.auth-field input:focus{border-color:rgba(var(--red-rgb),.6)}.auth-field>em{font-style:normal;font-size:.58rem;color:var(--red)}.auth-submit{justify-content:center;margin-top:.25rem}.auth-submit:disabled{opacity:.5;cursor:default}.auth-switch{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.05em;cursor:pointer;padding:.2rem 0}.auth-switch:hover{color:var(--text)}.save-input,.auth-field input{-webkit-user-select:text;user-select:text}@media (max-width: 560px){.saved-del{opacity:1}}@media (max-width: 700px){.app.landing .logo{font-size:min(2.5rem,9vw);gap:.5rem}.app.landing .logo-mark{width:min(48px,9vw);height:min(48px,9vw)}.hud{font-size:.58rem;letter-spacing:.14em}.hud-tr{display:none}.hud-tl{top:12px;left:14px}.hud-bl{bottom:12px;left:14px}.hud-br{bottom:12px;right:14px}.app.workspace .tagline,.header-right .preset-readout{display:none}.transport{justify-content:flex-start}.transport-group{display:contents}.console-display .console-btn{padding:.35rem .55rem}}@media (max-width: 700px){.native-app .app.workspace{--sheet-top: 46vh;--sheet-top: 46dvh}.native-app .glitch-workspace{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0}.native-app .console-display,.native-app .rail{display:contents}.native-app .canvas-wrapper{order:1;position:sticky;top:0;height:var(--sheet-top);z-index:1;align-items:center;padding:0 .75rem;background:#000}.native-app .canvas-wrapper canvas{max-height:100%;max-width:100%;object-fit:contain}.native-app .transport,.native-app .mobile-tabs,.native-app .console-section{position:relative;z-index:1;background:#060606f5;margin:0;border:0;border-radius:0}.native-app .mobile-tabs{order:2;position:sticky;top:var(--sheet-top);z-index:2;flex:none;flex-wrap:nowrap;gap:.3rem;padding:.85rem .75rem .7rem;border-radius:14px 14px 0 0;border-bottom:1px solid #1d1d1d;box-shadow:0 -18px 36px #000000d9}.native-app .mobile-tabs:before{content:"";position:absolute;top:.35rem;left:50%;transform:translate(-50%);width:34px;height:3px;border-radius:2px;background:#333}.native-app .transport{order:3;position:fixed;left:0;right:0;bottom:0;z-index:3;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:.25rem;padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom,0px));border-top:1px solid #1d1d1d;box-shadow:0 -10px 26px #000c}.native-app .transport .transport-group{display:contents}.native-app .transport .download-wrap{flex:0 0 auto;display:flex;gap:.25rem}.native-app .transport .console-btn{flex:0 0 auto;justify-content:center;padding:.55rem .5rem;font-size:.6rem;gap:.3em;white-space:nowrap}.native-app .transport::-webkit-scrollbar{display:none}.native-app .save-note{bottom:calc(5rem + env(safe-area-inset-bottom,0px))}.native-app .transport .console-btn:before,.native-app .transport .console-btn:after{content:none}.native-app .mobile-tabs .chip{flex:1 1 0;min-width:0;padding:.5rem .2rem;text-align:center}.native-app .console-section{order:4;padding:.9rem .75rem 1.1rem}.native-app .console-section:last-of-type{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}.native-app .console-section+.console-section{border-top:0;padding-top:0}.native-app .knob-row{grid-template-columns:repeat(3,1fr);gap:.75rem .2rem}.native-app .knob-unit{min-width:0}.native-app .knob-label{font-size:.58rem;line-height:1.25;white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%}}@media (max-width: 700px) and (max-height: 700px){.native-app .app.workspace{--sheet-top: 40vh;--sheet-top: 40dvh}}.saved-save{display:inline-flex;align-items:center;gap:.4em;flex-shrink:0}.console-btn:disabled{opacity:.35;cursor:not-allowed}.console-btn:disabled:hover{border-color:#2a2a2a;color:var(--text-muted)}