@font-face{font-family:Inter;src:url(../fonts/Inter.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{color:#2c2d30;font-synthesis:none;text-rendering:optimizelegibility;--color-mint-signal:#00caa0;--color-graphite:#2c2d30;--color-carbon-black:#211d1d;--color-slate-mid:#808183;--color-silver:#afafaf;--color-paper-white:#fff;--color-peach-wash:#ffe4d6;--color-lavender-wash:#e8e0ff;--color-mint-wash:#d4f5e8;--color-periwinkle-wash:#dde7f7;--font-saans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-inter:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-card:16px;--radius-pill:50px;--shadow-subtle:#0000000d 0 0 0 1px;--accent:var(--color-mint-signal);--accent-dark:#00b890;--border:#2c2d301f;--muted:var(--color-slate-mid);--surface:var(--color-paper-white);--success:var(--color-graphite);--error:var(--color-carbon-black);background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #2c2d3033}.app-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.site-header{border-bottom:1px solid #e8e8e8;align-items:center;height:84px;padding:0 32px;display:flex}.brand{color:#151515;letter-spacing:-.02em;align-items:center;gap:12px;font-size:20px;font-weight:730;text-decoration:none;display:inline-flex}.brand-icon{border:2px solid var(--accent);width:34px;height:34px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.mode-tabs{border:1px solid var(--border);background:#f7f7f7;border-radius:12px;gap:4px;width:-moz-fit-content;width:fit-content;margin:0 auto 38px;padding:4px;display:flex}.mode-tabs button{color:#666;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:14px;font-weight:680;display:inline-flex}.mode-tabs button:disabled{cursor:not-allowed;opacity:.55}.converter{width:min(880px,100%);margin:0 auto}.intro{text-align:center;margin-bottom:30px}.intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,5vw,48px);font-weight:780;line-height:1.08}.intro p{color:var(--muted);margin:14px 0 0;font-size:17px;line-height:1.5}.drop-zone{border:2px dashed var(--accent);color:#121212;cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:224px;transition:background .16s,border-color .16s,transform .16s;display:flex}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--accent-dark);background:#fbfbfa;transform:translateY(-1px)}.drop-zone:disabled{cursor:not-allowed;opacity:.65;transform:none}.drop-zone-icon{color:var(--accent);margin-bottom:4px}.drop-zone strong{font-size:20px;font-weight:720}.drop-zone span{color:var(--accent);text-underline-offset:3px;font-size:16px;text-decoration:underline}.selected-file{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:16px;min-height:112px;padding:20px 24px;display:flex}.selected-file-icon{width:50px;height:50px;color:var(--accent);background:#fff;border:1px solid #e3e3e3;border-radius:12px;flex:none;place-items:center;display:grid}.selected-file-copy{gap:5px;min-width:0;display:grid}.selected-file-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.selected-file-copy span{color:var(--muted);font-size:14px}.icon-button{color:#5c5c5c;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:42px;height:42px;margin-left:auto;display:grid}.icon-button:hover{color:#111;background:#eee}.compatibility-strip{grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0;padding:0;list-style:none;display:grid}.compatibility-strip li{border:1px solid var(--border);border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:68px;font-size:15px;font-weight:680;display:flex}.playlist-builder{gap:16px;display:grid}.playlist-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.playlist-heading h2{letter-spacing:-.025em;margin:0;font-size:24px}.playlist-heading p{color:var(--muted);margin:6px 0 0;font-size:14px}.playlist-heading>span{color:var(--muted);font-size:14px;font-weight:650}.track-list{gap:14px;display:grid}.track-card{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}.track-card:focus-within{border-color:#c5c5c5;box-shadow:0 0 0 3px #00000009}.track-card-header{background:var(--surface);border-bottom:1px solid #e9e9e9;align-items:center;gap:11px;min-height:54px;padding:0 14px;display:flex}.track-card-header>strong{color:var(--accent);letter-spacing:.08em;font-size:13px}.track-card-header>span{color:#363636;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:650;overflow:hidden}.drag-handle,.track-order-actions button{color:#777;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;padding:0;display:grid}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.drag-handle:hover,.track-order-actions button:hover:not(:disabled){color:#171717;background:#eaeaea}.track-order-actions{gap:2px;margin-left:auto;display:flex}.track-order-actions button:disabled,.drag-handle:disabled{cursor:not-allowed;opacity:.32}.track-card-body{grid-template-columns:360px minmax(0,1fr);gap:24px;padding:20px;display:grid}.player-preview{aspect-ratio:16/9;color:#fff;background:#1f1d1b;border-radius:10px;position:relative;overflow:hidden}.player-preview-bg,.player-preview-shade{position:absolute;inset:-20px}.player-preview-bg{filter:blur(18px);opacity:.65;background-position:50%;background-size:cover;transform:scale(1.08)}.player-preview-shade{background:#00000085}.preview-cover{color:#fff9;background-color:#3c3936;background-position:50%;background-size:cover;border-radius:7px;place-items:center;width:135px;height:135px;font-size:13px;display:grid;position:absolute;top:34px;left:16px;box-shadow:0 9px 24px #00000047}.preview-meta{display:grid;position:absolute;top:66px;left:176px;right:17px}.preview-meta strong,.preview-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-meta strong{font-size:19px;line-height:1.2}.preview-meta span{color:#ffffffa8;margin-top:7px;font-size:13px}.preview-progress{background:#ffffff38;border-radius:99px;height:4px;margin-top:28px;overflow:hidden}.preview-progress i{border-radius:inherit;background:#fff;width:36%;height:100%;display:block}.preview-meta small{color:#ffffffb8;margin-top:6px;font-size:10px}.track-fields{grid-template-columns:1fr 1fr;align-content:start;gap:14px;display:grid}.file-pickers{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;display:grid}.file-picker{color:#555;text-align:left;cursor:pointer;background:#fff;border:1px dashed #cfcfcf;border-radius:9px;align-items:center;gap:11px;min-width:0;min-height:68px;padding:10px 12px;display:flex}.file-picker:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.file-picker.has-file{color:var(--success);border-style:solid;border-color:#d8d8d8}.file-picker>span{gap:4px;min-width:0;display:grid}.file-picker strong,.file-picker small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-picker strong{color:#222;font-size:13px}.file-picker small{color:#858585;font-size:10px}.file-picker:disabled{cursor:not-allowed;opacity:.6}.text-field{gap:7px;min-width:0;display:grid}.text-field input{color:#171717;background:#fff;border:1px solid #d4d4d4;border-radius:8px;outline:none;width:100%;height:44px;padding:0 12px;font-size:14px}.text-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2c2d3014}.text-field input::placeholder{color:#a0a0a0}.add-track-button{color:#363636;cursor:pointer;background:#fff;border:1px dashed #c9c9c9;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:50px;font-size:14px;font-weight:680;display:inline-flex}.playlist-note{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.5}.output-preview-section{gap:12px;margin-top:24px;display:grid}.output-preview-section>div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.output-preview-section h2{letter-spacing:-.02em;margin:0;font-size:19px}.output-preview-section span{color:var(--muted);font-size:13px}.output-preview-section video{aspect-ratio:16/9;background:#111;border-radius:12px;width:100%;display:block}.actions{justify-content:center;align-items:center;gap:12px;display:flex}.primary-button,.download-button,.secondary-button{border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 28px;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.primary-button,.download-button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;min-width:300px}.primary-button:hover:not(:disabled),.download-button:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-1px)}.primary-button:disabled{color:#929292;cursor:not-allowed;background:#eee;border-color:#dedede}.secondary-button{border:1px solid var(--border);color:#222;cursor:pointer;background:#fff;min-width:auto}.status-panel{border:1px solid var(--border);background:#fff;border-radius:13px;margin-top:28px}.progress-heading{justify-content:space-between;align-items:center;gap:16px;font-size:18px;display:flex}.progress-heading>span{align-items:center;gap:10px;display:inline-flex}.progress-file{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:9px 0 14px;font-size:14px;display:block;overflow:hidden}.progress-track{background:#ececec;border-radius:99px;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;transition:width .22s;display:block}.spinner{color:var(--accent);animation:1s linear infinite spin}.success-panel,.error-panel{align-items:center;gap:16px;padding:20px 22px;display:flex}.status-leading{flex:none}.success-icon{color:var(--success)}.error-icon{color:var(--error)}.status-copy{gap:5px;min-width:0;display:grid}.status-copy strong{font-size:17px}.status-copy span{overflow-wrap:anywhere;color:var(--muted);font-size:14px}.status-copy .verified-copy{color:var(--success);font-weight:650}.download-button{min-width:auto;min-height:46px;margin-left:auto;padding:0 20px}.memory-warning,.field-error{color:#8a4d00;margin:10px 0 0;font-size:13px;line-height:1.45}.field-error{color:var(--error)}footer{color:#727272;justify-content:center;align-items:center;gap:9px;min-height:74px;padding:20px 24px;font-size:14px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:720px){.site-header{height:70px;padding:0 18px}.brand{font-size:18px}main{padding:36px 16px 24px}.mode-tabs{width:100%;margin-bottom:30px}.mode-tabs button{flex:1;padding:0 10px;font-size:13px}.intro h1{font-size:36px}.intro p{font-size:15px}.drop-zone{min-height:194px;padding:20px}.drop-zone strong{font-size:18px}.compatibility-strip{grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.compatibility-strip li{min-height:58px;font-size:13px}.playlist-heading{align-items:flex-start}.track-card-header{padding:0 9px}.track-order-actions{gap:0}.track-card-body{grid-template-columns:1fr;gap:16px;padding:14px}.file-pickers,.track-fields{grid-template-columns:1fr}.text-field,.file-pickers{grid-column:auto}.actions{flex-direction:column}.primary-button,.secondary-button{width:100%}.status-panel{margin-top:22px}.success-panel,.error-panel{flex-wrap:wrap;align-items:flex-start}.download-button{width:100%;margin:6px 0 0}footer{min-height:64px;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-inter);color:var(--color-graphite);background:var(--color-paper-white);font-feature-settings:"cv11" 1;letter-spacing:-.015em}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-graphite);outline-offset:3px}.site-header{border-bottom:1px dashed #afafaf9e;justify-content:space-between;width:min(1200px,100% - 48px);height:72px;margin:0 auto;padding:0}.desktop-download,footer a{color:var(--color-graphite);align-items:center;gap:8px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.desktop-download{border:1px solid #2c2d302e;border-radius:9px;padding:9px 13px}footer a{margin-left:auto}.brand{color:var(--color-graphite);font-family:var(--font-saans);letter-spacing:.015em;gap:10px;font-size:18px;font-weight:600}.brand-icon{background:var(--color-mint-wash);width:38px;height:38px;color:var(--color-graphite);border:0;border-radius:50%}main{padding:48px 24px 64px}.mode-tabs{border-radius:var(--radius-pill);box-shadow:var(--shadow-subtle);background:#f4f4f3;border:0;gap:4px;margin-bottom:48px;padding:4px}.mode-tabs button{border-radius:var(--radius-pill);min-height:44px;color:var(--color-slate-mid);letter-spacing:-.006em;padding:0 20px;font-size:14px;font-weight:500}.mode-tabs button.is-active{color:var(--color-graphite);background:var(--color-paper-white);box-shadow:var(--shadow-subtle)}.converter{width:min(880px,100%)}.playlist-converter{width:min(1040px,100%)}.intro{margin-bottom:40px}.intro h1{color:var(--color-graphite);font-family:var(--font-saans);font-feature-settings:"ss01" 1;letter-spacing:.015em;font-size:clamp(36px,5vw,46px);font-weight:400;line-height:1.2}.intro p{max-width:690px;color:var(--color-slate-mid);letter-spacing:-.017em;margin:16px auto 0;font-size:18px;line-height:1.4}.drop-zone{border:1px dashed var(--color-silver);border-radius:var(--radius-card);background:var(--color-paper-white);min-height:232px;color:var(--color-graphite);box-shadow:var(--shadow-subtle);gap:12px}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--color-graphite);background:#fbfbfa}.drop-zone-icon,.drop-zone span{color:var(--color-graphite)}.drop-zone strong{font-family:var(--font-saans);letter-spacing:.015em;font-size:20px;font-weight:500}.drop-zone span{color:var(--color-slate-mid);-webkit-text-decoration-color:var(--color-silver);text-decoration-color:var(--color-silver);font-size:15px}.selected-file,.track-card,.status-panel{border-radius:var(--radius-card);background:var(--color-paper-white);box-shadow:var(--shadow-subtle);border:0}.selected-file{padding:24px}.selected-file-icon{background:var(--color-periwinkle-wash);color:var(--color-graphite);border:0;border-radius:50%}.icon-button,.drag-handle,.track-order-actions button{color:var(--color-slate-mid);border-radius:50%}.icon-button:hover,.drag-handle:hover,.track-order-actions button:hover:not(:disabled){color:var(--color-graphite);background:#f1f1ef}.track-order-actions button:last-child:hover:not(:disabled){color:var(--color-carbon-black);background:var(--color-peach-wash)}.compatibility-strip{gap:16px;margin:32px 0}.compatibility-strip li{border-radius:var(--radius-card);min-height:76px;color:var(--color-graphite);border:0;font-weight:500}.compatibility-strip li:first-child{background:var(--color-peach-wash)}.compatibility-strip li:nth-child(2){background:var(--color-mint-wash)}.compatibility-strip li:nth-child(3){background:var(--color-lavender-wash)}.compatibility-strip li:nth-child(4){background:var(--color-periwinkle-wash)}.compatibility-strip svg{color:var(--color-graphite)}.playlist-builder{gap:24px}.playlist-heading{border-bottom:1px dashed #afafafb8;padding-bottom:16px}.playlist-heading h2,.output-preview-section h2{color:var(--color-graphite);font-family:var(--font-saans);letter-spacing:.015em;font-weight:500}.playlist-heading h2{font-size:28px}.playlist-heading p,.playlist-heading>span,.playlist-note,.output-preview-section span{color:var(--color-slate-mid)}.track-list{gap:16px}.track-card{overflow:hidden}.track-card:focus-within{box-shadow:var(--shadow-subtle), 0 0 0 3px #2c2d300d}.track-card-header{background:var(--color-paper-white);border-bottom:1px dashed #afafaf80;min-height:60px;padding:0 16px}.track-card-header>strong{color:var(--color-graphite);font-size:13px;font-weight:500}.track-card-header>span{color:var(--color-graphite);font-weight:500}.track-card-body{gap:24px;padding:24px}.file-picker{border:1px dashed var(--color-silver);border-radius:var(--radius-card);min-height:72px;color:var(--color-graphite);padding:12px 14px}.file-picker:hover:not(:disabled){border-color:var(--color-graphite);color:var(--color-graphite);background:#fbfbfa}.file-picker.has-file{color:var(--color-graphite);background:var(--color-mint-wash);border-color:#2c2d3033}.file-picker strong{color:var(--color-graphite);font-weight:500}.file-picker small{color:var(--color-slate-mid)}.text-field>span{color:var(--color-graphite);font-size:13px;font-weight:500}.text-field input{border-radius:var(--radius-pill);height:48px;color:var(--color-graphite);box-shadow:var(--shadow-subtle);border:0;padding:0 16px}.text-field input:focus{box-shadow:var(--shadow-subtle), 0 0 0 2px var(--color-graphite);border:0}.add-track-button{border:1px dashed var(--color-silver);border-radius:var(--radius-pill);min-height:54px;color:var(--color-graphite);font-weight:500}.add-track-button:hover:not(:disabled){border-color:var(--color-graphite);color:var(--color-graphite);background:#fbfbfa}.playlist-note{margin-top:16px;font-size:14px}.actions{gap:16px}.primary-button,.download-button,.secondary-button{border-radius:var(--radius-pill);min-height:54px;font-family:var(--font-saans);letter-spacing:.015em;padding:0 24px;font-weight:500}.primary-button,.download-button{border:1px solid var(--color-mint-signal);background:var(--color-mint-signal);color:var(--color-paper-white)}.primary-button:hover:not(:disabled),.download-button:hover{border-color:var(--accent-dark);background:var(--accent-dark)}.primary-button:disabled{color:var(--color-slate-mid);background:#efefed;border-color:#e8e8e6}.secondary-button{border:1px solid var(--color-graphite);color:var(--color-graphite)}.secondary-button:hover{background:#f4f4f2}.progress-panel{padding:24px}.progress-track{background:#ececea}.progress-track span{background:var(--color-graphite)}.spinner,.success-icon,.error-icon,.status-copy .verified-copy{color:var(--color-graphite)}.output-preview-section{border-top:1px dashed #afafafb8;gap:16px;margin-top:32px;padding-top:32px}.output-preview-section video{border-radius:var(--radius-card);box-shadow:var(--shadow-subtle)}footer{width:min(1200px,100% - 48px);color:var(--color-slate-mid);border-top:1px dashed #afafaf9e;margin:0 auto}@media (max-width:720px){.site-header,footer{width:min(100% - 32px,1200px)}.site-header{height:68px;padding:0}main{padding:32px 16px 48px}.mode-tabs{margin-bottom:36px}.intro{margin-bottom:32px}.intro h1{font-size:36px}.intro p{font-size:16px}.compatibility-strip{gap:10px}.track-card-body{padding:16px}}.desktop-shell{color:#f3f5f3;background:#0b0d10;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.desktop-header{-webkit-app-region:drag;background:#12161a;border-bottom:1px solid #292e32;justify-content:center;align-items:center;height:72px;display:flex;position:relative}.desktop-window-title{color:#d9dfdb;letter-spacing:-.018em;font-size:15px;font-weight:560}.desktop-subnav{background:#0e1115;border-bottom:1px solid #23282c;justify-content:space-between;align-items:center;min-height:53px;padding:0 max(28px,50vw - 505px);display:flex}.local-note{color:#9da5a0;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.desktop-mode-tabs{background:#151a1e;border:1px solid #272d31;border-radius:9px;gap:4px;padding:4px;display:flex}.desktop-mode-tabs button{color:#909994;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 13px;font-size:12px;font-weight:650}.desktop-mode-tabs button.active{color:#eaf0ec;background:#29312f}.local-note span{background:#57e5b8;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #57e5b81f}.desktop-main{width:min(1010px,100% - 56px);margin:0 auto;padding:64px 0 36px}.desktop-hero{max-width:695px;margin-bottom:42px}.desktop-hero p{color:#64e4b8;letter-spacing:.08em;margin:0 0 11px;font-size:13px;font-weight:700}.desktop-hero h1{color:#f7f8f7;letter-spacing:-.055em;max-width:680px;margin:0;font-size:clamp(34px,4.2vw,52px);font-weight:760;line-height:1.04}.desktop-native-line{color:#87908b;align-items:center;gap:8px;margin-top:18px;font-size:13px;display:inline-flex}.desktop-native-line svg{color:#57e5b8}.desktop-workspace{background:#101318;border:1px solid #2b3035;border-radius:16px;grid-template-columns:1.15fr .85fr;display:grid;overflow:hidden;box-shadow:0 24px 70px #0000003d}.source-panel,.destination-panel{padding:27px}.destination-panel{background:#0e1115;border-left:1px solid #2b3035}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:13px;display:flex}.section-heading span{color:#e8ece9;font-size:13px;font-weight:720}.section-heading small{color:#77807b;font-size:11px}.native-file-picker,.folder-picker{color:#dbe1dd;cursor:pointer;text-align:left;background:#151a1f;border:1px solid #343b40;border-radius:11px;align-items:center;gap:14px;width:100%;transition:border-color .16s,background .16s;display:flex}.native-file-picker{min-height:118px;padding:18px}.native-file-picker:hover,.folder-picker:hover{background:#18201e;border-color:#5a7168}.native-file-picker:disabled,.folder-picker:disabled{opacity:.58;cursor:not-allowed}.native-file-icon{color:#60e1b7;background:#57e5b81f;border-radius:10px;flex:none;place-items:center;width:48px;height:48px;display:grid}.native-file-picker>span:nth-child(2){gap:6px;min-width:0;display:grid}.native-file-picker strong{color:#eef2ef;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.native-file-picker em{color:#89918d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;overflow:hidden}.choose-label{color:#80eac6;flex:none;margin-left:auto;font-size:12px;font-weight:650}.options-heading{margin-top:29px}.native-select{color:#cbd1cd;gap:8px;font-size:12px;font-weight:650;display:grid}.native-select>div{position:relative}.native-select select{appearance:none;color:#f4f7f5;width:100%;font:inherit;cursor:pointer;background:#151a1f;border:1px solid #343b40;border-radius:9px;outline:none;padding:12px 39px 12px 12px}.native-select div svg{color:#8b9690;pointer-events:none;position:absolute;top:10px;right:12px}.native-select small{color:#77807b;font-weight:500}.folder-picker{color:#cdd4d0;min-height:52px;padding:0 15px}.folder-picker svg{color:#60e1b7}.folder-picker span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.format-card{background:#121816;border:1px solid #2d3535;border-radius:11px;gap:8px;margin-top:19px;padding:17px;display:grid}.format-card div{color:#a9b2ad;align-items:center;gap:8px;font-size:12px;display:flex}.format-card div svg{color:#61d4ad}.format-card strong{color:#edf1ee;font-size:13px}.format-card small{color:#78837d;font-size:11px;line-height:1.45}.native-convert{color:#07120f;cursor:pointer;background:#5be0b6;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:49px;margin-top:20px;font-size:14px;font-weight:760;transition:transform .16s,background .16s;display:inline-flex}.native-convert:hover:not(:disabled){background:#7cebc7;transform:translateY(-1px)}.native-convert:disabled{color:#67736d;cursor:not-allowed;background:#27302d}.desktop-status{background:#0f1216;border:1px solid #282e33;border-radius:13px;align-items:center;gap:13px;min-height:76px;margin-top:18px;padding:16px 19px;display:flex}.desktop-status>span{border-radius:50%;flex:none;place-items:center;width:31px;height:31px;display:grid}.status-idle{border:1px solid #58625c}.status-spinner{color:#6be5be;background:#57e5b81a}.status-done{color:#07120f;background:#60e0b7}.status-error{color:#f3c6c3;background:#542c2e;font-weight:800}.desktop-status div{gap:4px;min-width:0;display:grid}.desktop-status strong{color:#edf1ee;font-size:13px}.desktop-status div span{color:#858f89;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.desktop-status button{color:#72e5bd;cursor:pointer;background:0 0;border:1px solid #385146;border-radius:8px;margin-left:auto;padding:8px 11px;font-size:12px;font-weight:650}.spin{animation:1s linear infinite spin}.desktop-playlist-main{padding-top:48px}.playlist-native-list{background:#101318;border:1px solid #2b3035;border-radius:15px;overflow:hidden}.native-track{border-bottom:1px solid #252b2f;grid-template-columns:43px 1fr 36px;align-items:stretch;min-height:92px;display:grid}.native-track-number{color:#6c7771;border-right:1px solid #252b2f;place-items:center;font-size:12px;font-weight:700;display:grid}.native-track-fields{grid-template-columns:1fr 1fr;gap:8px;padding:13px;display:grid}.native-track-fields button,.native-track-fields input{color:#dce4df;min-width:0;font:inherit;background:#161b20;border:1px solid #353d40;border-radius:8px;outline:none;padding:0 10px;font-size:12px}.native-track-fields button{cursor:pointer;text-align:left;align-items:center;gap:8px;display:flex}.native-track-fields button svg{color:#67dbb6;flex:none}.native-track-fields button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.native-track-fields input:focus{border-color:#69dcb6}.native-delete{color:#89928d;cursor:pointer;background:0 0;border:0;border-left:1px solid #252b2f;place-items:center;display:grid}.native-delete:hover:not(:disabled){color:#ffb8b2;background:#24191b}.native-delete:disabled{opacity:.3;cursor:not-allowed}.native-add-track{color:#74e5c0;cursor:pointer;background:#111715;border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;font-size:13px;font-weight:700;display:inline-flex}.playlist-output-row{grid-template-columns:1fr 250px;gap:14px;margin-top:16px;display:grid}.playlist-output-row .native-convert{margin:0}@media (max-width:780px){.desktop-main{width:min(100% - 32px,1010px);padding-top:42px}.desktop-workspace{grid-template-columns:1fr}.destination-panel{border-top:1px solid #2b3035;border-left:0}.desktop-subnav{padding:0 16px}.desktop-hero h1{font-size:37px}}@media (max-width:640px){.desktop-mode-tabs{display:none}.native-track-fields{grid-template-columns:1fr}.native-track{grid-template-columns:34px 1fr 34px}.playlist-output-row{grid-template-columns:1fr}}