*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;overflow-x:hidden;background-color:#000}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(/opera/assets/eb-garamond-normal-D67yrKsy.ttf) format("truetype")}@font-face{font-family:EB Garamond;font-style:italic;font-weight:400 800;font-display:swap;src:url(/opera/assets/eb-garamond-italic-DtOTonF_.ttf) format("truetype")}:root{--bg-dark: #000000;--bg-panel: rgba(10, 10, 10, .85);--text-main: #e0e0e0;--accent: #ffffff;--highlight: #fdb813;--waveform-color: rgba(255, 255, 255, .4);--playhead-color: #ff3e3e}.versalitas{font-family:EB Garamond,serif!important;font-variant:small-caps!important;font-variant-caps:all-small-caps!important;font-feature-settings:"smcp" 1,"onum" 1,"c2sc" 1!important;letter-spacing:.05em!important}.landing-serif{font-family:EB Garamond,serif!important}.landing-arial{font-family:Arial,Helvetica,sans-serif!important}body,html{width:100%;height:100%;margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-main);font-family:EB Garamond,serif;overflow:hidden}.app-container{width:100vw;height:100vh;overflow:hidden}.app-layout{display:grid;height:100vh;width:100vw;grid-template-areas:"viewport";grid-template-columns:1fr;grid-template-rows:1fr}.header{position:absolute;top:0;left:0;right:0;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 20px;padding-top:env(safe-area-inset-top);padding-right:max(20px,env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom);padding-left:max(20px,env(safe-area-inset-left));z-index:100;height:clamp(50px,8vh,80px);pointer-events:none}.header>*{pointer-events:auto}.text-shadow-black{text-shadow:1px 1px 2px rgba(0,0,0,1),0px 0px 5px rgba(0,0,0,1),0px 0px 10px rgba(0,0,0,.8)}.back-btn{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;color:#fff;cursor:pointer;padding:5px 10px;font-size:.8rem;font-style:normal;transition:transform .3s ease,text-shadow .3s ease}.back-btn:hover{background:transparent!important;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8);transform:scale(1.1) translate(5px)}.back-btn:focus{outline:none!important;background:transparent!important}.viewport-container{grid-area:viewport;background:#000;position:relative;width:100%;height:100%}.sidebar{grid-area:sidebar;background:var(--bg-panel);border-left:1px solid #333;padding:20px;overflow-y:auto;z-index:20;min-height:0}.asset-item{font-size:.75rem;color:#888;margin-bottom:8px;display:flex;align-items:center;gap:8px}.asset-status{width:6px;height:6px;border-radius:50%;background:#4caf50}.timeline-overlay{position:absolute;bottom:20px;left:20px;right:20px;height:80px;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;flex-direction:column;z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .3s}.waveform-container{position:relative;width:100%;height:100%;display:flex;align-items:center;overflow:hidden;padding:0 10px}.waveform-svg{width:100%;height:100%}.waveform-path{fill:var(--waveform-color)}.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--playhead-color);pointer-events:none;transition:left .1s linear}.marker-line{position:absolute;top:0;bottom:0;width:1px;background:#fff3;pointer-events:none}.marker-label{position:absolute;top:5px;font-size:.7rem;color:#aaa;transform:translate(5px);pointer-events:none}.time-counter{position:absolute;bottom:-25px;right:0;font-family:monospace;font-size:.8rem;color:var(--highlight)}.cover-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:100;overflow:hidden}.perspective-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:#000}.neon-icon-img{mix-blend-mode:lighten}.bg-shape{position:absolute;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.files-sidebar{position:absolute;left:0;top:0;bottom:0;width:250px;background:#0a0a0af2;border-right:1px solid #333;padding:20px;display:flex;flex-direction:column;z-index:50;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.files-sidebar.open{transform:translate(0);box-shadow:5px 0 30px #00000080}.sidebar-header{margin-bottom:20px;border-bottom:1px solid #333;padding-bottom:15px;display:flex;justify-content:space-between;align-items:baseline;transition:opacity .2s}.sidebar-header h3{font-size:.8rem;letter-spacing:4px;color:#fff;margin:0}.scene-indicator{font-size:.6rem;color:#fdb813;letter-spacing:1px}.files-list{flex-grow:1;transition:opacity .2s}.empty-state{color:#444;font-size:.7rem;font-style:italic;margin-top:20px}.file-item{font-size:.7rem;color:#aaa;margin-bottom:12px;display:flex;align-items:center;gap:10px;transition:.2s}.file-item:hover{color:#fdb813;transform:translate(5px)}.file-type{width:6px;height:6px;border-radius:50%;opacity:.5}.file-type.model{background:#4caf50}.file-type.audio{background:#fdb813}.sidebar-toggle{position:fixed;bottom:20px;left:20px;width:50px;height:50px;background:#0a0a0acc;border:1px solid #333;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;border-radius:50%;z-index:60;transition:all .2s ease;box-shadow:0 0 10px #00000080}.sidebar-toggle:hover{background:#fdb813;color:#000;transform:scale(1.1)}.sidebar-toggle:hover{background:#222;color:#fff}.sequencer-main{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:10;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;cursor:grab;user-select:none;-webkit-user-select:none}.sequencer-main.grabbing{cursor:grabbing;scroll-behavior:auto}.sequencer-header{position:absolute;top:20px;left:0;right:0;width:100%;padding:0;margin:0;z-index:20;display:flex;justify-content:center;pointer-events:none}.sequencer-header h2{font-family:EB Garamond,serif;font-size:clamp(.9rem,4vw,2.23rem);color:#fff;font-weight:400;font-variant:small-caps;letter-spacing:.5px;margin:0}@media(orientation:portrait){.sequencer-main{transform:translateY(calc(2.16*clamp(.9rem,4vw,2.23rem)))}}.sequencer-main::-webkit-scrollbar{height:4px}.sequencer-main::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.sequencer-container{display:flex;align-items:center;gap:0;padding:0 100px;min-width:max-content}.sequencer-node{position:relative;cursor:pointer;transition:.4s cubic-bezier(.175,.885,.32,1.275);opacity:1;z-index:10}.sequencer-node:hover{transform:scale(1.05)}.sequencer-node.selected{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(253,184,19,.3))}.node-content{width:220px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}.neon-icon{width:100%;height:100%;color:#e0e0e0;transition:.3s}.sequencer-node:hover .neon-icon,.sequencer-node.selected .neon-icon{color:#fff}.node-content.node-cube{width:260px;height:260px;position:relative}.node-label{font-size:1.4rem;letter-spacing:1px;color:#888;margin-top:5px;font-family:monospace}.sequencer-node.selected .node-label{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.enter-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#000c;border:2px solid #fdb813;border-radius:50%;color:#fdb813;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;animation:fade-in-scale .3s forwards;z-index:20;box-shadow:0 0 20px #fdb81366;transition:.2s}.enter-btn:hover{background:#fdb813;color:#000;transform:translate(-50%,-50%) scale(1.1)}@keyframes fade-in-scale{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.music-connector{display:flex;flex-direction:column;align-items:center;gap:5px;opacity:.4}.connector-line{width:50px;height:1px;background:linear-gradient(90deg,transparent,#666,transparent)}.connector-label{font-size:.6rem;color:#888;font-weight:700;margin-bottom:5px}.dual-timeline-minimal{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to top,#050505,transparent);display:flex;flex-direction:column;justify-content:center;gap:15px;padding:0 50px;pointer-events:none}.timeline-track{width:100%;height:1px;background:linear-gradient(90deg,transparent 5%,#333 15%,#333 85%,transparent 95%);position:relative}.timeline-track:after{content:"";position:absolute;left:0;top:0;bottom:0;width:100px;background:linear-gradient(90deg,var(--highlight),transparent);opacity:.2}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 2px #fdb813);opacity:.6}50%{filter:drop-shadow(0 0 8px #fdb813);opacity:1}to{filter:drop-shadow(0 0 2px #fdb813);opacity:.6}}@keyframes slow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sequencer-timeline{width:100%;padding:0;display:flex;align-items:center;position:relative;margin-top:40px}.timeline-legend{position:absolute;left:80px;display:flex;flex-direction:column;gap:2px;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.8}.timeline-axis{display:flex;align-items:center;padding:0 100px;min-width:max-content;position:relative}.timeline-axis:before{content:"";position:absolute;left:210px;right:210px;top:50%;transform:translateY(-50%);height:4px;background:#fff;z-index:0}.axis-point{position:relative;width:220px;height:60px;display:flex;justify-content:center;align-items:center;flex-shrink:0;cursor:pointer;z-index:1}.axis-circle{width:24px;height:24px;border:4px solid #ffffff;background:#000;border-radius:50%;transition:all .3s ease;z-index:2}.axis-number{position:absolute;top:-35px;font-family:Arial,Helvetica,sans-serif;font-size:1.4rem;color:#eee;font-weight:400;transition:color .3s ease,text-shadow .3s ease;pointer-events:none}.axis-point{margin-right:40px}.axis-point.is-cube{width:260px}.axis-point:last-of-type{margin-right:0}.axis-point:hover .axis-circle{transform:scale(1.1);box-shadow:0 0 15px #ffffff80}.axis-point:hover .axis-number{color:#fff;text-shadow:0 0 15px rgba(255,255,255,1)}.axis-point.selected .axis-circle{border-color:var(--highlight);box-shadow:0 0 15px #fdb81380}.axis-point.selected .axis-number{color:var(--highlight);text-shadow:0 0 10px rgba(253,184,19,.5)}.axis-point:before{display:none}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}.waveform-connector{width:240px;height:60px;cursor:pointer;color:#666;transition:.3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;padding:0;margin:0 -50px;z-index:1;position:relative}.waveform-connector:hover{color:#aaa;transform:scale(1.05)}.waveform-connector.selected{color:var(--highlight);filter:drop-shadow(0 0 8px rgba(253,184,19,.6));transform:scale(1.1)}.waveform-connector svg{width:100%;height:100%}.waveform-bar{transition:height .3s ease}.waveform-connector.placeholder{width:60px;margin:0;border-bottom:1px dashed #333}.connector-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,#444,transparent);position:relative}.connector-label{font-size:.7rem;color:#fdb813;position:absolute;top:-18px;left:50%;transform:translate(-50%);font-weight:700}.node-shape svg{width:80%;height:80%;stroke:#aaa;stroke-width:1.2;fill:none;transition:.5s cubic-bezier(.4,0,.2,1)}.sequencer-node:hover .node-shape svg{stroke:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.5));transform:scale(1.1)}.node-overture{width:280px;height:200px;background:radial-gradient(circle at top left,#1a1a1a,#0a0a0a);border:1px solid #333;border-radius:6px;padding:15px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 40px #000c,inset 0 1px 1px #ffffff0d;transition:.4s}.node-overture:hover{border-color:#fdb813;box-shadow:0 20px 40px #fdb8131a,inset 0 1px 1px #ffffff0d}.bg-shape{position:absolute;opacity:.08;filter:brightness(1.5);pointer-events:none}.bg-shape.rotating{animation:slow-rotate 60s infinite linear}.bg-shape.floating{animation:float 10s infinite ease-in-out}.timeline-axis.text{border-bottom:none;color:#aaa;font-style:italic}.axis-label{width:60px;color:#333;margin-right:20px;font-weight:700}.overlay-text{position:absolute;width:100%;text-align:center;pointer-events:none;z-index:40}.title-main{top:30%;font-size:5rem;letter-spacing:15px;color:#fffc}.subtitle{top:45%;font-size:1.5rem;letter-spacing:5px;color:#aaa}.studio-panel{border-top:1px solid #333;margin-top:20px;padding-top:15px}.studio-header{font-size:.8rem;color:var(--highlight);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.studio-section{margin-bottom:10px;border:1px solid #2a2a2a;border-radius:4px}.studio-section>summary{font-size:.7rem;font-weight:700;color:#ccc;text-transform:uppercase;padding:8px 10px;cursor:pointer;background:#1a1a1a;outline:none}.studio-section[open]>summary{border-bottom:1px solid #2a2a2a}.studio-controls-content{padding:10px;display:flex;flex-direction:column;gap:12px}.studio-subsection{border-top:1px dashed #333;padding-top:10px;margin-top:5px}.studio-subsection>summary{font-size:.65rem;color:#999}.control-group{display:flex;flex-direction:column;gap:6px}.control-label{font-size:.65rem;color:#888;text-transform:uppercase}.slider-control{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:#bbb}.slider-control input[type=range]{width:60%;-webkit-appearance:none;appearance:none;height:3px;background:#444;outline:none}.vector-input-group{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.vector-input-group input,.control-select{width:100%;background:#111;border:1px solid #333;color:#ddd;font-size:.7rem;padding:5px;border-radius:3px;box-sizing:border-box}.btn-upload{background:#222;border:1px solid #444;color:#aaa;padding:6px;font-size:.7rem;cursor:pointer;transition:.2s;width:100%}.btn-upload:hover{background:#333;color:#fff}.btn-remove{background:#411;border-color:#622;color:#f99}.btn-remove:hover{background:#622;color:#fff}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{opacity:0;width:0;height:0}.slider-switch{position:absolute;cursor:pointer;inset:0;background-color:#333;transition:.4s;border-radius:20px}.slider-switch:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider-switch{background-color:var(--highlight)}input:checked+.slider-switch:before{transform:translate(14px)}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#050505e6;z-index:200;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loading-content{text-align:center;color:var(--text-main);font-family:monospace}.loading-title{font-size:1.2rem;letter-spacing:2px;margin-bottom:20px;color:var(--highlight)}.progress-bar-container{width:250px;height:8px;background:#222;border:1px solid #444;border-radius:4px;margin-bottom:10px;overflow:hidden}.progress-bar{height:100%;background:var(--highlight);transition:width .2s ease-out}.dynamic-slider{display:flex;align-items:center;gap:8px}.dynamic-slider input[type=range]{flex-grow:1}.dynamic-slider input[type=number]{width:60px;background:#111;border:1px solid #333;color:#ddd;font-size:.7rem;padding:5px;border-radius:3px;text-align:center}.slider-control{display:grid;grid-template-columns:1fr auto 2fr;align-items:center;gap:8px;font-size:.7rem;color:#bbb}.slider-control span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider-value{font-family:monospace;color:var(--highlight);background:#111;padding:2px 5px;border-radius:3px;font-size:.65rem;text-align:right;min-width:35px}.slider-control input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:3px;background:#444;outline:none}.slider-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--highlight);cursor:pointer;border-radius:50%}.scale-control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.dynamic-slider{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.dynamic-slider input[type=range]{flex-grow:1;min-width:100px}.max-scale-input-wrapper{display:flex;align-items:center;gap:5px;font-size:.7rem;color:#888}.max-scale-input-wrapper input[type=number]{width:50px;background:#111;border:1px solid #333;color:#ddd;font-size:.7rem;padding:5px;border-radius:3px;text-align:center}.max-scale-input-wrapper input::-webkit-inner-spin-button,.max-scale-input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media(max-width:768px)and (orientation:portrait){.sequencer-main{pointer-events:auto;display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:center;overflow-x:hidden;overflow-y:auto;bottom:0;padding-top:60px;padding-right:0;height:auto;box-sizing:border-box;touch-action:pan-y;width:100%}.sequencer-header{position:absolute;left:0;right:0;width:100%;text-align:center;top:15px;margin:0 auto;padding:0 10px}.sequencer-container{padding:40px 0 150px;gap:0;display:flex;flex-direction:column;align-items:center;width:auto;min-width:min-content;min-height:min-content;overflow:visible;transform:translate(-30px)}.waveform-connector{width:100%;height:180px;padding:0;margin:-55px 0;flex-direction:column;display:flex;align-items:center;justify-content:center;z-index:1;flex-shrink:0}.waveform-connector svg{transform:rotate(90deg);width:180px;height:60px;min-width:180px}.sequencer-node{flex-shrink:0}.node-content{width:45vw;max-width:220px;height:45vw;max-height:220px}.node-content.node-cube{width:55vw;max-width:260px;height:55vw;max-height:260px}.node-label{font-size:.8rem}.sequencer-timeline{width:auto;margin-top:25px;margin-right:-70px;margin-left:0;flex-direction:column;height:min-content;padding-top:0!important;position:relative;flex-shrink:0;z-index:10;transform:translate(-30px)}.timeline-legend{position:absolute;top:50px;left:50%;transform:translate(-50%);width:max-content;display:flex;flex-direction:row!important;justify-content:center;align-items:center;margin:0;font-size:.8rem!important;white-space:nowrap!important;line-height:1;text-align:center;z-index:20}.timeline-axis{flex-direction:column;padding:0;align-items:center}.timeline-axis:before{left:50%;top:min(22.5vw,110px);bottom:min(22.5vw,110px);right:auto;width:4px;height:auto;transform:translate(-50%);background:#fff}.axis-point{width:60px;height:45vw!important;max-height:220px!important;margin:0!important;flex-shrink:0!important;display:flex;align-items:center;justify-content:center;position:relative}.axis-point.is-cube{height:55vw!important;max-height:260px!important}.axis-point:last-of-type{margin-bottom:0!important}.axis-number{top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;color:#fff;z-index:5;white-space:nowrap}.axis-interlude-point{width:60px;height:180px!important;margin-top:-55px!important;margin-bottom:-55px!important;margin-right:0!important;flex-shrink:0!important;display:flex;align-items:center;justify-content:center}.interlude-number{bottom:auto!important;top:50%;left:60px;transform:translateY(-50%);text-align:left}.files-sidebar{width:85%;max-width:320px;z-index:200;border-right:1px solid #222;transform:translate(0)}.files-sidebar.closed{transform:translate(-100%);pointer-events:none}.sidebar-toggle{right:20px;left:auto;width:50px;height:50px;font-size:1.5rem;border-radius:50%;pointer-events:auto;background:#111;border:1px solid #333;color:#fdb813;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000080}}.axis-interlude-point{position:relative;width:60px;height:60px;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-right:40px;z-index:2}.interlude-dot{width:12px;height:12px;background:#fff;border:2px solid #ffffff;border-radius:50%;transition:all .3s ease}.interlude-number{position:absolute;bottom:-35px;font-family:Arial,Helvetica,sans-serif;font-size:1.4rem;color:#eee;pointer-events:none;transition:all .3s ease;white-space:nowrap}.axis-interlude-point:hover .interlude-dot{background:#fff;transform:scale(1.2);box-shadow:0 0 10px #ffffff80}.axis-interlude-point.selected .interlude-dot{background:var(--highlight);border-color:#fff;box-shadow:0 0 10px #fdb81380;transform:scale(1.3)}.axis-interlude-point:hover .interlude-number{color:#fff;text-shadow:0 0 15px rgba(255,255,255,1)}.axis-interlude-point.selected .interlude-number{color:var(--highlight);text-shadow:0 0 10px rgba(253,184,19,.5)}.audio-player-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.audio-player-modal{background:#111;border:1px solid #333;padding:20px;border-radius:8px;width:90%;max-width:400px;box-shadow:0 0 30px #000c;display:flex;flex-direction:column;gap:15px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-header h4{margin:0;color:#fff;font-size:1.2rem;font-family:inherit}.close-btn{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#fff}.modal-body{display:flex;align-items:center;gap:10px}.audio-player{flex:1;height:40px}.download-btn{display:flex;align-items:center;justify-content:center;color:#888;transition:color .3s;padding:10px;border:1px solid #333;border-radius:4px}.download-btn:hover{color:#fdb813;border-color:#fdb813;background:#fdb8131a}@media(max-width:920px)and (orientation:landscape){.sequencer-main{height:100vh;height:100dvh;overflow-y:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.sequencer-container,.sequencer-timeline{zoom:.65}@supports (-moz-appearance:none){.sequencer-container,.sequencer-timeline{transform:scale(.65);transform-origin:left center;width:153%}}.sequencer-header{top:0;padding-top:5px}.sequencer-header h2{font-size:1.1rem!important}}.project-brand-container{color:#fff;font-family:EB Garamond,serif;font-variant:small-caps;text-align:right;line-height:1;z-index:10;pointer-events:auto}.brand-mobile{display:none}.header-title{margin:0;letter-spacing:2px;font-size:clamp(.8rem,2.8vw,1.6rem);color:#fff;font-family:inherit;font-weight:400;white-space:nowrap}@media(max-width:768px){.project-brand-container .brand-desktop{display:none}.project-brand-container .brand-mobile{display:flex;flex-direction:column;align-items:flex-end;gap:2px}}