:root{color:#111827;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.screen,.app-shell{width:min(1360px,100% - 32px);margin:0 auto;padding:28px 0}.app-shell{isolation:isolate;padding:16px 0 42px;position:relative}.app-shell:before,.app-shell:after{z-index:-1;content:"";filter:blur(8px);pointer-events:none;border-radius:999px;position:fixed}.app-shell:before{background:radial-gradient(circle,#93c5fd57,#0000 68%);width:580px;height:580px;top:-220px;left:max(-260px,50% - 900px)}.app-shell:after{background:radial-gradient(circle,#c4b5fd3d,#0000 70%);width:680px;height:680px;bottom:-260px;right:max(-280px,50% - 940px)}.upload-screen{isolation:isolate;align-content:start;width:min(1040px,100% - 32px);max-width:none;min-height:100vh;padding:clamp(12px,3vw,36px) 0 42px;display:grid;position:relative}.upload-screen:before,.upload-screen:after{z-index:-1;content:"";filter:blur(8px);pointer-events:none;border-radius:999px;position:fixed}.upload-screen:before{background:radial-gradient(circle,#93c5fd6b,#0000 68%);width:520px;height:520px;top:-180px;left:max(-220px,50% - 780px)}.upload-screen:after{background:radial-gradient(circle,#c4b5fd4d,#0000 70%);width:620px;height:620px;bottom:-220px;right:max(-260px,50% - 820px)}.hero{text-align:center;margin-bottom:28px}.upload-hero{max-width:820px;margin:0 auto 26px}.hero h1,.topbar h1{margin:6px 0 8px;font-size:clamp(30px,4vw,48px);line-height:1}.upload-hero h1{color:#0f172a;letter-spacing:-.075em;margin:12px 0 18px;font-size:clamp(44px,7vw,82px);font-weight:850;line-height:.94}.hero p,.topbar p{color:#6b7280}.upload-hero>p:not(.eyebrow){color:#475569;letter-spacing:-.018em;max-width:600px;margin:0 auto;font-size:clamp(13px,1.25vw,16px);line-height:1.45}.eyebrow{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.upload-hero .eyebrow{color:#2563eb;letter-spacing:.08em;text-transform:none;background:#eff6ffbd;border:1px solid #2563eb1f;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;display:inline-flex;box-shadow:inset 0 1px #ffffffb3}.topbar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#ffffffd1,#fff9),radial-gradient(circle at 15% 0,#dbeafe70,#0000 42%);border:1px solid #ffffffb8;border-radius:28px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;padding:18px 22px;display:flex;box-shadow:0 30px 90px #0f172a17,inset 0 1px #ffffffdb,inset 0 -1px #94a3b81a}.topbar h1{color:#0f172a;letter-spacing:-.035em;margin:3px 0 4px;font-size:clamp(22px,2.6vw,34px);font-weight:850}.topbar p:not(.eyebrow){color:#64748b;max-width:560px;margin:0;font-size:13px;line-height:1.35}.card,.upload-card,.help-card,.empty-state,.alert{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffa8;border:1px solid #ffffffa6;border-radius:26px;box-shadow:0 24px 70px #0f172a14,inset 0 1px #ffffffb8}.upload-card{width:100%;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(#ffffffc2,#ffffff7a),radial-gradient(circle at 50% 0,#dbeafea3,#0000 54%);border:1px solid #ffffffad;border-radius:34px;justify-items:center;gap:14px;padding:clamp(42px,5vw,66px) clamp(26px,5vw,54px);transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;display:grid}.upload-card-shell{width:min(900px,100%);margin:0 auto;position:relative}.upload-card-shell:before{z-index:-1;content:"";filter:blur(18px);opacity:.7;background:linear-gradient(135deg,#60a5fa57,#a855f73d,#fff3);border-radius:34px;position:absolute;inset:-1px}.upload-card:hover:not(:disabled){border-color:#60a5fa6b;transform:translateY(-2px);box-shadow:0 30px 90px #0f172a1f,inset 0 1px #fffc}.upload-card:disabled{cursor:progress;opacity:.7}.upload-icon{color:#2563eb;letter-spacing:.12em;background:linear-gradient(160deg,#2563eb1c,#ffffffb3),#eff6ff;border:1px solid #ffffffad;border-radius:24px;place-items:center;width:88px;height:88px;font-size:14px;font-weight:800;display:grid;box-shadow:0 20px 45px #2563eb24}.upload-card strong{color:#0f172a;letter-spacing:-.045em;font-size:clamp(28px,3.6vw,42px)}.upload-card span:not(.upload-icon){color:#475569;font-size:16px}.upload-card small{color:#94a3b8;font-size:13px}.help-card,.card,.empty-state,.alert{margin-top:8px;padding:12px}.help-card ol{color:#4b5563;gap:10px;margin:0;padding-left:22px;display:grid}.help-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff94;border:1px solid #ffffffa6;border-radius:28px;gap:18px;max-width:760px;margin:22px auto 0;padding:28px;display:grid;box-shadow:0 24px 70px #0f172a14,inset 0 1px #ffffffb8}.help-card strong{color:#0f172a;letter-spacing:-.035em;font-size:22px}.help-card li{padding-left:6px}.help-card p{color:#64748b;border-top:1px solid #94a3b82e;margin:0;padding-top:18px;font-size:14px;line-height:1.55}.summary-card div,.metric{gap:6px;display:grid}.label,.metric span,.section-title span{color:#64748b;font-size:13px}.section-title{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.section-title h2{color:#0f172a;letter-spacing:-.038em;margin:0;font-size:clamp(22px,2.4vw,32px);line-height:1.05}.section-kicker{color:#64748b;letter-spacing:.16em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:850}.report-controls-line{background:linear-gradient(#f8fafc8f,#ffffff57),#f8fafc57;border:1px solid #e2e8f094;border-radius:18px;gap:10px;margin:18px 0 12px;padding:12px;display:grid;overflow:visible;box-shadow:inset 0 1px #ffffffd6,inset 0 -1px #94a3b814}.control-group{grid-template-columns:74px minmax(0,1fr);align-items:start;gap:10px;min-width:0;display:grid}.control-label{color:#8a94a6;letter-spacing:.09em;text-transform:uppercase;flex:none;padding-top:8px;font-size:10px;font-weight:850}.track-list{flex-wrap:wrap;gap:7px;display:flex}.tracks-card{min-width:0}.track-chip{align-items:stretch;gap:0;padding:0;overflow:hidden}.track-name{color:#8a94b2;letter-spacing:-.01em;border-right:0;place-items:center;width:32px;min-width:32px;min-height:26px;padding:0;font-size:12px;font-weight:850;line-height:1;transition:border-color .16s,color .16s;display:inline-grid;position:relative}.track-name:after{content:"";background:#b4bedc80;width:1px;position:absolute;top:3px;bottom:3px;right:-1px}.track-num{color:#a9b3c8;place-items:center;width:32px;min-width:32px;min-height:26px;padding:0;font-size:12px;font-weight:650;line-height:1;transition:color .16s;display:inline-grid}.track-chip.selected .track-name{color:#1d4ed8}.track-chip.selected .track-name:after{background:#93c5fdb8}.track-chip.selected .track-num{color:#1d4ed8}.track-dot{border-radius:999px;padding:3px 6px;font-size:10px;font-weight:800}.pill,.status{border-radius:999px;width:fit-content;padding:5px 10px;font-size:12px;font-weight:800}.success,.recognized{color:#166534;background:#dcfce7d1}.neutral,.no_effect{color:#475569;background:#f1f5f9db}.partially_recognized{color:#92400e;background:#fef3c7}.unknown{color:#5b21b6;background:#ede9fe}.warning{background:#fffbeb;border-color:#fde68a}.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.alert{gap:6px;display:grid}.support-request-id{color:#64748b;letter-spacing:-.01em;font-size:12px;font-weight:700}.support-actions{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.actions,.export-buttons{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.section-title .export-buttons{margin-top:0}.checkbox-option{color:#64748b;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:inline-flex}.checkbox-option input{accent-color:#2563eb}.button{letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;padding:11px 16px;font-weight:800;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.5}.primary{color:#fff;background:#2563eb;box-shadow:0 14px 30px #2563eb38}.secondary{color:#1d4ed8;background:linear-gradient(#ffffffd1,#eff6ffd1),#eff6ffc7;border-color:#2563eb24;box-shadow:0 12px 28px #2563eb17,inset 0 1px #fffc}.ghost{color:#475569;background:#f8fafcd1;border-color:#e2e8f0cc}.report-card{background:linear-gradient(#ffffffe0,#ffffffa8),radial-gradient(circle at 16% 0,#dbeafe80,#0000 42%),radial-gradient(circle at 88% 0,#e2e8f061,#0000 34%);border-color:#ffffffbd;border-radius:30px;padding:22px;position:relative;overflow:hidden;box-shadow:0 38px 120px #0f172a1f,inset 0 1px #ffffffe6,inset 0 -1px #94a3b81f}.support-strip{color:#64748b;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 14px;margin-top:14px;font-size:13px;font-weight:650;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a52;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.support-modal{background:linear-gradient(#fffffff0,#f8fafce6),radial-gradient(circle at 10% 0,#dbeafe85,#0000 42%);border:1px solid #ffffffb8;border-radius:26px;gap:16px;width:min(620px,100%);padding:22px;display:grid;box-shadow:0 32px 120px #0f172a38}.support-modal h2{color:#0f172a;letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(22px,2.4vw,30px);line-height:1.05}.support-modal p{color:#64748b;margin:0;font-size:14px;line-height:1.45}.support-message{gap:8px;display:grid}.support-message span{color:#475569;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.support-message textarea{resize:vertical;color:#0f172a;min-height:90px;font:inherit;background:#ffffffc2;border:1px solid #cbd5e1cc;border-radius:16px;outline:none;padding:12px 14px;line-height:1.4}.support-message textarea:focus{border-color:#2563eb80;box-shadow:0 0 0 4px #2563eb1a}.support-modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 14px;display:flex}.support-status{color:#64748b;font-size:13px;font-weight:650}.success-text{color:#15803d}.error-text{color:#b91c1c}.sequence-strip{color:#7c8798;flex-wrap:wrap;gap:6px 10px;margin-top:8px;font-size:12px;font-weight:650;display:flex}.sequence-strip span:not(:last-child):after{color:#94a3b894;content:"/";margin-left:10px}.report-stats{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.report-stats span{color:#64748b;background:#f8fafca8;border:1px solid #e2e8f0b3;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.effect-filter-row{border-top:1px solid #e2e8f09e;min-width:0;padding-top:10px}.effect-chip-list{flex-wrap:wrap;gap:7px;display:flex}.effect-chip{color:#8a94b2;cursor:pointer;letter-spacing:-.01em;white-space:nowrap;box-shadow:none;background:#ffffffb8;border:1px solid #d2dae8c2;border-radius:8px;flex:none;padding:6px 10px;font-size:12px;font-weight:850;transition:border-color .16s,box-shadow .16s,background .16s,color .16s,transform .16s}.effect-chip:hover{background:#f8fafcdb;border-color:#0f172a24;transform:translateY(-1px)}.effect-chip.selected{color:#1d4ed8;box-shadow:none;background:#dbeafed1;border-color:#93c5fddb}.effect-chip.track-chip{align-items:stretch;gap:0;padding:0;display:inline-flex;overflow:hidden}.filters-panel{grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(130px,1fr));gap:8px;margin-bottom:10px;display:grid}.filters-panel input,.filters-panel select{color:#0f172a;background:#ffffffb8;border:1px solid #e2e8f0db;border-radius:12px;outline:none;width:100%;padding:8px 10px;font-size:12px;transition:border-color .16s,box-shadow .16s,background .16s}.filters-panel input:focus,.filters-panel select:focus{background:#ffffffeb;border-color:#2563eb6b;box-shadow:0 0 0 4px #2563eb17}.table-wrap{background:linear-gradient(#ffffffe0,#f8fafcb3),#fff;border:1px solid #93c5fd47;border-radius:24px;overflow:visible;box-shadow:0 22px 60px #0f172a14,inset 0 1px #ffffffdb}.report-list{min-width:880px}.report-list-header{z-index:2;color:#64748b;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f1f5f9f0;border-bottom:1px solid #e2e8f0c7;grid-template-columns:minmax(300px,1.45fr) minmax(190px,.8fr) minmax(280px,1.35fr) auto;gap:24px;padding:11px 18px;font-size:10px;font-weight:850;display:grid;position:sticky;top:0}.report-row{border-bottom:1px solid #e2e8f0b8;grid-template-columns:minmax(300px,1.45fr) minmax(190px,.8fr) minmax(280px,1.35fr) auto;align-items:center;gap:24px;padding:16px 18px;transition:background .16s,box-shadow .16s;display:grid}.report-row:hover{background:#f8fafcb8}.clip-cell,.effect-cell{gap:5px;display:grid}.clip-cell>strong,.effect-cell>strong{color:#0f172a;letter-spacing:-.035em;font-size:17px;font-weight:850;line-height:1.12}.effect-cell>strong.effect-name-badge{letter-spacing:-.01em;align-items:center;width:fit-content;font-size:14px;line-height:1;display:inline-flex}.clip-meta{color:#94a3b8;letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0;font-size:13px;font-weight:650;line-height:1.35;display:flex}.clip-meta-sep{color:#94a3b8cc;-webkit-user-select:none;user-select:none}.track-badge{color:#2563eb;background:#dbeafee0;border-radius:7px;padding:1px 7px;font-weight:850}.clip-source{color:#c0c6d2;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-style:italic;line-height:1.25;overflow:hidden}.effect-type{color:#64748b;letter-spacing:.01em;background:#f1f5f9eb;border-radius:8px;width:fit-content;padding:3px 8px;font-size:13px;font-weight:850;line-height:1}.effect-type.resize{color:#64748b;background:#eef2ffe6}.effect-type.flip{color:#16a34a;background:#dcfce7db}.effect-type.blur{color:#1d4ed8;background:#dbeafee0}.effect-type.timewarp{color:#b45309;background:#fef3c7e0}.effect-type.opacity{color:#7e22ce;background:#f3e8ffe0}.effect-type.superimpose{color:#6d28d9;background:#f5f3ffe0}.effect-type.color{color:#1d4ed8;background:#dbeafee0}.effect-type.keying{color:#15803d;background:#dcfce7db}.effect-type.matte{color:#b91c1c;background:#fee2e2d1}.effect-type.mask{color:#c2410c;background:#ffedd5e0}.effect-type.color_adapter,.effect-type.color_lut,.effect-type.motion_adapter,.effect-type.frameflex,.effect-type.stabilize{color:#1d4ed8;background:#dbeafee0}.effect-type.rotation{color:#c2410c;background:#ffedd5e0}.effect-type.transition{color:#0369a1;background:#e0f2fee0}.raw-cell{white-space:nowrap}.parameters{white-space:normal;color:#475569;letter-spacing:-.025em;gap:5px;font-size:17px;line-height:1.32;display:grid}.effect-warning{color:#b45353;letter-spacing:-.01em;font-size:13px;font-weight:700}.nested-effect-note{color:#8b6f2a;letter-spacing:-.01em;font-size:13px;font-weight:700}.empty-state{color:#64748b;gap:6px;display:grid}.empty-state strong{color:#0f172a}.drawer-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a6b;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffe6;width:min(520px,100%);height:100%;padding:24px;overflow:auto}.drawer pre,.alert pre{color:#f9fafb;background:#111827;border-radius:12px;padding:14px;overflow:auto}@media (width<=860px){.upload-screen{width:min(100% - 24px,1040px);padding-top:18px}.upload-hero{margin-bottom:26px}.upload-hero h1{letter-spacing:-.06em}.upload-card{border-radius:24px}.topbar,.section-title{flex-direction:column;align-items:flex-start}.summary-card,.report-header,.filters-panel,.effect-filter-row{grid-template-columns:1fr}.tracks-card{margin-top:12px}.tracks-header{flex-direction:column;align-items:flex-start;gap:2px}}@media (width<=520px){.upload-hero>p:not(.eyebrow){font-size:13px}.upload-card{padding:38px 18px}.upload-icon{width:72px;height:72px}}