@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";:root{font-family:DM Sans,Zen Kaku Gothic New,sans-serif;color:#eef5ff;background:#07111f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#07111f}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed}.app-shell{width:min(1440px,calc(100% - 48px));margin:0 auto;padding:26px 0 34px;min-height:100vh;position:relative}.app-shell:before,.app-shell:after{content:"";position:fixed;pointer-events:none;filter:blur(2px);z-index:-1}.app-shell:before{width:560px;height:560px;top:-280px;left:-180px;background:radial-gradient(circle,rgba(28,92,170,.24),transparent 68%)}.app-shell:after{width:560px;height:560px;right:-190px;bottom:-250px;background:radial-gradient(circle,rgba(179,85,33,.16),transparent 67%)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.brand-lockup,.topbar-actions,.privacy-pill,.ghost-button,.eyebrow,.drop-meta,.track-header,.transport-row,.panel-heading,.control-label,.selection-actions,.range-note,.save-preset,.storage-note,.export-bar,.export-copy,.status-bar,.status-message{display:flex;align-items:center}.brand-lockup{gap:11px}.brand-mark{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;color:#06101f;background:linear-gradient(135deg,#78c2ff,#a6d9ff);box-shadow:0 0 0 5px #78c2ff17}.brand-name{font-size:18px;line-height:18px;letter-spacing:-.6px;font-weight:700}.brand-subtitle{margin-top:3px;font-family:DM Mono,monospace;color:#7890ac;font-size:8px;letter-spacing:1.4px}.topbar-actions{gap:12px}.icon-button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #27415e;color:#9cb8d2;background:transparent;border-radius:7px}.icon-button:hover:not(:disabled){color:#fff;border-color:#6b9dca;background:#72a6dc1a}.icon-button:disabled{opacity:.35}.privacy-pill{gap:7px;padding:7px 10px;color:#b8d4c0;background:#33705029;border:1px solid rgba(101,191,134,.24);border-radius:999px;font-size:11px;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;background:#78e6a4;box-shadow:0 0 9px #78e6a4}.ghost-button{gap:7px;border:1px solid #27415e;color:#b6c9dd;background:transparent;border-radius:8px;padding:8px 10px;font-size:12px;transition:border .2s,color .2s,background .2s}.ghost-button:hover{color:#fff;border-color:#5d8abb;background:#72a6dc1a}.hero-row{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:72px 4px 35px}.eyebrow{gap:7px;margin:0 0 14px;color:#7dbdff;font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.3px}h1{margin:0;max-width:670px;font-size:clamp(40px,5.2vw,72px);line-height:.99;letter-spacing:-3.8px;font-weight:700}h1 em{color:#ffb866;font-style:normal}.hero-copy{max-width:520px;margin:22px 0 0;color:#93a8bd;line-height:1.8;font-size:14px}.format-card{min-width:280px;padding:18px 20px;border-left:1px solid #466789;background:linear-gradient(90deg,rgba(25,48,76,.34),transparent)}.format-card span,.format-card small{display:block;font-family:DM Mono,monospace;color:#6f8dac;font-size:10px;letter-spacing:.4px}.format-card strong{display:block;margin:7px 0 9px;color:#dceafe;font-size:13px;letter-spacing:.1px}.format-card small{font-size:9px;line-height:1.45}.drop-zone{position:relative;overflow:hidden;min-height:330px;padding:66px 24px 38px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #527596;border-radius:18px;background:linear-gradient(135deg,#1835564d,#0c192aa3);transition:.2s ease}.drop-zone:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(99,155,202,.12);border-radius:10px;pointer-events:none}.drop-zone.dragging{transform:scale(1.005);border-color:#92caff;background:#275a8f59;box-shadow:0 0 0 4px #6bb1ee1a}.drop-icon{width:60px;height:60px;margin-bottom:18px;display:grid;place-items:center;color:#8ecbff;border:1px solid rgba(137,201,255,.42);background:#346fa72e;border-radius:17px}.drop-zone h2{margin:0;font-size:22px;letter-spacing:-.6px}.drop-zone p{margin:8px 0 21px;color:#8ea5bd;font-size:13px}.primary-button,.export-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;color:#07111f;background:#a7d8ff;border-radius:9px;padding:12px 17px;font-size:13px;font-weight:700;box-shadow:0 8px 25px #54a3e82e;transition:transform .18s,background .18s}.primary-button:hover,.export-button:hover:not(:disabled){background:#d1ebff;transform:translateY(-1px)}.drop-meta{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:26px;color:#6f89a4;font-size:11px}.drop-meta svg{color:#7ebf9d}.workspace{padding:22px 23px 18px;border:1px solid #263d59;border-radius:16px;background:#0a1727b8;box-shadow:0 17px 38px #00000029}.track-header{gap:11px}.track-icon{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;color:#f6b766;background:#c1742d29;border-radius:10px}.track-title{min-width:0;display:flex;flex-direction:column;gap:4px}.track-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.track-title span{color:#7590aa;font-family:DM Mono,monospace;font-size:10px}.change-file{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#91b9df;font-size:12px}.change-file:hover{color:#d6eaff}.waveform-wrap{margin:20px 0 15px;position:relative}.waveform{display:block;width:100%;height:176px;border:1px solid #1f3954;border-radius:10px;cursor:crosshair;touch-action:none}.waveform-caption{position:absolute;left:12px;right:12px;bottom:9px;display:flex;justify-content:space-between;color:#e6b268;font-family:DM Mono,monospace;font-size:10px;pointer-events:none}.transport-row{gap:13px}.round-button{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border:none;border-radius:50%;color:#06111e;background:#f5b464;transition:transform .15s,background .15s}.round-button:hover{transform:scale(1.06);background:#ffd08d}.transport-time{min-width:102px;font-family:DM Mono,monospace;white-space:nowrap}.transport-time strong{color:#eff7ff;font-size:13px;font-weight:500}.transport-time span{color:#7089a1;font-size:11px}.timeline-input{flex:1}input[type=range]{width:100%;height:4px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#6398c6,#314e6e);border-radius:99px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:2px solid #d8efff;border-radius:50%;background:#347db5;box-shadow:0 1px 5px #00000073}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid #d8efff;border-radius:50%;background:#347db5}.loop-button,.bypass-toggle{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid #2c4968;color:#8ba5bf;background:#0a1929;border-radius:7px;padding:8px 9px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2px}.loop-button.active{color:#ffcb85;border-color:#a2753b;background:#b1702826}.bypass-toggle{font-family:inherit}.bypass-toggle>span{width:7px;height:7px;border-radius:50%;background:#5a748f}.bypass-toggle.active{color:#e7f1ff;border-color:#8cb6e1;background:#5793cc24}.bypass-toggle.active>span{background:#a6d8ff;box-shadow:0 0 8px #a6d8ff}.editor-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:15px;margin-top:16px}.control-panel{min-width:0;min-height:294px;padding:20px;border:1px solid #263e5a;border-radius:14px;background:linear-gradient(145deg,#0f2136e6,#081423f0)}.disabled-editor{opacity:.45;filter:saturate(.6);pointer-events:none}.panel-heading{gap:10px;margin-bottom:21px}.panel-icon{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px}.panel-icon.blue{color:#87c4ff;background:#408cd32b}.panel-icon.orange{color:#ffbd76;background:#d07b2c26}.panel-icon.purple{color:#c4b3ff;background:#8562d229}.panel-heading p{margin:0 0 2px;font-family:DM Mono,monospace;color:#718fab;font-size:9px;letter-spacing:1px}.panel-heading h2{margin:0;font-size:17px;letter-spacing:-.5px}.control-row{display:grid;grid-template-columns:minmax(115px,.78fr) minmax(145px,1fr);gap:14px;align-items:center;padding:11px 0;border-top:1px solid rgba(91,125,158,.17)}.control-row:first-of-type{border-top:0;padding-top:0}.control-label{gap:8px;color:#b6ccdf}.control-label>span{width:23px;height:23px;display:grid;place-items:center;color:#78b7f4;border-radius:6px;background:#528bc021}.control-label strong{display:block;font-size:12px;font-weight:600}.control-label small{display:block;margin-top:2px;color:#6f89a4;font-size:9px;line-height:1.25}.control-input{min-width:0;display:grid;grid-template-columns:1fr 54px;gap:8px;align-items:center}.control-input>input[type=range]{grid-column:1 / 2}.number-input{grid-column:2;grid-row:1;width:54px;color:#dbeafd;border:1px solid #355574;background:#091827;border-radius:5px;padding:6px 3px;text-align:center;font-family:DM Mono,monospace;font-size:11px;outline:none}.number-input:focus{border-color:#73b5ed}.control-value{grid-column:1 / -1;color:#edf7ff;font-family:DM Mono,monospace;font-size:11px;text-align:right}.bpm-box{margin:8px 0 6px;padding:11px 12px;border:1px solid rgba(91,125,158,.28);border-radius:8px;background:#0818288a}.bpm-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#85b8e7;font-family:DM Mono,monospace;font-size:9px}.bpm-heading label{color:#9db3c9;font-family:inherit;font-size:10px}.bpm-heading input{accent-color:#80c3f5}.bpm-fields{display:grid;grid-template-columns:1fr 16px 1fr;align-items:end;gap:7px;margin-top:9px;color:#6f89a4;font-size:9px}.bpm-fields span{padding-bottom:8px;text-align:center;color:#d19c5f}.bpm-fields label,.fade-fields label{display:grid;gap:4px}.bpm-fields input,.fade-fields input{width:100%;color:#dbeafd;border:1px solid #355574;background:#091827;border-radius:5px;padding:6px 4px;text-align:center;font-family:DM Mono,monospace;font-size:10px;outline:none}.fade-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;color:#7692ad;font-size:10px}.fade-fields small{color:#6f89a4;font-size:9px}.selection-readout{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;padding:15px 0;border-top:1px solid rgba(91,125,158,.17);border-bottom:1px solid rgba(91,125,158,.17)}.selection-readout div{text-align:center}.selection-readout span{display:block;color:#eaa85c;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.8px}.selection-readout strong{display:block;margin-top:4px;font-family:DM Mono,monospace;font-size:17px;font-weight:500}.selection-readout .selection-line{width:19px;height:1px;background:#607894}.range-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.range-fields label,.select-label{color:#7692ad;font-size:10px}.range-fields input,.save-preset input,select{width:100%;margin-top:6px;color:#dbeafd;border:1px solid #355574;background:#091827;border-radius:6px;padding:8px;outline:none;font-family:DM Mono,monospace;font-size:11px}.range-fields input:focus,.save-preset input:focus,select:focus{border-color:#72b8ef}.selection-actions{gap:8px;margin-top:17px}.selection-actions button,.save-preset button{flex:1;display:inline-flex;justify-content:center;align-items:center;gap:5px;color:#a5ccec;border:1px solid #315171;background:#0c1d2e;border-radius:6px;padding:8px 5px;font-size:10px}.selection-actions button:hover:not(:disabled),.save-preset button:hover:not(:disabled){color:#fff;border-color:#5f94c2}.range-note{gap:6px;margin:15px 0 0;color:#718ca6;font-size:10px;line-height:1.5}.range-note svg{flex:0 0 auto;color:#d7a060}.select-label{display:block}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px}.select-wrap svg{position:absolute;right:9px;top:13px;color:#87a2bf;pointer-events:none}.save-preset{gap:7px;margin-top:13px}.save-preset input{margin:0;min-width:0}.save-preset button{flex:0 0 auto;padding:8px 9px}.storage-note{gap:5px;margin:15px 0 0;color:#728da7;font-size:10px;line-height:1.4}.storage-note svg{flex:0 0 auto;color:#83c9a1}.export-bar{justify-content:space-between;gap:20px;margin-top:16px;padding:17px 19px;border:1px solid #34597d;border-radius:13px;background:linear-gradient(90deg,#19496f6b,#0e2237a6)}.export-copy{gap:12px}.export-icon{width:35px;height:35px;display:grid;place-items:center;color:#9bd3ff;border-radius:9px;background:#61a9e226}.export-copy strong{display:block;font-size:14px}.export-copy span{display:block;margin-top:3px;color:#94acc3;font-size:11px}.export-button{min-width:174px;padding:11px 14px;background:#83c6ff}.export-button:disabled{color:#55708b;background:#1c344d;box-shadow:none;transform:none}.spinner{width:15px;height:15px;border:2px solid rgba(7,17,31,.25);border-top-color:#07111f;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-bar{justify-content:space-between;gap:18px;padding:15px 4px 0;color:#7893ae;font-size:11px}.status-message{gap:7px}.status-message>svg{color:#85caa2}.status-message.error{color:#ffb2a9}.status-message.error>svg{color:#ff9a8d}.status-right{color:#56708b;font-family:DM Mono,monospace;font-size:9px;text-align:right}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 1080px){.editor-grid{grid-template-columns:1.2fr 1fr}.preset-panel{grid-column:1 / -1;min-height:auto}}@media (max-width: 700px){.app-shell{width:min(100% - 28px,560px);padding-top:18px}.topbar-actions .privacy-pill{display:none}.hero-row{display:block;padding-top:48px}h1{font-size:45px;letter-spacing:-2.8px}.format-card{margin-top:27px;min-width:0}.workspace{padding:16px 13px 14px}.waveform{height:148px}.transport-row{flex-wrap:wrap;gap:10px}.timeline-input{flex-basis:calc(100% - 156px);order:2}.loop-button,.bypass-toggle{order:3}.editor-grid{grid-template-columns:1fr}.preset-panel{grid-column:auto}.control-panel{min-height:auto}.control-row{grid-template-columns:1fr;gap:7px}.export-bar{align-items:flex-start;flex-direction:column}.export-button{width:100%}.status-bar{align-items:flex-start;flex-direction:column}.status-right{text-align:left}}@media (max-width: 430px){.topbar{align-items:flex-start}.reset-button{font-size:0;padding:9px}.reset-button svg{margin:0}.hero-copy{font-size:13px}.track-title span{font-size:9px}.change-file{padding:3px;font-size:0}.change-file svg{margin:0}.transport-time{min-width:92px}.timeline-input{flex-basis:calc(100% - 146px)}.control-input{grid-template-columns:1fr 58px}}