:root{--bg:#07090d;--panel:#10151e;--panel2:#171d28;--line:#293346;--gold:#ffc229;--cyan:#15e5f3;--pink:#ff268c;--text:#f7f8fb;--muted:#98a3b7;--danger:#ff5874;--ok:#24dc93;font-family:Inter,Segoe UI,Arial,sans-serif;color:#f7f8fb;background:#07090d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% -10%,#173d48 0,transparent 31%),radial-gradient(circle at 100% 10%,#461431 0,transparent 28%),var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.app{max-width:820px;margin:auto;padding:env(safe-area-inset-top) 14px calc(92px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 2px 10px}.logo{width:186px;max-width:54vw;height:70px;object-fit:contain;object-position:left center}.badge{border:1px solid #2a5262;border-radius:30px;padding:7px 10px;color:var(--cyan);font-size:11px;font-weight:800;white-space:nowrap}.hero{padding:4px 2px 14px}.hero h1{font-size:26px;margin:0 0 6px}.hero h1 span{color:var(--gold)}.hero p{color:var(--muted);margin:0;line-height:1.45}.notice{display:flex;gap:9px;background:#0e2023;border:1px solid #1c5961;padding:11px 12px;border-radius:12px;color:#bceff3;font-size:12px;margin:4px 0 14px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.mode{min-height:82px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:10px 7px;font-weight:800}.mode small{display:block;color:var(--muted);font-size:10px;margin-top:5px;font-weight:500}.mode.active{border-color:var(--gold);box-shadow:0 0 0 1px #ffc22944;background:linear-gradient(150deg,#25200e,#11151d)}.mode.active small{color:#ead9a5}.card{background:linear-gradient(145deg,#111722,#0e121a);border:1px solid var(--line);border-radius:17px;padding:15px;margin-bottom:12px;box-shadow:0 10px 30px #0004}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.card h2{font-size:15px;margin:0;color:var(--cyan);letter-spacing:.4px}.counter{font-size:11px;color:var(--muted)}label{display:block;color:#cfd6e2;font-size:12px;font-weight:700;margin-bottom:6px}.field{width:100%;border:1px solid #344157;border-radius:11px;background:#0b0f16;color:#fff;padding:12px;outline:none}.field:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #15e5f31c}.row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.add{border:0;background:linear-gradient(100deg,var(--cyan),#29b9ff);color:#061016;font-weight:900;border-radius:11px;padding:12px 15px}.file-input{display:none}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.section-head h3{margin:0;color:var(--gold);font-size:14px}.section-actions{display:flex;gap:5px}.tiny{border:1px solid #354258;background:#1a2230;color:#dbe3ef;border-radius:8px;padding:7px 9px;font-size:11px}.tiny.danger{color:#ff9bad}.dropzone{border:1px dashed #3b4960;border-radius:13px;padding:13px;text-align:center;color:var(--muted);font-size:12px;background:#0b1018}.file-list{display:grid;gap:8px;margin-top:9px}.clip{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;background:#161d28;border:1px solid #293549;border-radius:11px;touch-action:pan-y}.clip.selected{border-color:var(--cyan);background:#122730}.thumb{width:54px;height:76px;border-radius:8px;background:#06080c;object-fit:cover}.clip-info{min-width:0}.clip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:700}.clip-meta{font-size:10px;color:var(--muted);margin-top:3px}.cuts{display:flex;gap:9px;margin-top:6px}.cuts label{display:flex;align-items:center;gap:4px;font-size:10px;margin:0;color:#c8d0dd}.cuts input{accent-color:var(--gold)}.clip-buttons{display:grid;grid-template-columns:repeat(2,31px);gap:4px}.icon-btn{height:31px;border:1px solid #354259;background:#202938;color:#fff;border-radius:8px;padding:0}.icon-btn.remove{color:#ff7890}.empty{color:#69758a;text-align:center;padding:15px;font-size:12px}.voice{margin-top:10px}.voice-value{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.voice-on{color:var(--ok)}.summary{font-size:12px;color:#cdd5e2;line-height:1.5}.summary strong{color:var(--gold)}.generate-wrap{position:fixed;bottom:0;left:0;right:0;padding:11px 14px calc(11px + env(safe-area-inset-bottom));background:#07090ded;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #263145;z-index:10}.generate-inner{max-width:792px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:8px}.generate{border:0;border-radius:13px;background:linear-gradient(100deg,var(--gold),#ff8d20);color:#171005;font-weight:950;padding:15px}.install{border:1px solid #3d4960;border-radius:13px;background:#171e29;color:#fff;padding:12px}.progress-wrap{display:none;margin-top:11px}.progress-wrap.show{display:block}.progress{height:9px;background:#080b10;border-radius:20px;overflow:hidden;border:1px solid #263145}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--gold));transition:width .2s}.status{color:#bcc5d3;font-size:11px;margin-top:7px}.results{display:grid;gap:8px}.result{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;background:#0d211b;border:1px solid #236647;border-radius:11px;padding:10px}.result-name{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis}.download{border:0;border-radius:8px;background:var(--ok);font-weight:800;padding:8px 10px;color:#062117}.modal{position:fixed;inset:0;background:#000c;display:none;place-items:center;padding:18px;z-index:30}.modal.open{display:grid}.modal-box{width:min(100%,420px);max-height:92vh;overflow:auto;background:#10151e;border:1px solid #35425a;border-radius:18px;padding:15px}.modal-box video{width:100%;max-height:68vh;aspect-ratio:9/16;object-fit:contain;background:#000;border-radius:12px}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-top h3{margin:0;font-size:14px}.license-screen{position:fixed;inset:0;background:radial-gradient(circle at 50% 0,#113843,transparent 36%),#07090d;z-index:50;display:grid;place-items:center;padding:18px}.license-box{width:min(100%,430px);background:#0d1118;border:1px solid #3a465b;border-top-color:var(--gold);border-radius:20px;padding:22px;text-align:center;box-shadow:0 20px 70px #000}.license-box img{width:220px;height:105px;object-fit:contain}.license-box h2{margin:5px 0 7px}.license-box p{color:var(--muted);font-size:12px;line-height:1.45}.license-box .field{text-align:center;text-transform:uppercase;margin:12px 0}.license-error{min-height:18px;color:#ff7189;font-size:11px;margin-top:8px}.hidden{display:none!important}@media(max-width:520px){.app{padding-left:10px;padding-right:10px}.modes{gap:5px}.mode{font-size:11px;padding:9px 4px}.mode small{font-size:9px}.card{padding:12px}.hero h1{font-size:23px}.generate-inner{grid-template-columns:1fr}.install{display:none}.row{grid-template-columns:1fr}.add{width:100%}}@media(min-width:700px){.lists.three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lists.three .card{margin:0}.app{padding-bottom:82px}}
