@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#08090c;--surface:#101116;--surface2:#15171e;--surface3:#1b1e27;--line:#292c36;--text:#f6f7fb;--muted:#9297a6;--red:#ff3b52;--red2:#c51e3c;--green:#48e0a1;--radius:18px;--shadow:0 22px 70px #0006}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 70% -10%,#38121c 0,transparent 34%),radial-gradient(ellipse at 0% 55%,#17101b 0,transparent 28%),var(--bg);color:var(--text);font-family:Manrope,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.6;overflow-x:hidden}button,input,select,textarea{font:inherit}button{touch-action:manipulation}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(90px);opacity:.17;border-radius:50%}.ambient-red{width:360px;height:360px;right:-90px;top:-140px;background:#ff2448}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:28px 18px 20px;background:linear-gradient(180deg,#101116f5,#0b0c10f5);border-right:1px solid #ffffff0d;display:flex;flex-direction:column;z-index:20;backdrop-filter:blur(24px);overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;margin:0 0 32px 5px;text-decoration:none;color:var(--text);font-size:15px;font-weight:800;letter-spacing:.8px;line-height:1.25}.brand-mark{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#ff5267,#c81938);box-shadow:0 8px 30px #ff24482e;color:white;font-size:25px;font-weight:800}.brand .red{color:var(--red)}.brand small{display:block;color:#747987;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:1.6px;margin-top:6px}.nav-label,.eyebrow{color:#8c91a1;font:500 10px/1.4 "DM Mono",monospace;letter-spacing:1.7px}.nav-label{margin:18px 0 8px 12px}.nav-label:first-of-type{margin-top:0}.nav{width:100%;display:flex;align-items:center;gap:12px;margin:4px 0;padding:12px 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#a6aab6;text-align:left;cursor:pointer;font-size:12px;font-weight:700;transition:background .18s,border-color .18s,color .18s,transform .18s}.nav>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#ffffff08;font-size:16px}.nav:hover{background:#ffffff08;color:#fff;transform:translateX(2px)}.nav.active{color:#fff;background:linear-gradient(100deg,#ff3b521c,#ff3b5205);border-color:#ff3b5233;box-shadow:inset 3px 0 var(--red)}.nav.active>span{color:#ff697a;background:#ff3b521a}.nav em{margin-left:auto;padding:3px 6px;border:1px solid #383b46;border-radius:5px;color:#9ca1af;font:500 8px "DM Mono",monospace;letter-spacing:.7px}.sidebar-bottom{margin-top:auto;padding:16px 13px 4px;border-top:1px solid #ffffff12;color:#c5c8d1;font-size:11px}.sidebar-bottom small{display:block;margin-top:13px;color:#676c7a;font:500 9px "DM Mono",monospace;letter-spacing:1.7px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#777d8c;vertical-align:middle}.sidebar-bottom .status-dot{background:var(--green);box-shadow:0 0 12px #48e0a155}.main{max-width:1680px;margin-left:252px;padding:30px clamp(20px,4vw,62px) 24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.topbar h1{margin:7px 0 0;font-size:clamp(24px,3vw,35px);font-weight:800;letter-spacing:-1.5px;line-height:1.18}.red{color:var(--red)}.top-actions{display:flex;align-items:center;gap:10px}.api-pill{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#ffffff04;color:#b2b6c2;font:500 9px "DM Mono",monospace;letter-spacing:1px}.api-pill i{width:7px;height:7px;border-radius:50%;background:#858b9a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 15px;border:1px solid #353844;border-radius:10px;background:#1b1d25;color:#f8f8fb;font-size:11px;font-weight:800;cursor:pointer;transition:transform .18s,border-color .18s,background .18s;box-shadow:0 5px 16px #0001}.btn:hover{transform:translateY(-2px);border-color:#666b7a}.btn:active{transform:translateY(0)}.btn-red{border-color:#ff3b52;background:linear-gradient(135deg,#ff4b60,#d91e40);box-shadow:0 8px 25px #ff244820;color:white}.btn-red:hover{background:linear-gradient(135deg,#ff6677,#eb2448);border-color:#ff7180}.btn-ghost{background:#ffffff04}.full{width:100%;margin-top:14px}.panel{position:relative;border:1px solid #ffffff12;border-radius:var(--radius);background:linear-gradient(145deg,#15171fef,#0f1016f5);box-shadow:0 14px 45px #00000030}.hero{display:flex;align-items:center;position:relative;min-height:340px;padding:clamp(25px,4vw,52px);overflow:hidden;isolation:isolate;background:linear-gradient(110deg,#17141b 0%,#111219 54%,#171019 100%)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 35%,#ff33450b),repeating-linear-gradient(135deg,transparent 0 27px,#ffffff03 28px 29px)}.hero:after{content:"";position:absolute;right:15%;top:-90px;width:330px;height:330px;border-radius:50%;border:1px solid #ff52671c;box-shadow:0 0 0 28px #ff526706,0 0 0 56px #ff526704;z-index:-1}.hero-copy{position:relative;z-index:2;max-width:560px}.tag{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #ff52672b;border-radius:7px;background:#ff3b520e;color:#ffb6bf;font:500 9px "DM Mono",monospace;letter-spacing:1.1px}.tag .status-dot{background:var(--red);box-shadow:0 0 12px #ff3b5277}.hero h2{margin:22px 0 13px;font-size:clamp(38px,5.2vw,62px);line-height:1.02;letter-spacing:-3px;font-weight:800}.hero p{max-width:400px;margin:0 0 24px;color:#a6a9b6;font-size:13px;line-height:1.8}.hero-art{position:absolute;right:1%;top:0;width:43%;height:100%;display:grid;place-items:center;opacity:.92;pointer-events:none}.hero-h{position:relative;z-index:1;font-size:clamp(150px,22vw,270px);font-weight:800;line-height:1;color:#171920;text-shadow:1px 0 #ff3b524a,-1px 0 #ff3b5233;letter-spacing:-18px}.ring{position:absolute;border:1px solid #ff52672b;border-radius:48%;transform:rotate(-30deg)}.ring-one{width:245px;height:320px}.ring-two{width:180px;height:275px;transform:rotate(30deg);border-color:#ffffff12}.hero-caption{position:absolute;right:23px;bottom:24px;color:#77707b;font:500 8px "DM Mono",monospace;letter-spacing:2.6px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:34px 0 16px}.section-head h2{margin:7px 0 0;font-size:22px;letter-spacing:-.7px;font-weight:800}.section-head p{margin:5px 0 0}.muted{color:var(--muted);font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{padding:20px 21px;overflow:hidden}.stat:after{content:"";position:absolute;width:100px;height:100px;right:-55px;bottom:-65px;border-radius:50%;background:#ff3b520c;pointer-events:none}.stat-top{display:flex;justify-content:space-between;gap:10px;color:#a6aab6;font-size:11px;font-weight:700}.stat-icon{display:grid;place-items:center;width:32px;height:32px;margin-top:-4px;border:1px solid #ff3b5226;border-radius:9px;background:#ff3b520e;color:#ff6d7d;font-size:17px}.stat strong{display:block;margin:18px 0 4px;font-size:24px;line-height:1.2;letter-spacing:-.8px}.stat small{color:#777d8c;font-size:10px}.notice{display:flex;align-items:flex-start;gap:13px;margin-top:16px;padding:16px 18px;border:1px solid #f3b44a22;border-radius:13px;background:linear-gradient(100deg,#f3b44a0a,#ffffff02)}.notice-icon{display:grid;place-items:center;flex:0 0 27px;height:27px;border:1px solid #f3b44a35;border-radius:8px;background:#f3b44a12;color:#ffc76b;font-weight:800}.notice b{font-size:11px}.notice p{margin:4px 0 0;color:#a6a7b1;font-size:11px;line-height:1.7}.notice code{padding:3px 6px;border-radius:5px;background:#ffffff0b;color:#ffb4be;font:10px "DM Mono",monospace}.page{display:none;animation:appear .22s ease}.page.active{display:block}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-card{min-width:0;padding:22px;transition:border-color .2s,transform .2s}.tool-card:hover{border-color:#ffffff24}.tool-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:17px;border:1px solid #ff3b5228;border-radius:13px;background:linear-gradient(145deg,#ff3b521c,#ff3b5206);color:#ff6b7c;font-size:20px}.tool-card h3{margin:0 0 6px;font-size:15px;letter-spacing:-.2px}.tool-card p{min-height:35px;margin:0 0 17px;color:#9297a6;font-size:11px;line-height:1.75}.field-label{display:block;margin:13px 0 7px;color:#b9bdc8;font-size:10px;font-weight:800;letter-spacing:.15px}input,select,textarea{width:100%;min-width:0;border:1px solid #30333e;border-radius:9px;padding:11px 12px;background:#0a0b10;color:#f2f3f7;font-size:12px;outline:none;transition:border-color .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:#646a79}input:focus,select:focus,textarea:focus{border-color:#ff5267;box-shadow:0 0 0 3px #ff3b5212}input[type=file]{padding:8px;color:#8f95a4;font-size:10px}input[type=file]::file-selector-button{margin-right:10px;padding:7px 10px;border:1px solid #3a3d49;border-radius:6px;background:#1a1c24;color:#e9eaf0;font-size:10px}.result{margin-top:12px;color:#b9bdc8;font:11px/1.65 "DM Mono",monospace;white-space:pre-wrap;overflow-wrap:anywhere}.result.ok{color:#75e9b7}.result.error{color:#ff8795}.vip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.coming-soon{display:flex;min-height:360px;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center;overflow:hidden}.coming-soon:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #ff3b521c;border-radius:50%;box-shadow:0 0 0 30px #ff3b5206,0 0 0 60px #ff3b5204;pointer-events:none}.coming-soon>*{position:relative}.big-note{margin-bottom:12px;color:var(--red);font-size:54px}.coming-soon h2{margin:8px 0;font-size:28px;letter-spacing:-1px}.coming-soon p{max-width:500px;color:#a1a5b2;font-size:12px;line-height:1.8}.hidden{display:none!important}footer{padding:35px 0 10px;color:#656b79;font:500 9px "DM Mono",monospace;letter-spacing:1.5px}.mobile-menu{display:none;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#171920;color:white;cursor:pointer}.sidebar.open{transform:translateX(0)}
@media(min-width:1500px){.main{padding-left:66px;padding-right:66px}.hero{min-height:370px}.tool-card{padding:25px}}
@media(max-width:1050px){.sidebar{width:220px}.main{margin-left:220px;padding:25px 22px}.hero-art{right:-8%;opacity:.55}.stats-grid{gap:10px}.stat{padding:17px}}
@media(max-width:760px){.sidebar{width:270px;transform:translateX(-105%);transition:transform .24s ease;box-shadow:25px 0 80px #0009}.sidebar.open{transform:translateX(0)}.main{margin-left:0;padding:18px 14px 22px}.topbar{align-items:flex-start;gap:10px;margin-bottom:20px}.mobile-menu{display:block;flex:0 0 auto;margin-top:3px}.topbar>div:nth-child(2){flex:1;min-width:0}.topbar h1{font-size:22px;letter-spacing:-.8px}.eyebrow{font-size:8px;letter-spacing:1.2px}.top-actions{align-items:flex-end;flex-direction:column;gap:6px}.api-pill{padding:6px 8px;font-size:8px}.top-actions .btn{min-height:32px;padding:6px 9px;font-size:10px}.hero{min-height:330px;padding:25px 20px;align-items:flex-start}.hero-copy{max-width:100%}.hero h2{font-size:42px;letter-spacing:-2.2px}.hero p{max-width:290px;font-size:12px}.hero-art{width:78%;right:-28%;top:12%;opacity:.28}.hero-caption{display:none}.section-head{margin-top:27px}.section-head h2{font-size:20px}.section-head>.muted{display:none}.stats-grid{grid-template-columns:1fr;gap:9px}.stat{padding:15px 16px}.stat strong{margin-top:8px;font-size:20px}.stat-top{align-items:center}.stat-icon{width:29px;height:29px}.tool-grid,.vip-grid{grid-template-columns:1fr;gap:12px}.tool-card{padding:17px}.tool-card p{min-height:0}.notice{padding:13px}.coming-soon{min-height:310px;padding:25px}.coming-soon h2{font-size:24px}.brand{margin-bottom:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.tool-card.single{max-width:640px}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.quick{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;color:var(--text);text-align:left;cursor:pointer;transition:border-color .2s,transform .2s}
.quick:hover{border-color:#ff3b5244;transform:translateY(-2px)}
.quick .stat-icon{margin:0 0 10px}.quick b{font-size:12px}.quick small{color:#777d8c;font-size:10px}
@media(max-width:1050px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.quick-grid{grid-template-columns:1fr 1fr;gap:9px}.tool-card.single{max-width:none}}
.soon-title{font-size:clamp(34px,7vw,56px)!important;letter-spacing:6px!important;font-weight:800;margin:10px 0 12px!important}
.audio-stack{display:grid;gap:16px;max-width:760px}
.step{margin-bottom:8px;color:#ff6d7d;font:500 9px "DM Mono",monospace;letter-spacing:1.7px}
#audioPlayer,.q-item audio{display:block;width:100%;margin-top:12px}
input[type=range]{padding:0;height:28px;accent-color:#ff3b52;background:transparent;border:0}
.speed-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.speed-presets .btn{min-height:34px;padding:6px 12px}
.q-item{margin-top:12px;padding:14px;border:1px solid #30333e;border-radius:12px;background:#0a0b10}
.q-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px;overflow-wrap:anywhere}
.q-badge{flex:0 0 auto;padding:3px 7px;border-radius:5px;border:1px solid #f3b44a55;color:#ffc76b;font:500 8px "DM Mono",monospace;letter-spacing:.8px}
.q-badge.checked{border-color:#48e0a155;color:var(--green)}.q-badge.uploaded{border-color:#ffffff30;color:#b9bdc8}
.q-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.q-actions .btn{min-height:34px;padding:6px 12px;text-decoration:none}
.nav em.hidden{display:none}
[hidden]{display:none!important}
.single-wide{max-width:760px;margin-bottom:16px}
.hint{min-height:0!important;margin:10px 0 0!important;color:#7d8292!important;font-size:11px!important;line-height:1.7!important}
.row-gap{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.section-title{margin-bottom:14px;font-size:15px;font-weight:800;letter-spacing:-.2px}
.drop-zone{position:relative;max-width:760px;margin-bottom:16px;padding:34px 20px;border:1.5px dashed #3a3d49;border-radius:var(--radius);background:#ffffff03;text-align:center;transition:border-color .2s,background .2s}
.drop-zone.drag,.drop-zone:hover{border-color:var(--red);background:#ff3b520a}
.drop-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.drop-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border:1px solid #ff3b5228;border-radius:14px;background:#ff3b520e;color:#ff6b7c;font-size:22px}
.drop-title{font-size:15px;font-weight:800}.drop-sub{margin-top:2px;color:var(--muted);font-size:12px}
.drop-types{display:flex;justify-content:center;gap:6px;margin-top:14px;flex-wrap:wrap}
.drop-types span{padding:3px 8px;border:1px solid #383b46;border-radius:6px;color:#9ca1af;font:500 9px "DM Mono",monospace;letter-spacing:.8px}
.file-queue{max-width:760px}
.file-item{position:relative;display:flex;gap:12px;align-items:flex-start;margin-bottom:10px;padding:14px;border:1px solid #ffffff12;border-radius:14px;background:linear-gradient(145deg,#15171fef,#0f1016f5)}
.file-icon{flex:0 0 38px;display:grid;place-items:center;height:38px;border:1px solid #ff3b5228;border-radius:11px;background:#ff3b520e;color:#ff6b7c}
.file-details{flex:1;min-width:0}
.file-name{font-size:13px;font-weight:700;overflow-wrap:anywhere;padding-right:26px}
.file-size{margin:2px 0 8px;color:var(--muted);font-size:11px}
.file-rm{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#8c91a1;font-size:20px;line-height:1;cursor:pointer}
.file-rm:hover{background:#ffffff0d;color:#fff}
.name-input{margin-bottom:8px}
.q-chip{display:inline-block;margin-left:4px;padding:2px 7px;border:1px solid #383b46;border-radius:6px;color:#9ca1af;font:500 9px "DM Mono",monospace;letter-spacing:.6px}
.q-chip.is-run{border-color:#f3b44a55;color:#ffc76b}.q-chip.is-ok{border-color:#48e0a155;color:var(--green)}.q-chip.is-bad{border-color:#ff3b5266;color:#ff8795}
.trim-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border:1px solid #353844;border-radius:9px;background:#1b1d25;color:#f8f8fb;font-size:11px;font-weight:800;cursor:pointer}
.trim-btn.is-on{border-color:#ff3b52;color:#ff8795}
.bx-prev{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.pv-btn{flex:0 0 38px;width:38px;height:38px;border:1px solid #ff3b5266;border-radius:50%;background:#ff3b5214;color:#ff8795;font-size:13px;cursor:pointer}
.pv-btn.is-playing{background:var(--red);color:#fff}
.pv-wave{flex:1;min-width:140px;height:38px;border-radius:8px;cursor:pointer;touch-action:none}
.pv-wave canvas{display:block;width:100%;height:100%}
.pv-time{flex:0 0 auto;color:var(--muted);font:500 10px "DM Mono",monospace}.pv-time b{color:#ff8795;font-weight:500}
.speed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:6px}
.speed-chip{min-height:38px;border:1px solid #353844;border-radius:10px;background:#1b1d25;color:#d6d8e0;font-size:12px;font-weight:800;cursor:pointer;transition:border-color .18s,background .18s}
.speed-chip:hover{border-color:#666b7a}.speed-chip.active{border-color:var(--red);background:#ff3b5222;color:#fff}
.pitch-row{display:flex;align-items:center;gap:12px}
.pitch-row input[type=range]{flex:1;padding:0;height:28px;accent-color:#ff3b52;background:transparent;border:0}
.pitch-row output{min-width:54px;color:#ff8795;font:500 12px "DM Mono",monospace;text-align:right}
.pitch-reset{min-height:32px;padding:5px 10px}
.progress-wrap{max-width:760px;margin:0 0 14px}
.progress-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;color:var(--muted);font:500 10px "DM Mono",monospace}
.progress-bar{height:6px;border-radius:6px;background:#ffffff10;overflow:hidden}.progress-fill{width:0;height:100%;background:linear-gradient(90deg,#ff4b60,#d91e40);transition:width .25s}
.result-box{display:none;max-width:760px;margin-bottom:14px;padding:16px;border:1px solid #48e0a133;border-radius:14px;background:#48e0a10a}
.result-box.visible{display:block}.result-ok{margin-bottom:8px;color:var(--green);font-size:12.5px;font-weight:800}
.result-id{margin-bottom:4px;font:600 14px "DM Mono",monospace;overflow-wrap:anywhere}
.upload-status{max-width:760px;margin-bottom:16px}
.us-item{align-items:center}.us-rows{flex:1;min-width:0;margin:0}
.us-row{display:flex;gap:10px;padding:3px 0;font-size:12px}.us-row dt{flex:0 0 96px;color:var(--muted)}.us-row dd{margin:0;min-width:0;overflow-wrap:anywhere}
.us-id{font-family:"DM Mono",monospace}.us-reason{margin-top:4px;color:#ff8795;font-size:11px}.us-link{color:#ff8795;text-decoration:none}
.us-copy{flex:0 0 36px;height:36px;border:1px solid #353844;border-radius:9px;background:#1b1d25;color:#f8f8fb;cursor:pointer}
.overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000b8;backdrop-filter:blur(8px)}
.modal{width:min(480px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:20px;border:1px solid #ffffff1c;border-radius:18px;background:#101116}
.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-head h2{margin:0;font-size:18px}
.modal-x{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#aaa;font-size:24px;cursor:pointer}
.trim-wave{display:block;width:100%;height:84px;margin:10px 0;border-radius:10px;background:#0a0b10}
.trim-row{margin:8px 0}.trim-row label{display:flex;justify-content:space-between;margin-bottom:2px;color:#b9bdc8;font-size:11px;font-weight:800}
.trim-row input{padding:0;height:28px;accent-color:#ff3b52;background:transparent;border:0}
#toasts{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:400;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100% - 28px));transform:translateX(-50%);pointer-events:none}
.toast{padding:11px 14px;border:1px solid #ffffff1c;border-radius:12px;background:#15171ff2;color:#f2f3f7;font-size:12px;box-shadow:var(--shadow);animation:appear .2s}
.toast.success{border-color:#48e0a155}.toast.error{border-color:#ff3b5266;color:#ffb4be}
.tabs{display:flex;gap:6px;max-width:760px;margin-bottom:14px;overflow-x:auto}
.tab{padding:9px 14px;border:1px solid #353844;border-radius:10px;background:#1b1d25;color:#a6aab6;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.tab.active{border-color:var(--red);background:#ff3b5222;color:#fff}
.lib-tools{display:flex;gap:8px;max-width:760px;margin-bottom:10px}.lib-tools input{flex:1}.lib-tools select{width:140px}
.lib-bar{max-width:760px;margin:0 0 12px}
.lib-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:760px}
.lib-card{padding:14px;border:1px solid #ffffff12;border-radius:14px;background:linear-gradient(145deg,#15171fef,#0f1016f5);min-width:0}
.lib-name{font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lib-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0;font-size:11px}
.lib-id{margin:6px 0;font:600 12px "DM Mono",monospace;overflow-wrap:anywhere}
.lib-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.lib-actions .btn{min-height:32px;padding:5px 10px;text-decoration:none;font-size:10px}
.empty-lib{grid-column:1/-1;padding:40px 10px;text-align:center}
.chk-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #ffffff0d;font-size:12px}
.chk-name{flex:1;min-width:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* =========================================
   TAMBAHAN FITUR YT TO ROBLOX & ANIMASI
========================================= */
#ytSpeedGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(42px, 1fr)); gap: 8px; margin-bottom: 6px; }
#ytPreview { margin-top: 12px; padding: 11px 12px; background: #0a0b10; border: 1px dashed #30333e; border-radius: 9px; color: #f2f3f7; display: flex; align-items: center; gap: 10px; font-size: 12px; transition: border-color 0.2s; }
#ytPreview::before { content: "▶"; color: var(--red); font-size: 14px; }

@media(max-width:760px){
  .speed-grid{grid-template-columns:repeat(4,1fr);gap:6px}
  .lib-grid{grid-template-columns:1fr}
  .lib-tools select{width:110px}
  .us-row dt{flex-basis:84px}
  .file-item{padding:12px}
  #ytSpeedGrid { grid-template-columns: repeat(4, 1fr); gap: 6px; }
}