:root,html[data-theme=light]{color-scheme:light;--bg: #f5f7fb;--panel: #ffffff;--panel-2: #f5f8fc;--panel-3: #edf2f9;--line: #e4e9f2;--line-2: #d3dbe8;--text: #141821;--muted: #667085;--muted-2: #8a93a6;--accent: #2563eb;--accent-d: #1d4ed8;--accent-text: #1d4ed8;--accent-soft: rgba(37, 99, 235, .1);--accent-ring: rgba(37, 99, 235, .22);--ok: #0f9d6e;--ok-soft: rgba(16, 185, 129, .12);--bad: #dc2626;--bad-soft: rgba(239, 68, 68, .1);--warn: #b45309;--warn-soft: rgba(245, 158, 11, .14);--cyan: #0891b2;--radius: 14px;--shadow-sm: 0 10px 26px -20px rgba(16, 32, 64, .3);--shadow-md: 0 22px 48px -30px rgba(16, 32, 64, .34);--nav-bg: rgba(255, 255, 255, .88);--hover: rgba(16, 32, 64, .035);--cover-bg: #e9eff7;--media-bg: #0f172a}html[data-theme=dark]{color-scheme:dark;--bg: #0b0e14;--panel: #131722;--panel-2: #182030;--panel-3: #1e2838;--line: #232a38;--line-2: #2e3a4e;--text: #e8ecf4;--muted: #94a3b8;--muted-2: #6b7a90;--accent: #3b82f6;--accent-d: #2563eb;--accent-text: #86b4ff;--accent-soft: rgba(96, 165, 250, .16);--accent-ring: rgba(96, 165, 250, .28);--ok: #34d399;--ok-soft: rgba(52, 211, 153, .14);--bad: #f87171;--bad-soft: rgba(248, 113, 113, .14);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .14);--cyan: #22d3ee;--shadow-sm: 0 12px 30px -22px rgba(0, 0, 0, .7);--shadow-md: 0 28px 60px -32px rgba(0, 0, 0, .8);--nav-bg: rgba(11, 14, 20, .85);--hover: rgba(255, 255, 255, .045);--cover-bg: #1a2231;--media-bg: #05070b}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1400px;margin:0 auto;padding:0 20px}.navbar{background:var(--nav-bg);backdrop-filter:blur(16px) saturate(150%);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.navbar .inner{max-width:1400px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;gap:26px}.brand{font-weight:800;font-size:17px;letter-spacing:.02em;color:var(--text)}.brand span{color:var(--accent-text)}a.brand:hover{text-decoration:none;color:var(--text)}.navbar nav{display:flex;gap:4px;flex:1}.navbar nav a{color:var(--muted);font-weight:500;padding:6px 11px;border-radius:8px}.navbar nav a:hover{color:var(--text);text-decoration:none;background:var(--hover)}.navbar nav a.active{color:var(--accent-text);background:var(--accent-soft)}.navbar .right{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.navbar .right b{color:var(--accent-text)}.theme-btn{width:32px;height:32px;flex:0 0 32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid var(--line-2);background:var(--panel);color:var(--muted);font-size:15px;line-height:1;cursor:pointer;transition:color .16s,border-color .16s,background .16s}.theme-btn:hover{color:var(--accent-text);border-color:var(--accent-ring);background:var(--accent-soft)}.page{padding:26px 0 70px}.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-head h1{margin:0;font-size:22px;letter-spacing:-.02em}.page-head .sub{color:var(--muted);font-size:13px;margin-top:4px}h1{font-size:20px;margin:0 0 18px}h2{font-size:14px;margin:0 0 12px;color:var(--text)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:18px;box-shadow:var(--shadow-sm);overflow-x:auto}label.field{display:block;margin-bottom:14px}label.field>span{display:block;margin-bottom:7px;color:var(--muted);font-size:13px}input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;font-size:14px;font-family:inherit;background:var(--panel);color:var(--text);outline:none;transition:border-color .16s,box-shadow .16s}input::placeholder,textarea::placeholder{color:var(--muted-2)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}textarea{resize:vertical;min-height:100px}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg button{flex:1;min-width:0;padding:9px 6px;background:var(--panel);border:1px solid var(--line-2);color:var(--muted);border-radius:10px;cursor:pointer;font-family:inherit;font-size:13px;white-space:nowrap;transition:all .16s}.seg button:hover{color:var(--text);border-color:var(--muted-2)}.seg button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.seg button:disabled,.seg button.off{opacity:.38;cursor:not-allowed}.seg button:disabled:hover{color:var(--muted);border-color:var(--line-2)}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tabs button{background:var(--panel);border:1px solid var(--line-2);color:var(--muted);padding:8px 16px;border-radius:20px;cursor:pointer;font-family:inherit;font-size:13px}.tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.btn{display:inline-block;background:var(--accent);color:#fff;border:1px solid var(--accent);padding:10px 18px;border-radius:10px;font-size:14px;cursor:pointer;font-family:inherit;font-weight:500}.btn:hover{background:var(--accent-d);border-color:var(--accent-d);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.gray{background:var(--panel);color:var(--text);border-color:var(--line-2)}.btn.gray:hover{background:var(--panel-2);border-color:var(--muted-2)}.btn.light{background:var(--text);color:var(--panel);border-color:var(--text);font-weight:600}.btn.light:hover{opacity:.88}.btn.sm{padding:6px 12px;font-size:13px}.btn.block{width:100%}.btn.lg{padding:14px 18px;font-size:15px;font-weight:600}.alert{padding:11px 14px;border-radius:10px;margin-bottom:14px;font-size:13px}.alert.err{background:var(--bad-soft);color:var(--bad);border:1px solid var(--bad-soft)}.alert.ok{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok-soft)}.alert.info{background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent-ring)}.tag{display:inline-block;padding:2px 9px;border-radius:8px;font-size:12px;background:var(--panel-3);color:var(--muted);border:1px solid var(--line)}.tag.ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-soft)}.tag.bad{background:var(--bad-soft);color:var(--bad);border-color:var(--bad-soft)}.tag.warn{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-soft)}.tag.info{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-ring)}.tag.st{background:#0f172a9e;color:#fff;border-color:transparent}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.spacer{flex:1}table{width:100%;border-collapse:collapse}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600;font-size:13px;white-space:nowrap}tbody tr:hover td,table tr:hover td{background:var(--hover)}video{width:100%;border-radius:12px;background:var(--media-bg);display:block}.center-narrow{max-width:420px;margin:50px auto}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.stat .n{font-size:24px;font-weight:700;color:var(--text)}.stat .t{color:var(--muted);font-size:13px;margin-top:2px}.spin{display:inline-block;width:14px;height:14px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:sp 1s linear infinite;vertical-align:-2px;margin-right:6px}@keyframes sp{to{transform:rotate(360deg)}}.studio{display:grid;grid-template-columns:420px minmax(0,1fr);gap:22px;align-items:start}.studio>*{min-width:0}@media (max-width: 1024px){.studio{grid-template-columns:1fr}}@media (max-width: 1024px){.studio .preview-col{position:static}}@media (max-width: 640px){.container{padding:0 12px}.studio{gap:14px}.panel{padding:14px}.seg button{padding:8px 4px;font-size:12px;min-height:44px}.caps{gap:10px}.navbar .inner{gap:12px;padding:0 12px}.navbar nav{gap:12px;overflow-x:auto;white-space:nowrap}.navbar .right{gap:10px}th,td{padding:9px 8px;font-size:13px}.submit-bar{margin:4px -14px -14px;padding:12px 14px 14px}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.panel.blk{padding:0;overflow:hidden}.sec{margin-bottom:18px}.sec:last-child{margin-bottom:0}.sec>.lbl{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}.group{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.group:last-of-type{border-bottom:0;padding-bottom:0}.group-hd{font-size:12px;letter-spacing:.1em;color:var(--muted-2);margin-bottom:12px;font-weight:600}.optbar{display:flex;gap:10px;flex-wrap:wrap}.optbar .opt{flex:1 1 0;min-width:96px}.optbar .opt>span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.optbar .opt select{padding:8px 26px 8px 10px;font-size:13px;border-radius:10px;background-position:calc(100% - 15px) center,calc(100% - 10px) center}.sec .hint{color:var(--muted-2);font-size:12px}.count{text-align:right;color:var(--muted-2);font-size:12px;margin-top:4px}.prompt-box{position:relative}.at-panel{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow-y:auto;background:var(--panel);border:1px solid var(--line-2);border-radius:10px;box-shadow:var(--shadow-md);padding:6px}.at-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:var(--text);font-family:inherit;font-size:13px;text-align:left;cursor:pointer}.at-item:hover,.at-item.active{background:var(--accent-soft)}.at-thumb{flex:0 0 auto;width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--cover-bg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px}.at-info{flex:0 0 auto;display:flex;align-items:center;gap:7px}.at-token{color:var(--accent-text);font-weight:600}.at-kind{color:var(--muted);font-size:12px}.at-name{flex:1;min-width:0;margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.at-empty{padding:12px 10px;color:var(--muted);font-size:12px}.caps{display:flex;gap:14px;color:var(--muted);font-size:12px;margin-bottom:8px;flex-wrap:wrap}.drop{position:relative;display:block;border:1px dashed var(--line-2);border-radius:12px;padding:16px;text-align:center;color:var(--muted);cursor:pointer;font-size:13px;background:var(--panel-2);transition:border-color .15s,background .15s}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.mats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.mat{position:relative;width:62px;height:62px;border-radius:10px;border:1px solid var(--line-2);background:var(--cover-bg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;cursor:default}.mat .x{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--text);color:var(--panel);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;border:1px solid var(--line)}.mat .x:hover{background:var(--bad);color:#fff}.mat .mat-tail{position:absolute;left:2px;bottom:2px;padding:0 4px;border-radius:4px;background:var(--accent);color:#fff;font-size:10px;line-height:15px}.cont-box{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel-2);margin-bottom:12px}.cont-box .thumb-strip{grid-template-columns:repeat(4,1fr);margin-top:10px}.cont-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn.filebtn{position:relative;overflow:hidden}.submit-bar{position:sticky;bottom:0;z-index:6;margin:4px -18px -18px;padding:14px 18px 16px;background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -8px 16px -14px #10204073}.range-row{display:flex;align-items:center;gap:12px}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;padding:0;width:auto;flex:1;min-width:0;background:linear-gradient(90deg,var(--accent) var(--p, 50%),var(--line-2) var(--p, 50%));border:0;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--accent);cursor:pointer;margin-top:-1px}.range-val{width:68px;flex:0 0 68px;text-align:center}.preview-col{position:sticky;top:76px;align-self:start}.player-wrap{background:var(--media-bg);border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}.player-wrap video{height:100%;width:100%;object-fit:contain;border-radius:0}.player-wrap .empty{color:#94a3b8;font-size:14px;text-align:center;padding:20px}.player-wrap .badge{position:absolute;top:12px;left:12px;background:#0f172a99;border:1px solid rgba(255,255,255,.16);color:#e2e8f0;padding:3px 10px;border-radius:20px;font-size:12px}.thumb-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}@media (max-width: 640px){.thumb-strip{grid-template-columns:repeat(2,1fr)}}.thumb{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--cover-bg);cursor:pointer;position:relative;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;color:var(--muted);padding:0;font:inherit;appearance:none;-webkit-appearance:none}.thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.thumb:hover{border-color:var(--accent)}.thumb.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.thumb video,.thumb img{width:100%;height:100%;object-fit:cover}.thumb .st{position:absolute;left:8px;bottom:8px}.uc{display:grid;grid-template-columns:232px minmax(0,1fr);gap:22px;align-items:start}.uc>*{min-width:0}.uc-side{position:sticky;top:76px;align-self:start;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.uc-me{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid var(--line)}.uc-avatar{width:40px;height:40px;border-radius:50%;flex:0 0 40px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-text);font-weight:700;font-size:16px}.uc-me-info{min-width:0}.uc-name{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uc-sub{color:var(--muted);font-size:12px}.uc-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.uc-nav button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;text-align:left}.uc-nav button:hover{background:var(--hover);color:var(--text)}.uc-nav button.active{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.uc-badge{font-size:11px;background:var(--panel-3);color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:0 6px}.uc-h{font-size:15px;margin:0 0 12px;color:var(--text)}.uc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}.uc-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.uc-card.sm{padding:12px 14px}.uc-card-t{color:var(--muted);font-size:12px}.uc-card-n{font-size:26px;font-weight:700;color:var(--text);margin-top:4px;line-height:1.2}.uc-card.sm .uc-card-n{font-size:20px}.uc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.uc-work{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.uc-work video{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--media-bg);display:block}.uc-work{position:relative}.uc-work .st{position:absolute;left:8px;top:8px}.uc-work-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px}@media (max-width: 1024px){.uc{grid-template-columns:1fr}.studio .uc-side,.uc .uc-side{position:static}}@media (max-width: 640px){.uc-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width: 480px){.tiers{grid-template-columns:1fr}}.tier{position:relative;text-align:left;padding:11px 10px 10px;border-radius:10px;border:1px solid var(--line-2);background:var(--panel);color:var(--text);font-family:inherit;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}.tier:hover{border-color:var(--accent-ring)}.tier.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.tier.off{opacity:.55}.tier .t-name{display:block;font-size:12.5px;font-weight:600}.tier .t-name em{font-style:normal;font-family:ui-monospace,Consolas,monospace;font-size:10px;color:var(--muted-2);margin-left:4px}.tier .t-meta{display:block;font-size:10.5px;color:var(--muted);margin-top:3px;line-height:1.4}.tier .t-price{display:block;font-family:ui-monospace,Consolas,monospace;font-size:11px;color:var(--accent-text);margin-top:6px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--line-2);background:var(--panel);color:var(--muted);font-family:inherit;font-size:12.5px;cursor:pointer;transition:all .16s}.chip:hover{color:var(--text);border-color:var(--muted-2)}.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);font-weight:500}.chip.off,.chip:disabled{opacity:.4;cursor:not-allowed}.chip .ver{font-family:ui-monospace,Consolas,monospace;font-size:10px;opacity:.7}.summary{padding:13px;border-radius:11px;background:var(--panel-2);border:1px solid var(--line);margin-top:14px}.sum-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12.5px;color:var(--muted)}.sum-row+.sum-row{margin-top:6px}.sum-row b{color:var(--text);font-weight:600}.sum-row .big{font-family:ui-monospace,Consolas,monospace;font-size:19px;color:var(--text);letter-spacing:-.02em}.sum-freeze{margin-top:9px;padding-top:9px;border-top:1px dashed var(--line-2);font-size:11.5px;color:var(--muted-2);line-height:1.5}.progress{height:4px;border-radius:99px;overflow:hidden;position:relative;background:var(--panel-3);margin-top:8px}.progress>i{display:block;height:100%;width:40%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-d));animation:indeterminate 1.5s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-110%)}to{transform:translate(320%)}}.loading-state{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(360px,82%)}.loading-state .progress{width:100%}.task-progress{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--muted-2);font-size:11px}.task-progress .progress{flex:1;margin-top:0}