:root{
  --bg:#07090d; --panel:rgba(15,19,27,.78); --panel2:rgba(20,25,35,.9);
  --line:rgba(255,255,255,.09); --text:#f5f7fb; --muted:#8e98aa;
  --accent:#8b5cf6; --accent2:#22d3ee; --good:#34d399; --danger:#fb7185;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}
.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.orb{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(100px);opacity:.15;pointer-events:none}.orb-a{background:#7c3aed;top:-260px;left:-170px}.orb-b{background:#06b6d4;right:-250px;top:260px}
.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));position:relative;z-index:2;background:rgba(7,9,13,.62);backdrop-filter:blur(18px)}
.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-family:"Space Grotesk";background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:white;box-shadow:0 0 28px rgba(139,92,246,.35)}
.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{font-size:11px;color:var(--muted);margin-top:2px}.status-pill{font-size:11px;color:#b7c0cf;border:1px solid var(--line);padding:8px 11px;border-radius:99px;background:rgba(255,255,255,.025)}.status-pill i{display:inline-block;width:6px;height:6px;background:var(--good);border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--good)}
.shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:88px 0 70px;position:relative}.hero{max-width:850px;margin:0 auto 42px;text-align:center}.eyebrow{font-size:11px;letter-spacing:.2em;color:#a78bfa;font-weight:800;margin-bottom:18px}h1{font-family:"Space Grotesk";font-size:clamp(52px,8vw,92px);line-height:.94;letter-spacing:-.065em;margin:0}h1 span{background:linear-gradient(90deg,#fff,#a78bfa 48%,#67e8f9);color:transparent;background-clip:text}.hero p{color:var(--muted);font-size:15px;line-height:1.7;max-width:620px;margin:25px auto 29px}.hero code{color:#d7ccff}
.search-box{display:flex;gap:10px;max-width:790px;margin:auto;padding:8px;border:1px solid var(--line);background:rgba(15,18,25,.9);border-radius:17px;box-shadow:0 20px 70px rgba(0,0,0,.35)}.input-wrap{flex:1;display:flex;align-items:center;min-width:0}.input-icon{font-size:22px;color:#8b5cf6;margin:0 12px}input{width:100%;border:0;outline:0;background:transparent;color:white;font:500 14px Inter;padding:13px 0}.clear-btn{border:0;background:transparent;color:#626d80;font-size:22px;cursor:pointer;padding:6px 10px}.clear-btn:hover{color:white}.inspect-btn{border:0;border-radius:11px;padding:0 18px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:13px;box-shadow:0 10px 30px rgba(79,70,229,.28)}.inspect-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.inspect-btn b{font-size:17px}.chips{display:flex;justify-content:center;gap:13px;align-items:center;margin-top:14px;font-size:11px;color:#667184;flex-wrap:wrap}.chips b{color:#8e9aaf}.chip{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#aab4c4;padding:7px 10px;border-radius:99px;cursor:pointer;font-size:11px}.chip:hover{border-color:rgba(139,92,246,.5);color:#ddd}
.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,24,33,.82),rgba(11,14,20,.86));border-radius:20px;box-shadow:0 20px 70px rgba(0,0,0,.18);backdrop-filter:blur(18px)}.result{display:grid;grid-template-columns:390px 1fr;gap:18px;animation:up .45s ease}.preview-card{padding:14px}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px}.label{font-size:9px;font-weight:800;letter-spacing:.18em;color:#687386}.type-badge{font-size:9px;color:#c4b5fd;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.25);padding:5px 8px;border-radius:99px}.preview-frame{aspect-ratio:1;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 30%,#252b38,#0b0e14 65%);display:grid;place-items:center;position:relative}.preview-frame img{width:100%;height:100%;object-fit:contain;display:block}.image-fallback{display:grid;place-items:center;gap:8px;color:#657084;font-size:12px}.fallback-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#171d28;color:#9b8cff;font:800 24px "Space Grotesk"}.preview-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 4px 2px}.preview-footer small{display:block;color:#606b7d;font-size:8px;letter-spacing:.15em}.preview-footer strong{font:600 13px "Space Grotesk";color:#cbd5e1}.icon-btn{border:1px solid var(--line);background:#121720;color:#aeb8c8;border-radius:9px;padding:7px 10px;cursor:pointer}.icon-btn:hover{color:white}
.details{display:grid;gap:18px}.identity{padding:25px}.identity h2{font:700 31px "Space Grotesk";letter-spacing:-.035em;margin:9px 0 7px;word-break:break-word}.identity p{color:#8994a7;line-height:1.6;font-size:13px;max-width:750px;white-space:pre-wrap;max-height:90px;overflow:auto}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.meta-grid div{border-top:1px solid var(--line);padding-top:11px}.meta-grid span,.stat span{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#667184;margin-bottom:6px}.meta-grid b{font-size:12px;color:#dbe2ed;word-break:break-word}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:17px}.stat strong{font:600 15px "Space Grotesk";word-break:break-word}.actions{padding:12px;display:flex;gap:9px;align-items:center}.actions a,.secondary-btn{font:600 11px Inter;border-radius:10px;padding:11px 13px;text-decoration:none;cursor:pointer}.actions a{background:#f5f7fb;color:#080a0e}.secondary-btn{border:1px solid var(--line);background:#121720;color:#aeb8c8}.secondary-btn:hover{color:white;border-color:#394457}.actions a:hover{filter:brightness(.92)}
.type-info{padding:18px}.type-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.type-title{font:700 15px "Space Grotesk"}.type-sub{color:#758196;font-size:11px;margin-top:4px}.media-card{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);padding:13px}.media-card audio,.media-card video{width:100%}.media-note{font-size:10px;line-height:1.6;color:#737f93;margin-top:8px}.timeline{position:relative;height:58px;margin-top:12px;overflow:hidden;border-radius:10px;background:linear-gradient(90deg,rgba(139,92,246,.08),rgba(34,211,238,.06),rgba(139,92,246,.08));border:1px solid var(--line)}.timeline::before{content:"";position:absolute;left:0;right:0;top:28px;height:1px;background:rgba(255,255,255,.12)}.timeline .track{position:absolute;left:10px;right:10px;top:24px;height:9px;border-radius:99px;background:repeating-linear-gradient(90deg,rgba(167,139,250,.45) 0 2px,transparent 2px 34px)}.timeline .playhead{position:absolute;top:6px;bottom:6px;width:2px;background:#67e8f9;box-shadow:0 0 14px rgba(103,232,249,.85);animation:sweep 2.6s linear infinite}.timeline .playhead::after{content:"";position:absolute;left:-4px;top:-1px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #67e8f9}.audio-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#778399;margin-top:8px}.asset-kind{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#b9c4d5}.kind-dot{width:7px;height:7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 10px var(--accent2)}
.api-note{margin-top:18px;padding:17px;display:flex;gap:13px;align-items:flex-start}.note-icon{width:25px;height:25px;border:1px solid #334155;border-radius:50%;display:grid;place-items:center;color:#93a4bc;font-weight:800;font-size:12px;flex:none}.api-note strong{font-size:12px}.api-note p{margin:5px 0 0;color:#707b8d;font-size:11px;line-height:1.6}.error{max-width:790px;margin:0 auto 20px;padding:13px 15px;border:1px solid rgba(251,113,133,.25);background:rgba(127,29,29,.12);color:#fda4af;border-radius:12px;font-size:12px}.hidden{display:none!important}footer{text-align:center;color:#4e596b;font-size:10px;padding:0 20px 30px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#f5f7fb;color:#090b10;padding:10px 14px;border-radius:10px;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{opacity:.55;pointer-events:none}
@keyframes up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes sweep{0%{left:0}100%{left:100%}}
@media(max-width:820px){.result{grid-template-columns:1fr}.preview-card{max-width:500px;margin:auto;width:100%}.meta-grid,.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.topbar{padding:0 16px}.status-pill{display:none}.shell{width:min(100% - 24px,1180px);padding-top:55px}.search-box{flex-direction:column}.inspect-btn{height:48px;justify-content:center}.hero h1{font-size:52px}.actions{flex-wrap:wrap}.actions a,.secondary-btn{flex:1;text-align:center}.meta-grid{grid-template-columns:1fr 1fr}.audio-meta{flex-direction:column;gap:4px}}