:root{--bg: #060916;--surface: rgba(15, 22, 42, .86);--surface2: rgba(22, 31, 57, .92);--txt: #eef2ff;--mut: #97a2c7;--line: rgba(141, 161, 255, .16);--primary: #7c5cff;--primary-dark: #6243e8;--info: #22d3ee;--success: #34d399;--warning: #fbbf24;--danger: #fb7185;--secondary: #7682a8;--shadow: 0 14px 40px rgba(0, 0, 0, .22);--shadow-lg: 0 24px 70px rgba(4, 7, 22, .48)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 10% -10%,rgba(124,92,255,.16),transparent 34%),radial-gradient(circle at 100% 0%,rgba(34,211,238,.1),transparent 28%),var(--bg);color:var(--txt);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;letter-spacing:-.01em}a{color:var(--primary);text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;z-index:50;background:linear-gradient(180deg,#0f162afa,#070b19fa);border-right:1px solid rgba(124,92,255,.18);color:#c2c7d0;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:17px 20px;color:#fff;font-weight:700;font-size:16px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-logo{width:32px;height:32px;border-radius:9px;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.side-menu{flex:1;overflow-y:auto;padding:12px 10px}.side-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#64748b;margin:16px 12px 6px;font-weight:600}.side-item{display:flex;align-items:center;gap:11px;padding:10px 12px;margin-bottom:3px;border-radius:8px;color:#c2c7d0;cursor:pointer;font-size:13.5px;transition:background .15s,color .15s;border:none;background:transparent;width:100%;text-align:left}.side-item:hover{background:#ffffff12;color:#fff}.side-item.on{background:var(--primary);color:#fff;font-weight:600}.side-item .si-ic{width:20px;text-align:center;font-size:15px}.side-foot{padding:13px 20px;font-size:11px;color:#64748b;border-top:1px solid rgba(255,255,255,.08)}.main-area{margin-left:250px;display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:40;height:58px;background:#080d1db8;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;gap:12px;padding:0 24px;box-shadow:0 1px 2px #1018280d}.topbar .tb-title{font-weight:600;font-size:15px}.tb-user{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:13px}.content{padding:26px;max-width:1220px;margin:0 auto;width:100%}.page-title{margin-bottom:22px}.page-title h2{font-size:22px}.page-title .sub{color:var(--mut);font-size:13px;margin-top:3px}.small-box-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:16px;margin-bottom:26px}.small-box{position:relative;overflow:hidden;border-radius:12px;padding:16px 18px;color:#fff;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.small-box:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.small-box .n{font-size:30px;font-weight:700;line-height:1.1}.small-box .l{opacity:.85;font-size:12.5px;margin-top:2px}.small-box .ic{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:46px;opacity:.22}.sb-primary{background:#0d6efd}.sb-info{background:#0dcaf0;color:#083b44}.sb-success{background:#198754}.sb-warning{background:#ffc107;color:#4a3800}.sb-danger{background:#dc3545}.sb-secondary{background:#6c757d}.card-lte{background:linear-gradient(145deg,#121b35eb,#090f20e6);border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:20px;animation:rise .42s ease both}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.card-title{font-weight:600;font-size:14.5px}.card-sub{color:var(--mut);font-size:12.5px;margin-top:2px}.card-body{padding:18px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.entity-card{background:linear-gradient(145deg,#161f39e6,#0a1023d6);border:1px solid var(--line);border-radius:14px;padding:16px;transition:all .18s ease;animation:rise .25s ease backwards}.entity-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#cdd6e4}.ec-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.avatar{width:42px;height:42px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff}.ec-head b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-head span{color:var(--mut);font-size:12px}.ec-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:13px;border-top:1px dashed #eceff4}.ec-row:first-of-type{border-top:none}.ec-row .k{color:var(--mut);font-size:12.5px}.ec-actions{display:flex;gap:8px;margin-top:12px}.ec-actions .btn{flex:1}.meter{height:8px;border-radius:99px;background:#e9ecef;overflow:hidden;margin-top:6px}.meter>div{height:100%;border-radius:99px;background:linear-gradient(90deg,#0d6efd,#0dcaf0);transition:width .4s ease}.panel{background:linear-gradient(145deg,#121b35e6,#090f20db);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:20px}.form-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.form-row>label{flex:1;min-width:130px}.btn{display:inline-flex;align-items:center;gap:6px;justify-content:center;background:#131d39d1;color:var(--txt);border:1px solid var(--line);padding:8px 15px;border-radius:8px;cursor:pointer;font-weight:500;font-size:13.5px;transition:all .18s ease}.btn:hover{background:#7c5cff24;border-color:#7c5cff85;transform:translateY(-1px);box-shadow:0 8px 24px #3423a833}.btn.primary{background:linear-gradient(135deg,#7c5cff,#22d3ee);border-color:transparent;color:#fff;box-shadow:0 8px 24px #4b3cd247}.btn.primary:hover{background:linear-gradient(135deg,#8b70ff,#4fe5f3);border-color:transparent;transform:translateY(-2px)}.btn.danger{color:var(--danger)}.btn.danger:hover{background:#dc354512;border-color:var(--danger)}.btn.sm{padding:5px 12px;font-size:12.5px;border-radius:7px}.btn.icon{padding:7px 10px}.btn:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{background:#070d1eb8;color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:9px 12px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d6efd26}label.fld{display:block;margin-bottom:12px;font-size:12px;color:var(--mut);font-weight:600}label.fld>*{margin-top:5px;font-weight:400}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;background:var(--surface2);border:1px solid var(--line);color:var(--mut)}.badge.ok{color:#0f5132;background:#d1e7dd;border-color:#badbcc}.badge.off{color:#842029;background:#f8d7da;border-color:#f5c2c7}.badge.acc{color:#084298;background:#cfe2ff;border-color:#b6d4fe}.badge.warn{color:#664d03;background:#fff3cd;border-color:#ffecb5}.auth-wrap{height:100%;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 50% 0,rgba(124,92,255,.24),transparent 45%),#060916}.auth-card{width:400px;max-width:96vw;background:linear-gradient(145deg,#161f39fa,#080e1efa);border:1px solid var(--line);border-radius:16px;padding:36px 34px;box-shadow:var(--shadow-lg);animation:rise .3s ease}.auth-card .logo{width:54px;height:54px;border-radius:14px;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:27px;margin:0 auto 16px;color:#fff}.auth-card h1{font-size:22px;text-align:center}.auth-card .sub{color:var(--mut);margin:4px 0 22px;font-size:13px;text-align:center}.auth-err{background:#f8d7da;color:#842029;border:1px solid #f5c2c7;padding:10px 13px;border-radius:8px;margin-bottom:14px;font-size:12.5px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#1018288c;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:460px;max-width:96vw;max-height:90vh;overflow-y:auto;background:linear-gradient(145deg,#161f39fa,#080e1efa);border:1px solid rgba(124,92,255,.22);border-radius:18px;padding:24px;box-shadow:var(--shadow-lg);animation:pop .2s cubic-bezier(.2,.9,.3,1.2)}.modal.wide{width:660px}.modal h3{margin-bottom:16px;font-size:17px;display:flex;align-items:center;gap:8px}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-top:18px}.proj-card{background:linear-gradient(145deg,#161f39eb,#0a1023db);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .18s ease;box-shadow:var(--shadow)}.proj-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.proj-card .ph{aspect-ratio:16/9;background:linear-gradient(135deg,#7c5cff2e,#22d3ee1a);display:flex;align-items:center;justify-content:center;font-size:32px}.proj-card img.ph-img{width:100%;height:100%;object-fit:cover}.proj-card .meta{padding:12px 14px;position:relative}.proj-card .meta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.proj-card .meta time{color:var(--mut);font-size:12px}.proj-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:9px;flex-wrap:wrap}.proj-actions button{position:static;opacity:1;border-radius:7px;padding:5px 8px;cursor:pointer;font-size:11px;transition:transform .15s,box-shadow .15s,border-color .15s}.proj-actions button:hover:not(:disabled){transform:translateY(-1px)}.proj-actions button:disabled{cursor:wait;opacity:.7}.proj-del{color:var(--danger);background:#fffffff5;border:1px solid #f5c2c7}.quota-box{background:linear-gradient(145deg,#121b35eb,#090f20db);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:24px;box-shadow:var(--shadow)}.usage-bar{height:9px;background:#e9ecef;border-radius:99px;overflow:hidden;margin-top:10px}.usage-bar>div{height:100%;border-radius:99px;background:linear-gradient(90deg,#0d6efd,#0dcaf0);transition:width .4s ease}.tbl{width:100%;border-collapse:collapse;margin-top:12px}.tbl th{text-align:left;color:var(--mut);font-weight:600;font-size:11px;padding:8px 10px;text-transform:uppercase;letter-spacing:.06em}.tbl td{padding:10px;border-top:1px solid var(--line);font-size:13.5px}.tbl tr:hover td{background:var(--surface2)}.empty-state{text-align:center;color:var(--mut);padding:60px 20px}.empty-state .big{font-size:42px;margin-bottom:10px}.kbd-hint{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:13px}.kbd-hint kbd{background:#e9ecef;border:1px solid #dee2e6;border-bottom-width:2px;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:12px}@keyframes pop{0%{opacity:0;transform:scale(.94) translateY(18px);filter:blur(4px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #22d3ee00}50%{box-shadow:0 0 0 6px #22d3ee1a}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.backup-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px;border:1px solid rgba(34,211,238,.22);border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(34,211,238,.12),transparent 36%),#070d1e94}.backup-hero h3{margin:6px 0;font-size:22px}.backup-hero p{color:var(--mut);line-height:1.6;max-width:680px;margin:0}.eyebrow{color:var(--info);font-size:10px;letter-spacing:.16em;font-weight:800}.backup-action{animation:pulseGlow 2.6s ease-in-out infinite;white-space:nowrap}.backup-notice{color:var(--mut);font-size:12px;margin:14px 0;padding:10px 12px;border-left:2px solid var(--warning);background:#fbbf240f}.backup-list{border:1px solid var(--line);border-radius:14px;overflow:hidden}.backup-list-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}.backup-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid rgba(141,161,255,.09);animation:rise .3s ease both}.backup-row:last-child{border-bottom:none}.backup-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.backup-status small{color:var(--mut);width:100%;margin-left:17px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--mut);box-shadow:0 0 10px currentColor}.status-dot.processing{color:var(--warning);background:var(--warning);animation:pulseGlow 1.4s infinite}.status-dot.completed{color:var(--success);background:var(--success)}.status-dot.failed{color:var(--danger);background:var(--danger)}.backup-meta{color:var(--mut);font-variant-numeric:tabular-nums}.backup-error{max-width:240px;color:var(--danger);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 760px){.backup-hero{flex-direction:column}.backup-action{width:100%}.backup-row{grid-template-columns:1fr auto}.backup-meta{grid-column:1}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box}.subscription-lock{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 20% 10%,rgba(91,140,255,.18),transparent 34%),radial-gradient(circle at 80% 80%,rgba(34,211,238,.12),transparent 32%),var(--bg)}.subscription-lock-card{width:min(100%,920px);padding:32px;border:1px solid rgba(139,156,255,.24);border-radius:24px;background:linear-gradient(145deg,#161f39eb,#0b101ff5);box-shadow:0 24px 70px #00000061,0 0 44px #5b8cff1f;animation:rise .42s ease both}.subscription-lock-card h2{margin:6px 0 8px;font-size:clamp(26px,4vw,42px);letter-spacing:-.03em}.subscription-lock-lead{color:#d4dcff;font-size:16px;margin:0 0 12px}.subscription-meta{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:12px;margin-bottom:20px}.subscription-note{color:var(--mut);font-size:13px;line-height:1.55;max-width:720px}.subscription-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:22px 0}.subscription-plan{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid rgba(139,156,255,.2);border-radius:16px;background:#0e162cc7;transition:transform .2s,border-color .2s,box-shadow .2s}.subscription-plan:hover{transform:translateY(-4px);border-color:#22d3ee99;box-shadow:0 12px 30px #22d3ee1f}.subscription-plan h3{margin:0;font-size:18px}.subscription-plan strong{color:#bdf8ff;font-size:24px}.subscription-plan span,.subscription-plan small{color:var(--mut);font-size:12px}.subscription-plan .btn{margin-top:auto}@media (max-width: 640px){.subscription-lock{padding:16px}.subscription-lock-card{padding:22px}}.plan-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:10px 0 3px}.trial-toggle{display:flex;align-items:center;gap:8px;margin:8px 0 12px;color:var(--txt);font-size:13px;font-weight:600}.trial-toggle input{accent-color:var(--primary)}.form-help{color:var(--mut);font-size:11px;line-height:1.45;padding:10px 12px;border-radius:8px;background:#22d3ee0f;border:1px solid rgba(34,211,238,.14)}.subscription-status{color:var(--success);text-transform:capitalize;font-size:12px}.subscription-status.due{color:var(--warning)}.subscription-status.blocked{color:var(--danger)}.subscription-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-10px 0 24px;padding:14px 18px;border:1px solid rgba(52,211,153,.22);border-radius:12px;background:#34d39912;color:var(--mut)}.subscription-banner>div{display:flex;flex-direction:column;gap:4px}.subscription-banner b{color:#d9fff0;font-size:14px}.subscription-banner.due{border-color:#fbbf244d;background:#fbbf2414}.subscription-banner.due b{color:#fff1b8}.subscription-banner.blocked{border-color:#fb718552;background:#fb718514}.subscription-banner.blocked b{color:#ffd5dc}@media (max-width: 640px){.subscription-banner{align-items:flex-start;flex-direction:column}}.editor{--bg3: #141c30;--line: rgba(139, 156, 255, .14);--mut: #8b93b8;--err: #fb7185}.editor .btn{background:#ffffff0d;border-color:#8b9cff29;color:#eef1ff}.editor .btn:hover{background:#8b9cff1a;border-color:#8b9cff66}.editor .btn.primary{background:linear-gradient(135deg,#5b8cff,#a45bff);border-color:transparent;color:#fff}.editor .btn.danger{color:#fb7185}.editor .btn.danger:hover{background:#fb71851a;border-color:#fb718566}.editor input[type=text],.editor select,.editor textarea,.editor input[type=number],.editor input[type=email],.editor input[type=password]{background:#050810a6;border-color:#8b9cff24;color:#eef1ff}.editor input[type=range]{accent-color:#a45bff}.editor{display:grid;grid-template-rows:48px 1fr 300px;height:100vh;overflow:hidden}.ed-top{display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#070b19eb,#101431e0);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 35px #00000038}.ed-mid{display:grid;grid-template-columns:1fr 320px;min-height:0}.ed-preview{position:relative;background:#04060b;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-stage{position:relative;max-width:96%;max-height:94%;box-shadow:0 0 0 1px var(--line),0 20px 70px #0009;border-radius:4px;overflow:hidden}.preview-stage video{width:100%;height:100%;display:block;background:#000}.pv-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.pv-text{position:absolute;white-space:pre-wrap;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.55)}.pv-img{position:absolute;object-fit:contain}.ed-inspector{border-left:1px solid var(--line);background:#090d18eb;overflow-y:auto;padding:14px}.insp-title{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#9db8ff;margin:18px 0 8px;font-weight:700}.insp-title:first-child{margin-top:0}.range-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.range-row label{width:84px;color:var(--mut);font-size:12px;flex-shrink:0}.range-row output{width:44px;text-align:right;font-size:12px;color:var(--txt)}.ed-timeline{border-top:1px solid var(--line);background:#090d18f2;display:flex;flex-direction:column;min-height:0}.tl-toolbar{display:flex;align-items:center;gap:6px;padding:7px 10px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tl-scroll{flex:1;overflow:auto;position:relative}.tl-inner{position:relative;min-width:100%}.ruler{position:sticky;top:0;height:26px;background:#090d18f7;border-bottom:1px solid var(--line);z-index:5;cursor:pointer}.ruler .tick{position:absolute;top:0;bottom:0;border-left:1px solid rgba(139,156,255,.2);padding-left:4px;font-size:10px;color:var(--mut)}.track-row{display:flex;height:52px;border-bottom:1px solid rgba(139,156,255,.08);position:relative}.track-head{position:sticky;left:0;width:220px;flex-shrink:0;background:var(--bg3);z-index:4;border-right:1px solid var(--line);padding:5px 8px;font-size:12px;display:flex;flex-direction:column;justify-content:center;gap:2px}.track-head .tname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.clip{position:absolute;top:6px;bottom:6px;border-radius:7px;overflow:hidden;cursor:grab;border:1.5px solid transparent;font-size:11px;padding:3px 7px;-webkit-user-select:none;user-select:none;z-index:2;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.4)}.clip.sel{border-color:#fff;box-shadow:0 0 0 2px #8b9cff59,0 0 18px #5b8cff80;z-index:3;animation:clipPulse 2.2s ease-in-out infinite}.clip.audio{transition:filter .18s,transform .18s,box-shadow .18s}.clip-noise-action{position:absolute;right:8px;top:3px;z-index:5;border:1px solid rgba(255,255,255,.48);border-radius:5px;padding:1px 5px;color:#05251c;background:#a7f3d0;cursor:grab;font-size:12px;box-shadow:0 0 10px #34d3997a}.clip-noise-action:hover{transform:scale(1.08);background:#d1fae5}.clip-noise-action:active{cursor:grabbing}.clip.audio.noise-target{filter:saturate(1.35) brightness(1.18);transform:translateY(-2px);box-shadow:0 0 0 2px #22d3ee8c,0 0 28px #22d3ee8c}.noise-drag{color:#bdf8ff!important;border-color:#22d3ee61!important;background:#22d3ee14!important;cursor:grab;white-space:nowrap;font-size:10px!important;padding:4px 6px!important}.noise-drag:active{cursor:grabbing}.record-btn{color:#ffd1da!important;border-color:#fb71854d!important;background:#fb718514!important}.clip.video,.clip.audio{background:linear-gradient(180deg,#5b8cffe6,#4069cde6)}.clip.audio{background:linear-gradient(180deg,#34d399e0,#20965ae0)}.clip.image{background:linear-gradient(180deg,#fbbf24e0,#c89119e0)}.clip.textc{background:linear-gradient(180deg,#a45bffe6,#6e44d7e6)}.clip .handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize}.clip .handle.l{left:0}.clip .handle.r{right:0}.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--err);z-index:6;pointer-events:none;box-shadow:0 0 10px #fb7185cc}.playhead:before{content:"";position:absolute;top:0;left:-5px;border:6px solid transparent;border-top-color:var(--err)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.media-item{border:1px solid var(--line);border-radius:10px;padding:6px;cursor:pointer;text-align:center;background:#05081080;transition:all .15s}.media-item:hover{border-color:#7c5cff;transform:translateY(-4px) scale(1.015);box-shadow:0 12px 30px #7c5cff2e}.media-item img{width:100%;height:48px;object-fit:cover;border-radius:6px;background:var(--bg3)}.media-item .mi-name{font-size:10px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.progress-outer{height:10px;background:#ffffff0f;border-radius:99px;overflow:hidden;margin:12px 0}.progress-inner{height:100%;border-radius:99px;background:linear-gradient(90deg,#22d3ee,#5b8cff,#a45bff);background-size:200% 100%;animation:shimmer 2s linear infinite}@keyframes clipPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@media (prefers-reduced-motion: reduce){.clip.sel{animation:none}}.record-countdown{display:flex;align-items:center;gap:14px;margin:18px 0;padding:16px;border:1px solid rgba(34,211,238,.32);border-radius:12px;background:radial-gradient(circle at 20% 50%,rgba(34,211,238,.18),transparent 56%),#0a1426b8;color:#c9fbff}.record-countdown strong{min-width:54px;color:#fff;font-size:38px;line-height:1;text-align:center;text-shadow:0 0 18px rgba(34,211,238,.9);animation:countdownPulse 1s ease-in-out infinite}.record-countdown span{font-size:12px;color:#9bd6df}@keyframes countdownPulse{0%,to{transform:scale(1);opacity:.82}50%{transform:scale(1.12);opacity:1}}@media (prefers-reduced-motion: reduce){.record-countdown strong{animation:none}}.noise-message{color:#9ff4c8;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}