:root{--bg:#06060b;--ink:#0d0d16;--glass:rgba(255,255,255,.043);--glass-hi:rgba(255,255,255,.08);--line:rgba(255,255,255,.09);--line-hi:rgba(255,255,255,.18);--accent:#8b6cff;--accent-2:#b59cff;--accent-glow:rgba(139,108,255,.45);--on-accent:#fff;--text:#f2f1f8;--dim:#9a98ad;--amber:#ffb547;--teal:var(--accent);--card:var(--glass);--danger:#ff6b81;--ok:#4ade80;--display:"Sora",system-ui,sans-serif;--body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--r:22px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);font:15px/1.5 var(--body);-webkit-font-smoothing:antialiased;margin:0}body{background:radial-gradient(120% 60% at 50% -10%,rgba(139,108,255,.22),transparent 60%),radial-gradient(80% 40% at 100% 0%,rgba(80,60,200,.12),transparent 60%),var(--bg);background-attachment:fixed;min-height:100vh}.wrap{flex-direction:column;gap:14px;max-width:560px;margin:0 auto;padding:18px 16px;display:flex}.card{background:linear-gradient(180deg,var(--glass-hi),var(--glass));border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(18px);padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.06)}.card.on{box-shadow:0 0 0 1px rgba(139,108,255,.25),0 18px 50px -12px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.08);border-color:rgba(139,108,255,.55)}h1{font:700 28px/1.15 var(--display);letter-spacing:-.02em;margin:0}h2{font:600 18px/1.25 var(--display);letter-spacing:-.01em;margin:0 0 8px}p{color:#c9c7d8;margin:6px 0;line-height:1.5}.btn{background:linear-gradient(135deg,var(--accent-2),var(--accent)55%,#6a4cf0);width:100%;min-height:54px;color:var(--on-accent);font:700 17px var(--display);letter-spacing:-.01em;cursor:pointer;box-shadow:0 8px 28px -8px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.25);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;transition:transform .15s,box-shadow .2s,opacity .2s;display:flex}.btn:active{transform:scale(.98)}.btn.alt{background:var(--glass);color:var(--text);border:1px solid var(--line-hi);box-shadow:none;font-weight:600}.btn:disabled{opacity:.38;box-shadow:none}.btn+.btn,.preview+.btn{margin-top:10px}.ok{color:var(--accent-2)}.err{color:var(--danger)}.dim{color:var(--dim);font-size:13.5px}video,img.preview,canvas.preview{background:#000;border-radius:16px;width:100%}img.preview,.preview{border:1px solid var(--line);margin:8px 0}.stage{cursor:none;background:#000;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.stage img,.stage>video{object-fit:fill;width:100vw;height:100vh;display:block}.center{text-align:center;background:radial-gradient(60% 50% at 50% 40%,rgba(139,108,255,.22),transparent 70%),var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.center h1{font-family:var(--display)}.center img{box-shadow:0 0 0 1px var(--line),0 30px 90px -20px var(--accent-glow);background:#fff;padding:14px}.chips{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.chip{border:1px solid var(--line-hi);background:var(--glass);min-height:40px;color:var(--text);font:600 14px var(--body);cursor:pointer;border-radius:999px;padding:8px 15px;transition:all .15s}.chip:active{transform:scale(.97)}.chip.sel{background:var(--accent);color:var(--on-accent);box-shadow:0 6px 20px -6px var(--accent-glow);border-color:transparent}.chip.pill{min-height:34px;padding:5px 14px;font-size:13px}.field{border:1px solid var(--line-hi);width:100%;color:var(--text);font:500 16px var(--body);background:rgba(0,0,0,.3);border-radius:16px;outline:none;margin:4px 0 12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,108,255,.25)}.seg{border:1px solid var(--line);background:rgba(0,0,0,.35);border-radius:999px;gap:4px;margin:0 0 12px;padding:4px;display:flex}.seg button{min-height:40px;color:var(--dim);font:600 14px var(--body);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:8px 12px;transition:all .15s}.seg button.sel{background:var(--glass-hi);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-hi)}.dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block;box-shadow:0 0 0 3px rgba(255,255,255,.06)}.topbar{z-index:5;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:rgba(6,6,11,.72);align-items:center;gap:10px;display:flex;position:-webkit-sticky;position:sticky;top:0}.topbar b{font:600 16px var(--display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kebab{border:1px solid var(--line-hi);background:var(--glass);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;flex:none;font-size:20px}.seg.mini{flex:none;margin:0}.seg.mini button{min-height:34px;padding:5px 12px;font-size:13px}.scrim{z-index:20;-webkit-backdrop-filter:blur(4px);background:rgba(3,3,8,.6);animation:.2s fade;position:fixed;top:0;bottom:0;left:0;right:0}.drawer{border:1px solid var(--line-hi);background:linear-gradient(#1a1630,#0d0c16);border-radius:26px;width:min(330px,86vw);padding:22px 16px;animation:.25s cubic-bezier(.2,.8,.2,1) slide;position:absolute;top:10px;bottom:10px;left:10px;overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,.6)}.drawer h2{text-transform:uppercase;letter-spacing:.14em;color:var(--dim);margin:2px 8px 14px;font-size:13px}.prow{cursor:pointer;border:1px solid transparent;border-radius:18px;align-items:center;gap:12px;min-height:60px;margin-bottom:6px;padding:10px 12px;transition:background .15s;display:flex}.prow:active{background:var(--glass)}.prow.sel{background:rgba(139,108,255,.14);border-color:rgba(139,108,255,.45)}.prow span{font-weight:600}.prow small{font-weight:500}.icon{background:var(--glass);border:1px solid var(--line);width:38px;height:38px;color:var(--dim);cursor:pointer;border-radius:50%;flex:none;font-size:15px}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{opacity:0;transform:translate(-24px)}}.recent{scrollbar-width:none;gap:10px;padding:2px 0 6px;display:flex;overflow-x:auto}.recent button{border:1px solid var(--line-hi);cursor:pointer;background:#000;border-radius:14px;flex:none;width:104px;height:66px;padding:0;position:relative;overflow:hidden}.recent img,.recent video{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.recent span{color:#fff;background:rgba(0,0,0,.55);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;bottom:5px;right:6px}.slider{border:1px solid var(--line);background:rgba(0,0,0,.28);border-radius:18px;margin:14px 0 6px;padding:14px 16px 10px}.srow{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.srow b{font:600 15px var(--display)}.slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:pan-y;background:0 0;width:100%;height:32px;margin:0}.slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.12));border-radius:6px;height:6px}.slider input[type=range]::-moz-range-track{background:rgba(255,255,255,.12);border-radius:6px;height:6px}.slider input[type=range]::-moz-range-progress{background:var(--accent);border-radius:6px;height:6px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:26px;height:26px;margin-top:-10px;box-shadow:0 0 0 6px rgba(139,108,255,.35),0 4px 12px rgba(0,0,0,.5)}.slider input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:26px;height:26px;box-shadow:0 0 0 6px rgba(139,108,255,.35)}.ticks{font:600 12px var(--body);color:var(--dim);justify-content:space-between;padding:0 6px;display:flex}.ticks span{text-align:center;cursor:pointer;width:18px;padding:8px 0 2px;position:relative}.ticks span:before{content:"";background:var(--line-hi);width:1px;height:6px;position:absolute;top:0;left:50%}.ticks span.on{color:var(--accent-2)}.ticks span.on:before{background:var(--accent);width:2px;height:8px}.mbox{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.mitem{border:1px solid var(--line-hi);touch-action:none;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#000;border-radius:14px;justify-content:center;align-items:center;width:78px;height:54px;display:flex;overflow:hidden}.mitem img,.mitem video{object-fit:cover;pointer-events:none;border-radius:0;width:100%;height:100%}.mitem span{color:var(--accent-2);flex-direction:column;align-items:center;font-size:18px;display:flex}.mitem small{color:var(--dim);font-size:9px}.mitem.add{border:1.5px dashed var(--line-hi);color:var(--dim);cursor:pointer;background:var(--glass);font-size:24px}.tracks{border:1px solid var(--line);background:rgba(0,0,0,.35);border-radius:18px;margin:8px 0 14px;display:flex;overflow:hidden}.tlabels{border-right:1px solid var(--line);background:rgba(255,255,255,.03);flex-direction:column;padding-top:20px;display:flex}.tlabels span{justify-content:center;align-items:center;width:34px;height:60px;display:flex}.tscroll{-webkit-overflow-scrolling:touch;flex:1;overflow-x:auto}.ruler{height:20px;font:600 10px var(--body);color:var(--dim);position:relative}.ruler span{border-left:1px solid var(--line-hi);padding-left:4px;position:absolute;top:3px}.trow{border-top:1px solid var(--line);height:60px;position:relative}.clip{border:1px solid var(--line-hi);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#1b1830;border-radius:12px;position:absolute;top:6px;bottom:6px;overflow:hidden}.clip.a{background:linear-gradient(rgba(139,108,255,.28),rgba(139,108,255,.12))}.clip.sel{border-color:var(--accent-2);box-shadow:0 0 0 2px rgba(139,108,255,.5),0 6px 20px -6px var(--accent-glow)}.clip img,.clip video{object-fit:cover;opacity:.6;pointer-events:none;border-radius:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.clip .wave{color:var(--accent-2);position:absolute;top:13px;left:10px}.fade{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.fade polygon{fill:rgba(181,156,255,.16);stroke:var(--accent-2);stroke-width:.8px;vector-effect:non-scaling-stroke}.fh{border:4px solid var(--accent);touch-action:none;background:#fff;border-radius:50%;width:20px;height:20px;margin:0 -10px;position:absolute;top:-1px}.rh{touch-action:none;cursor:ew-resize;background:rgba(255,255,255,.14);width:18px;position:absolute;top:0;bottom:0;right:0}.rh:after{content:"";background:#fff;border-radius:2px;width:3px;position:absolute;top:30%;bottom:30%;left:7px}.loopmark{border-left:2px dashed var(--accent-2);opacity:.8;pointer-events:none;position:absolute;top:0;bottom:0}.ghost{z-index:30;background:var(--accent);color:#fff;pointer-events:none;width:64px;height:44px;box-shadow:0 10px 30px var(--accent-glow);border-radius:14px;justify-content:center;align-items:center;display:flex;position:fixed}.stage video,.stage img{border:0;border-radius:0}