:root{color-scheme:dark;--bg:#121414;--panel:#1b1e1e;--line:#303434;--text:#f0f2ed;--muted:#929b97;--accent:#d9f479;--sidebar:218px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;font-weight:400}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}svg{width:20px;height:20px;display:block;flex-shrink:0}button span[data-icon]{display:inline-flex}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#171919;border-right:1px solid #292d2b;padding:31px 20px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-1.2px;font-weight:750;padding:0 7px}.brand-light{font-weight:400}.nav-caption{font-size:10px;letter-spacing:1.6px;color:#69736d;margin:55px 15px 16px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:14px 15px;margin:5px 0;border-radius:8px;color:#9da59f;text-align:left;font-size:13px;font-weight:500}.nav-item:hover{background:#222724;color:#fff}.nav-item.active{background:#2b3326;color:var(--accent)}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-bottom>p{color:#7e8880;font-size:18px;line-height:1.55;padding:0 15px;letter-spacing:-.3px}.sidebar-bottom strong{color:#bdc6ba;font-weight:500}.small-orbit{font-size:37px;color:#8f9b7d;padding-left:14px}.sidebar-bottom .nav-item{margin-top:31px;padding-left:14px}.version{display:block;color:#68706a;font-size:10px;margin:18px 14px 0}main{margin-left:var(--sidebar)}.topbar{height:88px;border-bottom:1px solid #292d2b;display:flex;align-items:center;justify-content:space-between;padding:0 43px;gap:20px}.breadcrumb{color:#7f8a84;font-size:12px;display:flex;align-items:center;gap:17px}.breadcrumb strong{font-weight:500;color:#dce2da}.crumb-separator{padding-left:19px;color:#525d55}.mobile-brand{display:none}.top-actions{display:flex;align-items:center;gap:24px}.local-badge{display:flex;align-items:center;gap:8px;font-size:10px;color:#9ba59c;white-space:nowrap}.local-badge>span{width:5px;height:5px;background:#8db77a;border-radius:50%}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:7px;padding:12px 18px;font-size:12px;font-weight:650;white-space:nowrap;min-height:42px}.button.primary{background:var(--accent);color:#202918}.button.primary:hover{background:#e6ff94}.button.secondary{background:#222725;border:1px solid #3a423b;color:#dce2d9}.button.secondary:hover{background:#30372e}.button svg{width:16px;height:16px}.workspace{max-width:1270px;margin:0 auto;padding:40px 43px 0}.session-header{display:flex;gap:22px;align-items:center;padding-bottom:35px}.cover-art{width:100px;height:100px;border-radius:12px;background:#c37e59;position:relative;overflow:hidden;flex-shrink:0;box-shadow:0 9px 30px #0002}.cover-sun{width:67px;height:67px;border-radius:50%;position:absolute;left:17px;top:10px;background:#edc37c;box-shadow:0 0 0 8px #dfa36b,0 0 0 15px #ce8f60}.cover-sun:after{content:"";position:absolute;inset:14px;border:1px solid #a3664b;border-radius:50%}.cover-horizon{height:47px;width:150px;background:repeating-linear-gradient(0deg,#443d2d 0 2px,#b97c58 2px 5px);position:absolute;bottom:-2px;transform:rotate(-10deg);left:-15px;opacity:.85}.cover-art>span{position:absolute;bottom:10px;left:12px;color:#f6e1c4;font-size:7px;letter-spacing:1.3px}.session-info{flex:1;min-width:0}.eyebrow{font-size:9px;color:#a2ad9e;letter-spacing:1.7px;display:flex;align-items:center;gap:12px;font-weight:550}.tag{letter-spacing:.9px;font-size:8px;padding:4px 6px;border:1px solid #414a3e;border-radius:4px;color:#b7c2ae}.session-info h1{font-size:38px;line-height:1.13;letter-spacing:-1.3px;font-weight:550;margin:10px 0 11px;overflow-wrap:anywhere}.session-info p{color:var(--muted);font-size:12px;margin:0}.export-button{align-self:center}.timeline-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:19px 23px 0;overflow:hidden}.timeline-heading{display:flex;align-items:center;justify-content:space-between;color:#7b8880;font-size:10px}.timeline-heading>span:first-child{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.2px;color:#acb9a7}.tiny-dot{width:4px;height:4px;background:#b7d48f;border-radius:50%}.waveform-wrap{height:119px;position:relative;margin-top:17px;cursor:crosshair;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#363d343d calc(25% - 1px),#363d343d 25%)}#waveform{display:block;width:100%;height:100%}.timeline-seek{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:crosshair;z-index:3}.waveform-wrap:focus-within{outline:1px solid var(--accent);outline-offset:4px;border-radius:2px}.playhead{position:absolute;top:0;bottom:0;left:0;width:1px;background:#edf9cc;pointer-events:none;z-index:2}.playhead>span{position:absolute;top:0;left:-3px;width:7px;height:7px;background:var(--accent);border-radius:1px}.timeline-labels{display:flex;justify-content:space-between;color:#77837b;font-size:9px;font-variant-numeric:tabular-nums;margin:8px 0 17px}.transport{border-top:1px solid #30372f;min-height:76px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.transport-time{display:flex;gap:9px;align-items:center;font-variant-numeric:tabular-nums;font-size:11px;color:#7f8b80}.transport-time strong{font-weight:500;color:#e6efdf}.transport-center{display:flex;gap:22px;justify-content:center;align-items:center}.icon-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-width:38px;min-height:38px;border-radius:6px;color:#b4bfb3}.icon-button:hover{background:#30372e;color:#fff}.play-button{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#263019}.play-button:hover{transform:scale(1.04);background:#e5ff91}.play-button svg{width:20px;height:20px;fill:currentColor}.loop-button{justify-self:end;font-size:11px;min-width:65px}.loop-button[aria-pressed=true]{color:var(--accent);background:#343f28}.loop-label{padding-right:4px}.mixer{margin-top:35px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{font-size:20px;letter-spacing:-.5px;font-weight:500;margin:0}.section-heading h2 span{display:inline-block;font-size:9px;letter-spacing:0;color:#9baa8c;font-weight:400;padding:4px 6px;border:1px solid #353d32;border-radius:4px;vertical-align:middle;margin-left:10px}.section-heading p{font-size:11px;color:#7c8980;margin:8px 0 0}.text-button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#aebaa6;padding:8px 0;white-space:nowrap}.text-button:hover{color:var(--accent)}.text-button svg{width:14px;height:14px}.music-tools{display:flex;gap:9px;margin:22px 0 17px;flex-wrap:wrap}.tool-button{display:flex;align-items:center;gap:9px;border:1px solid #353c34;border-radius:6px;background:#1c211c;font-size:10px;padding:10px 12px;color:#aab7a3;min-height:36px}.tool-button:hover:not(:disabled){background:#2b3426;border-color:#586348}.tool-button svg{height:15px;width:15px}.tool-button strong{color:#e2ebd7;font-size:10px;font-weight:500;min-width:37px;text-align:right}.tool-button span[data-icon=chevron] svg{width:10px}.tool-button.unavailable{background:transparent;opacity:.5}.soon{font-size:8px;color:#9aa48f}.metronome-tool{margin-left:auto}.metronome-tool.is-on{border-color:#9db761;background:#2a3520}.track-list{display:grid;gap:9px}.track-row{display:grid;grid-template-columns:44px minmax(110px,1fr) 32px 32px minmax(120px,1.4fr) 40px 98px;align-items:center;gap:14px;background:#1b1e1e;border:1px solid #303632;border-radius:9px;padding:16px 19px;min-height:78px;transition:opacity .15s,border-color .15s}.track-row.is-solo{border-color:#91a662}.track-row.is-quiet{opacity:.48}.track-icon{width:40px;height:40px;display:grid;place-items:center;background:color-mix(in srgb,var(--track-color) 10%,#222523);color:var(--track-color);border-radius:9px;touch-action:none;user-select:none}.track-icon:hover{background:color-mix(in srgb,var(--track-color) 22%,#222523)}.track-name{font-size:13px;font-weight:500;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-type{font-size:8px;letter-spacing:1px;color:#6f7d73}.track-toggle{width:29px;height:28px;border:1px solid #41493f;border-radius:5px;color:#9ba795;font-size:10px;font-weight:600}.track-toggle:hover{border-color:var(--track-color);color:var(--track-color)}.track-toggle[aria-pressed=true]{background:var(--track-color);color:#1c211b;border-color:var(--track-color)}.volume-wrap{padding:8px 0;touch-action:pan-y}.volume-slider,.accent-range{appearance:none;width:100%;height:4px;border-radius:8px;background:linear-gradient(to right,var(--track-color,var(--accent)) 0%,var(--track-color,var(--accent)) var(--fill,75%),#3a4239 var(--fill,75%),#3a4239 100%);outline:0;vertical-align:middle;margin:0;cursor:pointer}.volume-slider::-webkit-slider-thumb,.accent-range::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--track-color,var(--accent));border:3px solid #263024;border-radius:50%;box-shadow:0 0 0 1px var(--track-color,var(--accent))}.volume-slider::-moz-range-thumb,.accent-range::-moz-range-thumb{width:9px;height:9px;background:var(--track-color,var(--accent));border:2px solid #263024;border-radius:50%}.volume-value{font-size:10px;font-variant-numeric:tabular-nums;color:#b3bea9;text-align:right}.track-mini-wave{width:100%;height:30px;opacity:.65}.mixer-note{display:flex;align-items:center;gap:8px;color:#71806f;margin:17px 2px 0}.mixer-note svg{width:12px;height:12px}.mixer-note p{font-size:9px;line-height:1.5;margin:0;flex:1}.stereo-label{font-size:7px;letter-spacing:1.2px;border:1px solid #343d32;border-radius:3px;padding:3px 5px}.import-strip{display:flex;align-items:center;gap:14px;border-top:1px solid #2d352b;border-bottom:1px solid #2d352b;padding:22px 0;margin-top:30px}.import-strip-icon{background:#242c20;color:#c3db9b;padding:10px;border-radius:8px}.import-strip h3{font-size:12px;margin:0 0 6px;font-weight:500}.import-strip p{font-size:10px;color:#7c8a76;margin:0}.import-strip>.text-button{margin-left:auto}.workspace-footer{display:flex;justify-content:space-between;color:#5e6e5b;font-size:8px;padding:22px 0}.workspace-footer>span:last-child{font-size:7px;letter-spacing:1.4px;display:flex;align-items:center;gap:12px}.footer-sun{font-size:20px;color:#8b9b74}.loading-message{color:#9eac92;text-align:center;padding:60px 0}.toast{position:fixed;bottom:25px;left:calc(50% + 109px);transform:translate(-50%,15px);background:#e3efcb;color:#293021;border:1px solid #b5c590;border-radius:8px;padding:13px 20px;font-size:12px;max-width:min(90vw,520px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30;box-shadow:0 10px 35px #0005}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#f2c1ad;color:#432a20}.settings-dialog{background:#1d231d;border:1px solid #44523a;color:#e8eddf;border-radius:15px;width:min(440px,calc(100vw - 28px));padding:27px;box-shadow:0 25px 90px #0009;max-height:90dvh;overflow:auto}.settings-dialog::backdrop{background:#060a07a8;backdrop-filter:blur(5px)}.settings-dialog form{margin:0}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-header .eyebrow{font-size:8px;margin:0 0 7px;color:#91a77b}.dialog-header h2{font-size:25px;letter-spacing:-.7px;font-weight:500;margin:0}.dialog-description{font-size:12px;color:#a6b09b;line-height:1.7;margin:15px 0 22px}.value-selector{display:flex;align-items:center;justify-content:space-around;margin:25px 0}.value-selector output{font-size:38px;letter-spacing:-1px;min-width:150px;text-align:center}.value-selector .icon-button{background:#303b29}.accent-range{height:5px;--fill:50%;margin:12px 0;min-height:5px}.accent-range::-webkit-slider-thumb{width:16px;height:16px}.range-labels{display:flex;align-items:center;justify-content:space-between;color:#8d9d7d;font-size:9px;margin:4px 0 24px}.full-width{width:100%}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #35402e;font-size:12px}.switch{appearance:none;width:36px;height:21px;border-radius:20px;background:#49513f;cursor:pointer;position:relative}.switch:before{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#c4ccba;transition:left .2s}.switch:checked{background:var(--accent)}.switch:checked:before{left:18px;background:#263021}.number-input{width:58px;background:#303a29;border:1px solid #4a583d;padding:7px;color:#edf2e7;border-radius:5px;font-size:14px;text-align:center}.range-setting{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:22px}.range-setting output{font-size:10px;color:#aaba94}.small-reset{font-size:9px;color:#b8ce95;padding:4px 0}.small-reset:hover{color:#edffcf}.segmented{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:12px 0 20px}.segmented button{font-size:11px;border:1px solid #4a573d;border-radius:6px;padding:11px 6px}.segmented button span{display:block;font-size:9px;margin-top:4px;opacity:.7}.segmented button.selected{background:var(--accent);color:#28321d;border-color:var(--accent)}.setting-help{font-size:10px;line-height:1.7;color:#96a483;margin:12px 0 0}.export-format{padding:19px 14px;display:flex;align-items:center;gap:15px;border:1px solid #414f35;border-radius:8px;background:#273021}.export-format>svg{color:#d2e8a7;width:27px;height:27px}.export-format>div{display:flex;flex-direction:column;gap:6px;flex:1}.export-format strong{font-size:13px;font-weight:500}.export-format div span{font-size:10px;color:#a8b995}.help-steps{padding-left:24px;color:#cce2a8}.help-steps li{padding-left:8px;margin:23px 0}.help-steps strong{font-size:13px;font-weight:500;color:#e6efdc}.help-steps p{font-size:11px;color:#a6b49b;line-height:1.7;margin:6px 0}.library-session{width:100%;display:flex;text-align:left;gap:13px;align-items:center;padding:16px 12px;border:1px solid #3f4d34;border-radius:8px;margin:12px 0;background:#283121}.library-session div{flex:1;min-width:0}.library-session strong{display:block;font-size:13px;overflow-wrap:anywhere}.library-session small{display:block;color:#a5b48f;font-size:10px;margin-top:5px}.library-session svg{color:#c4dd9c}.library-dialog>.full-width{margin-top:12px}body.dragging:after{content:"Suelta tus archivos de audio para abrir una sesión";position:fixed;inset:15px;display:grid;place-items:center;background:#182014ed;border:2px dashed var(--accent);border-radius:18px;color:var(--accent);font-size:20px;z-index:100;pointer-events:none;text-align:center;padding:30px}
@media(min-width:1500px){.workspace{padding-top:50px}.track-row{min-height:88px}.waveform-wrap{height:150px}.session-header{padding-bottom:42px}.mixer{margin-top:43px}}
@media(max-width:1150px){:root{--sidebar:180px}.sidebar{padding:28px 12px}.brand{font-size:21px;gap:8px}.brand img{width:31px;height:31px}.topbar{padding:0 26px}.workspace{padding:30px 26px 0}.local-badge{display:none}.track-row{grid-template-columns:38px minmax(90px,1fr) 29px 29px minmax(90px,1.2fr) 33px;gap:10px;padding:15px}.track-mini-wave{display:none}.toast{left:calc(50% + 90px)}}
@media(max-width:780px){:root{--sidebar:0px}.sidebar{display:none}main{margin:0}.topbar{height:71px;padding:0 22px}.mobile-brand{display:inline;color:#e1f4b8;font-weight:650;font-size:17px;letter-spacing:-.5px}.desktop-crumb{display:none}.breadcrumb{gap:13px}.breadcrumb strong{border-left:1px solid #414b39;padding-left:13px;font-size:11px}.workspace{padding:28px 22px 0}.top-actions{gap:0}.button{font-size:11px;padding:11px 14px}.session-header{gap:16px;padding-bottom:25px;flex-wrap:wrap}.cover-art{width:78px;height:78px}.cover-sun{left:11px;top:6px;width:55px;height:55px}.cover-horizon{height:35px}.session-info h1{font-size:31px}.session-info .eyebrow{font-size:7px;gap:8px;letter-spacing:1px}.session-info p{font-size:10px}.export-button{margin-left:auto;min-height:35px}.timeline-panel{padding:16px 16px 0}.waveform-wrap{height:105px}.timeline-heading{font-size:8px}.transport{min-height:73px}.transport-center{gap:16px}.transport-time{font-size:10px;gap:5px}.play-button{width:42px;height:42px}.transport-center .icon-button{min-width:29px}.loop-label{display:none}.loop-button{min-width:35px}.section-heading h2{font-size:20px}.mixer{margin-top:28px}.section-heading p{font-size:10px}.track-row{grid-template-columns:37px minmax(78px,1fr) 28px 28px minmax(70px,1.4fr) 30px;gap:9px;padding:14px 12px;min-height:76px}.track-name{font-size:12px}.track-icon{width:35px;height:35px}.track-icon svg{width:19px;height:19px}.track-type{font-size:7px}.volume-value{font-size:9px}.music-tools{gap:7px;margin-top:20px}.tool-button{padding:9px 10px;gap:7px;font-size:9px}.tool-button strong{font-size:9px}.metronome-tool{margin-left:0}.import-strip{padding:20px 0}.import-strip p{font-size:9px;line-height:1.7}.import-strip h3{font-size:11px}.import-strip>.text-button{font-size:9px}.toast{left:50%}.mixer-note p{font-size:8px}.version{display:none}}
@media(max-width:460px){.topbar{padding:0 17px}.topbar .primary{font-size:10px;padding:10px 12px}.topbar .primary svg{width:13px;height:13px}.breadcrumb strong{display:none}.workspace{padding:24px 16px 0}.session-header{gap:13px}.session-info h1{font-size:29px}.session-info .eyebrow{font-size:6px}.session-info .tag{display:none}.export-button{margin:0 0 0 auto;padding:10px 12px;align-self:flex-end;font-size:10px}.session-header{position:relative}.session-info{flex-basis:calc(100% - 100px)}.cover-art{width:72px;height:72px}.timeline-panel{padding:15px 12px 0}.timeline-heading>span:last-child{font-size:7px}.waveform-wrap{height:96px}.transport{grid-template-columns:1fr 1.4fr .7fr}.transport-center{gap:9px}.transport-time{gap:4px;font-size:9px}.track-row{grid-template-columns:36px 1fr 28px 28px;gap:9px 10px;min-height:108px;padding:13px}.track-title{align-self:center}.volume-wrap{grid-column:2/4;grid-row:2}.volume-value{grid-column:4;grid-row:2;text-align:center}.track-icon{grid-column:1;grid-row:1/3;align-self:start;margin-top:3px}.track-name{margin:0 0 5px;font-size:13px}.track-toggle{justify-self:end}.volume-wrap{padding:6px 0}.music-tools{display:grid;grid-template-columns:1fr 1fr}.tool-button{justify-content:center;padding:10px 7px}.tool-button.unavailable{display:none}.section-heading p{font-size:9px}.section-heading .text-button{font-size:9px}.section-heading h2 span{font-size:8px;margin-left:7px}.import-strip{gap:10px;align-items:flex-start;flex-wrap:wrap}.import-strip-icon{padding:9px}.import-strip>div:nth-child(2){flex:1}.import-strip>.text-button{margin-left:50px;margin-top:-5px}.workspace-footer{font-size:7px}.stereo-label{display:none}.settings-dialog{padding:23px}.export-button svg{width:13px;height:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mobile-only{display:none}@media(max-width:780px){.mobile-only{display:inline-flex}.top-actions{gap:8px}.workspace-footer .text-button{font-size:8px;padding:0}}
.brand{gap:8px;padding:0 2px}.brand img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.small-orbit img{display:block;opacity:.6}.footer-logo{object-fit:contain}@media(max-width:1150px){.brand{font-size:20px}.brand img{width:40px;height:40px}}@media(max-width:780px){.mobile-brand{display:inline-flex;align-items:center;gap:7px}.mobile-brand img{object-fit:contain;flex-shrink:0}}
[hidden]{display:none!important}.separation-filename{font-size:13px;overflow-wrap:anywhere;color:#e0ebd2;margin-bottom:18px}.stem-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stem-preview span{border:1px solid #435238;background:#2b3625;border-radius:5px;text-align:center;padding:10px 3px;font-size:10px;color:#caddb1}.separation-message{font-size:11px;color:#b6c7a0;line-height:1.7;margin:18px 0}.separation-dialog .button+.button{margin-top:10px}#separationProgress{border:1px solid #3d4b32;background:#242d20;border-radius:8px;padding:18px;margin:18px 0}#separationStage{font-size:13px;color:#e2efcc}#separationMeter{width:100%;height:6px;accent-color:var(--accent);border-radius:5px}.processing-indicator{width:20px;height:20px;border:2px solid #52623d;border-top-color:var(--accent);border-radius:50%;animation:inti-spin 1s linear infinite}@keyframes inti-spin{to{transform:rotate(360deg)}}.stem-download{display:block;font-size:8px;color:#b1c78f;padding:5px 0 0}.stem-download:hover{color:var(--accent)}