:root{--primary:#667eea;--accent:#667eea;--accent-bg:rgba(102,126,234,.1);--accent-text:#667eea;--accent-gradient:linear-gradient(135deg,#667eea,#764ba2);--accent-glow:rgba(102,126,234,.25);--accent-dark:#5a6fd8;--bg-0:#fff;--bg-1:#f8f9fa;--bg-2:#f1f3f4;--bg-3:#e9ecef;--bg-hover:#f5f5f5;--bg-input:#f8f9fa;--bg-base:#f8f9fa;--border:#e9ecef;--border-strong:#d1d5db;--border-focus:#667eea;--text-0:#212529;--text-1:#495057;--text-2:#6c757d;--text-3:#adb5bd;--text-secondary:#6c757d;--error:#dc3545;--success:#28a745;--warning:#ffc107;--info:#17a2b8;--radius:8px;--radius-sm:6px;--radius-lg:12px;--shadow:0 2px 4px rgba(0,0,0,.1);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-lg:0 4px 12px rgba(0,0,0,.15);--shadow-elevated:0 8px 24px rgba(0,0,0,.15);--ease-out:cubic-bezier(.25,.46,.45,.94);--font-display:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono","Consolas","Monaco",monospace}body{background-color:var(--bg-1);color:var(--text-0);font-family:var(--font-display);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.tag{align-items:center;background:var(--bg-3);border-radius:99px;color:var(--text-2);display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px}.tag-accent{background:var(--accent-bg);color:var(--accent-text)}.tag-success{background:#28a7451f;color:var(--success)}.tag-error{background:#dc35451f;color:var(--error)}.btn-secondary{background:var(--bg-2);border-color:var(--border);color:var(--text-1)}.btn-secondary:hover{background:var(--bg-3);border-color:var(--border-strong)}.btn-sm{font-size:12px;padding:5px 10px}.card:hover{box-shadow:var(--shadow-lg)}.input,select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-0);font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.input:focus,select:focus,textarea:focus{background:var(--bg-0);border-color:var(--accent);box-shadow:0 0 0 2px #667eea33;outline:none}.textarea{min-height:80px;resize:vertical}.modal{background:var(--bg-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);max-height:90vh;max-width:90vw;overflow-y:auto;padding:24px;position:relative}.dim{color:var(--text-3)}.mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-auto{margin-left:auto}.wrap{word-break:break-word}:root{--primary:#667eea;--accent:#667eea;--accent-bg:rgba(102,126,234,.1);--accent-text:#667eea;--accent-gradient:linear-gradient(135deg,#667eea,#764ba2);--bg-0:#fff;--bg-1:#f8f9fa;--bg-2:#f1f3f4;--bg-3:#e9ecef;--bg-hover:#f5f5f5;--border:#e9ecef;--text-0:#212529;--text-1:#495057;--text-2:#6c757d;--text-3:#adb5bd;--error:#dc3545;--success:#28a745;--warning:#ffc107;--info:#17a2b8;--radius:8px;--radius-lg:12px;--shadow:0 2px 4px rgba(0,0,0,.1);--shadow-lg:0 4px 12px rgba(0,0,0,.15);--shadow-elevated:0 8px 24px rgba(0,0,0,.15);--ease-out:cubic-bezier(.25,.46,.45,.94);--font-display:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-1);color:var(--text-0);font-family:var(--font-display);font-size:16px;line-height:1.5}.btn{align-items:center;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease}.btn:hover{background:var(--bg-hover);border-color:var(--accent)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:#5a6fd8;border-color:#5a6fd8;color:#fff}.btn-ghost{background:transparent;border:none;color:var(--text-2)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-0)}.btn-icon{height:32px;min-width:32px;padding:6px}.input{border:1px solid var(--border);border-radius:var(--radius);font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #667eea33;outline:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.overlay{align-items:center;background:#00000080;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.modal{background:var(--bg-0);border-radius:var(--radius-lg);max-height:90vh;max-width:90vw;overflow-y:auto;padding:24px;position:relative}.form-group{margin-bottom:16px}.form-group label{color:var(--text-1);display:block;font-weight:500;margin-bottom:6px}.error-message{color:var(--error);font-size:14px;margin-top:8px}@media(max-width:768px){.grid{grid-template-columns:1fr}.modal{padding:16px}}.asset-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.asset-card{background:linear-gradient(180deg,#ffffffbd,#f8fbff94);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),border-color .18s var(--ease-out)}.asset-card:hover{border-color:var(--accent);box-shadow:0 16px 30px #14203614;transform:translateY(-2px)}.asset-cover{aspect-ratio:1;background:var(--bg-2);border-radius:20px 20px 0 0;overflow:hidden;position:relative}.asset-cover.wide{aspect-ratio:16/9}.asset-cover img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.previewable-image{cursor:zoom-in;transition:transform .18s var(--ease-out),filter .18s var(--ease-out)}.previewable-image:hover{filter:saturate(1.04);transform:scale(1.015)}.asset-cover-badge{align-items:center;background:#070b1594;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;left:8px;padding:3px 8px;position:absolute;top:8px;z-index:1}.asset-cover-badge.is-ready{background:#247d48eb}.asset-cover-badge.is-pending{background:#133379eb}.asset-cover-empty{align-items:center;color:var(--text-3);display:flex;height:100%;justify-content:center;width:100%}.asset-body{display:flex;flex:1;flex-direction:column;gap:4px;padding:8px 10px}.asset-name{color:var(--text-0);display:-webkit-box;font-size:13px;font-weight:600;-webkit-line-clamp:2;line-height:1.4;-webkit-box-orient:vertical;overflow:hidden}.asset-meta{line-height:1.3}.asset-foot,.asset-meta{color:var(--text-3);font-size:11px}.asset-foot{align-items:center;border-top:1px solid var(--border);display:flex;gap:4px;padding:6px 10px}.prod-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.prod-card{background:linear-gradient(180deg,#ffffffbd,#f8fbff94);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),border-color .18s var(--ease-out)}.prod-card:hover{border-color:var(--accent);box-shadow:0 16px 30px #14203614;transform:translateY(-2px)}.prod-cover{aspect-ratio:16/9;background:var(--bg-2);border-radius:20px 20px 0 0;overflow:hidden;position:relative}.prod-cover img,.prod-video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.prod-video{background:#000;border-radius:0}.prod-cover-empty{align-items:center;color:var(--text-3);display:flex;height:100%;justify-content:center;width:100%}.prod-idx{background:#00000080;font-family:var(--font-mono);font-weight:700;left:5px;top:5px}.prod-idx,.prod-overlay-badge{border-radius:3px;color:#fff;font-size:10px;padding:1px 5px;position:absolute;z-index:1}.prod-overlay-badge{background:var(--success);bottom:5px;font-weight:600;right:5px}.prod-info{display:flex;flex:1;flex-direction:column;gap:4px;padding:10px 12px 8px}.prod-desc{color:var(--text-1);display:-webkit-box;font-size:12px;-webkit-line-clamp:2;line-height:1.4;-webkit-box-orient:vertical;overflow:hidden}.prod-meta-line{line-height:1.3}.prod-dots,.prod-meta-line{color:var(--text-3);font-size:10px}.prod-dots{align-items:center;display:flex;gap:4px}.prod-error{color:var(--error);font-size:10px;line-height:1.3;margin-top:6px}.prod-actions{align-items:center;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:8px 12px}.frame-grid{display:flex;flex-direction:column;gap:8px}.frame-row{align-items:center;background:linear-gradient(180deg,#ffffffbd,#f8fbff94);border:1.5px solid transparent;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:14px;padding:12px 14px;transition:all .15s}.frame-row:hover{background:var(--bg-0);border-color:var(--border);box-shadow:0 4px 12px #00000014}.frame-row.active{background:var(--bg-0);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.frame-info{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.frame-top{align-items:center;display:flex;gap:8px}.frame-num{font-size:13px;font-weight:800}.frame-badge{background:var(--accent-bg);border:1px solid var(--accent-glow);border-radius:20px;color:var(--accent);font-size:11px;padding:2px 8px;white-space:nowrap}.frame-desc{color:var(--text-1);display:-webkit-box;font-size:12px;-webkit-line-clamp:2;line-height:1.5;-webkit-box-orient:vertical;overflow:hidden}.frame-meta{align-items:center;color:var(--text-3);display:flex;font-size:11px;gap:6px}.frame-thumbs{display:flex;flex-shrink:0;gap:8px}.frame-thumb-wrap{align-items:center;display:flex;flex-direction:column;gap:3px}.frame-thumb-label{color:var(--text-3);font-size:10px;font-weight:600}.frame-thumb{aspect-ratio:16/9;background:var(--bg-2);border:1.5px solid var(--border);border-radius:6px;cursor:pointer;overflow:hidden;position:relative;transition:all .15s;width:130px}.frame-thumb:hover{border-color:var(--accent);box-shadow:0 2px 8px #0003}.frame-thumb img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.frame-thumb-empty{color:var(--text-3);display:flex;font-size:12px;height:100%;width:100%}.frame-re,.frame-thumb-empty{align-items:center;justify-content:center}.frame-re{background:#00000080;border-radius:50%;color:#fff;display:none;font-size:10px;height:18px;position:absolute;right:3px;top:3px;width:18px;z-index:1}.frame-thumb:hover .frame-re{display:flex}.frame-scroll{flex:1;overflow-y:auto;padding:10px 12px}.dub-card,.dub-grid{display:flex;flex-direction:column;gap:10px}.dub-card{background:linear-gradient(180deg,#ffffffbd,#f8fbff94);border:1px solid var(--border);border-radius:20px;padding:14px 16px;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),border-color .18s var(--ease-out)}.dub-card:hover{border-color:var(--accent);box-shadow:0 16px 30px #14203614;transform:translateY(-2px)}.dub-head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.dub-copy{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.dub-title{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.frame-num{background:var(--accent-bg);color:var(--accent);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.03em}.frame-badge,.frame-num{border-radius:4px;flex-shrink:0;padding:2px 6px}.frame-badge{background:var(--bg-3);color:var(--text-3);font-size:10px;font-weight:600}.dub-desc{color:var(--text-1);display:-webkit-box;font-size:13px;-webkit-line-clamp:2;line-height:1.6;-webkit-box-orient:vertical;overflow:hidden}.dub-meta{color:var(--text-3);flex-wrap:wrap;font-size:11px}.dub-foot,.dub-meta{align-items:center;display:flex;gap:10px}.dub-foot{border-top:1px solid rgba(27,41,64,.08);padding-top:8px}.dub-audio{border-radius:var(--radius);flex:1;height:30px;min-width:0}.card{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;transition:all .2s ease}.card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg)}@media(max-width:1200px){.asset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.prod-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media(max-width:768px){.asset-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.prod-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.frame-thumb{width:100px}.grid{grid-template-columns:1fr}}.page{animation:fadeUp .35s var(--ease-out) both;height:100%;overflow-y:auto;padding:28px 48px 40px}.page-head{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:28px}.head-left{display:flex;flex-direction:column;gap:4px}.page-title{color:var(--text-0);font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em}.page-desc{color:var(--text-3);font-size:13px;font-weight:400}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-card{animation:fadeUp .4s var(--ease-out) both;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out),border-color .2s}.project-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card-film-strip{align-items:center;background:var(--bg-2);border-bottom:1px solid var(--border);display:flex;justify-content:space-around;padding:6px 16px}.film-hole{background:var(--bg-3);border-radius:2px;height:8px;transition:background .2s;width:10px}.project-card:hover .film-hole:nth-child(2){background:var(--accent)}.project-card:hover .film-hole:nth-child(4){background:var(--accent);opacity:.5}.card-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px 18px 14px}.card-header{justify-content:space-between}.card-header,.episode-badge{align-items:center;display:flex}.episode-badge{color:var(--text-3);font-size:11px;font-weight:600;gap:5px;letter-spacing:.04em;text-transform:uppercase}.episode-badge svg{color:var(--accent)}.card-delete{opacity:0;transition:opacity .15s}.project-card:hover .card-delete{opacity:1}.project-title{color:var(--text-0);font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.35}.project-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.style-tag{background:var(--accent-bg);border:1px solid rgba(184,120,20,.12);border-radius:99px;color:var(--accent-text);font-size:11px;font-weight:500;padding:2px 8px}.meta-item{align-items:center;color:var(--text-3);display:flex;font-size:12px;gap:4px}.style-preview{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.style-preview:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.style-preview.active{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f633}.style-image{height:120px;overflow:hidden;width:100%}.style-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.style-preview:hover .style-image img{transform:scale(1.05)}.style-tooltip{background:#000c;bottom:-100%;color:#fff;font-size:12px;left:0;padding:10px;position:absolute;right:0;transition:bottom .3s ease;z-index:10}.style-preview:hover .style-tooltip{bottom:0}.card-footer{align-items:center;border-top:1px solid var(--border);display:flex;gap:10px;padding:10px 18px 14px}.progress-mini{flex:1}.progress-mini-track{background:var(--bg-3);border-radius:99px;height:3px;overflow:hidden}.progress-mini-fill{background:var(--accent-gradient);border-radius:99px;height:100%;transition:width .6s var(--ease-out)}.card-date{color:var(--text-3);font-size:11px;white-space:nowrap}.loading-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skeleton-card{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-hover) 50%,var(--bg-2) 75%);background-size:200% 100%;border:none;height:180px}.empty-card{align-items:center;border-style:dashed;border-width:1.5px;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:56px 32px;text-align:center;transition:all .2s var(--ease-out)}.empty-card:hover{background:var(--accent-bg);border-color:var(--accent);transform:translateY(-2px)}.empty-icon{align-items:center;background:var(--bg-2);border-radius:var(--radius-lg);color:var(--text-3);display:flex;height:56px;justify-content:center;margin-bottom:4px;transition:all .2s;width:56px}.empty-card:hover .empty-icon{background:var(--accent-bg);color:var(--accent)}.empty-title{color:var(--text-1);font-size:14px;font-weight:600}.empty-desc{color:var(--text-3);font-size:12px;line-height:1.6;max-width:220px}.modal{animation:scaleIn .2s var(--ease-out);box-shadow:var(--shadow-elevated);padding:32px;width:460px}.modal-header{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}.modal-icon{align-items:center;background:var(--accent-bg);border-radius:var(--radius);color:var(--accent);display:flex;height:44px;justify-content:center;margin-bottom:4px;width:44px}.modal-title{font-family:var(--font-display);font-size:19px;font-weight:700}.modal-desc{color:var(--text-3);font-size:13px}.modal-form{gap:16px}.field,.modal-form{display:flex;flex-direction:column}.field{gap:6px}.field-label{color:var(--text-1);font-size:12px;font-weight:600}.required{color:var(--error)}.field-row{display:grid;gap:14px;grid-template-columns:1fr 1fr}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:6px}