:root{--bg:#0a0a12;--bg2:#12121f;--panel:#16162a;--panel-br:#272742;--ink:#ececf6;--muted:#9a9ab8;--magenta:#ff2d9b;--cyan:#19e6ff;--violet:#8b5cff;--grad:linear-gradient(100deg,var(--magenta),var(--violet) 55%,var(--cyan));--radius:16px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:radial-gradient(1100px 600px at 80% -10%,rgba(139,92,255,.18),transparent 60%),radial-gradient(900px 500px at 0 10%,rgba(255,45,155,.14),transparent 55%),var(--bg);color:var(--ink);font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:0 16px}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.logo{font-weight:800;font-size:22px;letter-spacing:.5px}.logo b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.nav a.navlink{color:var(--muted);margin-left:22px;font-size:14px;font-weight:600}.nav a.navlink:hover{color:var(--ink)}.hero{padding:48px 0 28px;text-align:center}.hero h1{font-size:clamp(34px,6vw,62px);line-height:1.02;margin:0 0 14px;font-weight:850;letter-spacing:-1px}.hero h1 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:clamp(15px,2vw,19px);max-width:620px;margin:0 auto}.card{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--panel-br);border-radius:var(--radius);padding:22px}.create{max-width:680px;margin:30px auto 0}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:6px}.input,.select,.textarea{width:100%;background:#0c0c17;border:1px solid var(--panel-br);color:var(--ink);border-radius:10px;padding:11px 13px;font-size:15px;font-family:inherit}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,92,255,.22)}.textarea{min-height:120px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:560px){.row{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;background:var(--grad);color:#0a0a12;font-weight:800;font-size:16px;border:0;border-radius:12px;padding:13px 22px;cursor:pointer;width:100%;transition:transform .06s ease,filter .2s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--panel-br)}.section-h{display:flex;align-items:baseline;justify-content:space-between;margin:48px 0 16px}.section-h h2{font-size:22px;margin:0;font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.tile{background:var(--panel);border:1px solid var(--panel-br);border-radius:12px;overflow:hidden;transition:border-color .2s,transform .1s}.tile:hover{border-color:var(--violet);transform:translateY(-2px)}.tile .thumb{aspect-ratio:3/2;background:#000 50%/cover no-repeat;display:block}.tile .meta{padding:10px 12px}.tile .meta .t{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile .meta .a{color:var(--muted);font-size:12px}.player{width:100%;background:#000;border-radius:var(--radius);border:1px solid var(--panel-br);aspect-ratio:3/2}.progress{height:10px;background:#0c0c17;border-radius:99px;overflow:hidden;border:1px solid var(--panel-br)}.progress>i{display:block;height:100%;background:var(--grad);width:0;transition:width .5s ease}.status-line{color:var(--muted);font-size:14px;margin-top:10px;font-family:ui-monospace,monospace}.badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:rgba(139,92,255,.16);color:#c9b6ff;border:1px solid rgba(139,92,255,.35);padding:3px 9px;border-radius:99px}.tabs{display:flex;gap:8px;margin-bottom:10px}.tab{flex:1 1;background:#0c0c17;border:1px solid var(--panel-br);color:var(--muted);border-radius:10px;padding:9px 10px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.tab:hover{color:var(--ink)}.tab.on,.tab:hover{border-color:var(--violet)}.tab.on{background:rgba(139,92,255,.16);color:#d8ccff}.dropzone{border:1.5px dashed var(--panel-br);border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--violet);background:rgba(139,92,255,.06)}.dzhint{color:var(--muted);font-size:13px}.fname{color:var(--cyan);font-size:14px;font-weight:600}.foot{color:var(--muted);font-size:13px;text-align:center;padding:40px 0 28px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:12px;color:var(--muted);border:1px solid var(--panel-br);border-radius:99px;padding:4px 10px}