:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1c314e;background:#f6f8fc;--blue:#3778e3;--dark:#162c4c;--line:#e3eaf4;--muted:#7186a2;--card:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3778e3;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{max-width:1530px;margin:0 auto;width:calc(100% - 52px)}.skip{position:absolute;top:-100px;z-index:30;background:#fff;padding:12px}.skip:focus{top:5px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.nav{height:67px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;font-size:19px;font-weight:800;letter-spacing:-.055em;white-space:nowrap;color:#223c5c}.brand>span:not(.brand-icon){color:#6e9fe0}.brand-icon{display:inline-grid;place-items:center;background:#4b95ec;color:#fff;border-radius:9px;width:29px;height:29px;margin-right:7px;font-size:21px;font-weight:900}.nav nav{display:flex;gap:22px;align-items:center;flex:1}.nav nav a{font-size:12px;color:#6c7e96;font-weight:600}.nav nav a:hover{color:var(--blue)}.privacy{font-size:11px;font-weight:700;color:#35918b;background:#effbf8;padding:7px 11px;border-radius:100px;white-space:nowrap}.hero{min-height:255px;padding:37px 4px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.eyebrow{font-size:10px;letter-spacing:.17em;color:#4a83cc;font-weight:800}.eyebrow span{color:#a2adc0}.hero h1{font-size:clamp(36px,3.6vw,55px);letter-spacing:-.065em;line-height:1.06;margin:15px 0 12px;color:#172e50}.hero h1 em{color:#4c91e8;font-style:normal}.hero p{color:#8493a7;font-size:13px;line-height:1.7;max-width:570px;margin:0}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pills span{border:1px solid #dfe8f5;color:#7290b1;border-radius:30px;background:#fff;padding:6px 10px;font-size:10px;font-weight:700}.hero-art{width:265px;height:155px;flex:none;border-radius:18px;background:linear-gradient(140deg,#dbeafe,#f6faff);padding:20px 23px;box-shadow:0 12px 45px #bed4ef40;transform:rotate(-3deg)}.hero-screen{height:93px;border:7px solid #fff;border-radius:14px;background:linear-gradient(145deg,#244f90,#192946);box-shadow:0 4px 20px #466d9833;display:grid;place-items:center;position:relative;overflow:hidden}.hero-play{font-size:39px;color:#b6d9fd}.hero-spectrum{display:flex;gap:3px;align-items:flex-end;position:absolute;bottom:10px;right:13px;height:18px}.hero-spectrum i{width:4px;height:8px;background:#7ecbe3;border-radius:4px}.hero-spectrum i:nth-child(2n){height:16px}.hero-spectrum i:nth-child(3n){height:12px}.hero-meta{text-align:center;color:#6e93bb;font-size:10px;font-weight:700;margin-top:10px}.hero-meta b{margin:0 4px;color:#b4c8df}.studio{background:var(--card);border:1px solid #dfe7f2;box-shadow:0 16px 58px #1837590b;border-radius:18px;overflow:hidden}.studio-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border-bottom:1px solid var(--line);background:#fff}.studio-head h2{margin:5px 0 4px;font-size:21px;letter-spacing:-.035em}.studio-head p{font-size:11px;color:#869ab1;margin:0}.tag{background:#e9f3ff;padding:5px 8px;border-radius:6px;letter-spacing:.05em}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid transparent;padding:10px 14px;border-radius:9px;background:#fff;font-size:11px;font-weight:750;white-space:nowrap;transition:background .13s,box-shadow .13s}.btn:hover:enabled{box-shadow:0 3px 8px #153f7520}.btn.primary{background:#3f80e8;border-color:#3f80e8;color:#fff}.btn.outline{color:#326cc0;background:#fff;border-color:#c5dbf8}.btn.subtle{color:#7892b0;background:#f4f7fb;border-color:#e5edf6}.full{width:100%}.studio-body{display:grid;grid-template-columns:minmax(215px,250px) minmax(0,1fr) minmax(225px,265px);min-height:650px}.report-panel,.side{padding:19px 17px;background:#fbfcff;min-width:0}.side{border-right:1px solid var(--line)}.report-panel{border-left:1px solid var(--line)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.section-title h3{font-size:13px;letter-spacing:-.02em;margin:0}.section-title span{font-size:10px;color:#a0adc0;font-weight:800}.drop{padding:22px 10px;border:1.5px dashed #bcd4f5;background:#f1f7ff;border-radius:12px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:7px;cursor:pointer}.drop.drag{background:#e1efff;border-color:#4b87e1}.upload-icon{background:#fff;color:#5995e7;box-shadow:0 2px 9px #92b5e133;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;font-size:25px}.drop strong{font-size:12px}.drop small,.drop span{font-size:10px;color:#8ea0b7}.drop small{color:#688ec2;font-weight:750}.hint{font-size:10px;color:#98a7b9;line-height:1.65;margin:14px 2px}.file-card{border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:12px;background:#fff;overflow-wrap:anywhere}.file-card strong{font-size:12px}.file-card p,.file-card span{font-size:10px;color:#8d9caf;margin:8px 0 0}.file-card span{display:block}.report-panel hr,.side hr{border:0;border-top:1px solid var(--line);margin:19px 0}.facts{display:grid;gap:9px}.fact{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid #ebf0f7;padding-bottom:8px}.fact span{font-size:10px;color:#95a3b5}.fact strong{font-size:11px;max-width:60%;text-align:right;overflow-wrap:anywhere}.empty-mini{font-size:11px;color:#9baabd;line-height:1.6}.track-list{display:grid;gap:7px}.track{display:block;border:1px solid var(--line);border-radius:9px;background:#fff;padding:11px 12px;text-align:left;width:100%}.track.active,.track:hover{border-color:#8db9f8;background:#f1f7ff}.track strong{display:block;font-size:12px}.track span{display:block;font-size:10px;margin-top:4px;color:#8599b1}.workspace{min-width:0;padding:19px 18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.panel-title h3{margin:5px 0 0;font-size:16px;letter-spacing:-.03em}.tiny-pill{font-size:10px;font-weight:750;background:#f1f5fa;color:#8295af;padding:7px 9px;border-radius:30px}.tiny-pill.good{color:#247a64;background:#e9f9f2}.tiny-pill.bad{color:#aa5e38;background:#fff3e8}.player{border-radius:13px;overflow:hidden;position:relative;background:#101a2b;min-height:235px;display:grid;place-items:center;aspect-ratio:16/8.9}.player video{width:100%;height:100%;max-height:410px;object-fit:contain;position:absolute;inset:0}.empty-screen{position:absolute;display:grid;place-items:center;color:#adc3e2;text-align:center;pointer-events:none}.empty-screen span{font-size:55px;line-height:1}.empty-screen p{font-size:12px}.seekbar{padding:15px 3px 3px}.seekbar label{display:block;font-size:11px;font-weight:750;margin-bottom:8px}.seekbar input{width:100%;accent-color:#3e7de3;cursor:pointer}.times{display:flex;justify-content:space-between;font-size:10px;color:#7a91ae;font-variant-numeric:tabular-nums;margin-top:4px}.transport{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin-top:12px}.time-input{font-size:10px;color:#7d8eaa;display:flex;flex-direction:column;gap:6px}.time-input input{padding:9px;border:1px solid #d9e4f1;border-radius:8px;width:110px;max-width:100%}.context-note{margin:12px 0 20px;font-size:10px;line-height:1.6;color:#8c9fb8}.workspace-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:13px}.subpanel{padding:15px;border:1px solid var(--line);border-radius:12px;min-width:0}.subpanel .section-title{margin-bottom:9px}.subpanel .section-title h3{font-size:12px}.property-grid{display:grid;gap:0;max-height:310px;overflow:auto}.property{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);padding:8px 0;gap:10px;border-bottom:1px solid #eef3f9;font-size:10px}.property span{color:#90a0b4}.property strong{font-weight:700;overflow-wrap:anywhere;text-align:right}.muted{color:#8397af}.small{font-size:10px;line-height:1.6}.subpanel #sheet{margin-bottom:6px}#sheet-state{font-size:10px;color:#6283b2;line-height:1.6}#sheet-preview{width:100%;height:auto;display:block;margin:11px 0;border:1px solid var(--line);border-radius:8px}#save-sheet{margin-top:10px}.summary{display:grid;gap:9px;margin:18px 0 25px}.summary-empty{font-size:11px;color:#9ba9bb;padding:22px 13px;border:1px dashed #d7e3f2;border-radius:10px;text-align:center}.metric{border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 12px}.metric span{font-size:10px;color:#9aaabc;display:block}.metric strong{font-size:15px;letter-spacing:-.02em;display:block;margin-top:6px;overflow-wrap:anywhere}.report-panel .field{font-size:10px;font-weight:750;display:block;margin-bottom:7px}.report-panel select{width:100%;padding:10px;border:1px solid #d8e4f2;border-radius:8px;background:#fff;color:#3d5a7a;font-size:11px;margin-bottom:11px}.warnings{display:grid;gap:7px}.warning{color:#866736;background:#fff9e9;border:1px solid #f5e8c9;border-radius:8px;padding:9px;font-size:10px;line-height:1.55}.fineprint{font-size:10px;line-height:1.7;color:#9cacc0;margin-top:20px}.studio-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 22px;border-top:1px solid var(--line);color:#95a3b4;font-size:10px}.studio-footer [data-error="1"]{color:#b4494b}.guide{padding:65px 4px 55px}.guide h2{font-size:clamp(23px,3vw,33px);letter-spacing:-.05em;margin:10px 0 25px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.guide article{border:1px solid var(--line);border-radius:13px;background:#fff;padding:19px}.guide article span{color:#6894d0;font-size:10px;font-weight:800}.guide article h3{font-size:13px;margin:12px 0 8px}.guide article p{font-size:11px;line-height:1.6;color:#8296b0;margin:0}.disclaimer{font-size:11px;color:#98a8b9;line-height:1.7;max-width:1050px;margin:19px 0}.site-footer{background:#fff;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:22px 0;color:#9caabb;font-size:10px}@media(max-width:1150px){.studio-body{grid-template-columns:220px minmax(0,1fr)}.report-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.report-panel .summary{grid-column:1}.report-panel #download-report,.report-panel .field,.report-panel .fineprint,.report-panel .hint,.report-panel .section-title:nth-of-type(2),.report-panel .section-title:nth-of-type(3),.report-panel .warnings,.report-panel hr,.report-panel select{grid-column:2}.report-panel{display:block}.summary{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.shell{width:calc(100% - 22px)}.nav{height:56px}.nav nav{gap:12px}.nav nav a{font-size:10px}.hero-art,.privacy{display:none}.hero{min-height:0;padding:29px 3px}.hero h1{font-size:33px}.studio-head{flex-direction:column;align-items:stretch}.studio-body{display:flex;flex-direction:column}.side{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.side hr{display:none}.side .drop,.side .file-card,.side .hint,.side .section-title:first-of-type{grid-column:1}.side .facts,.side .section-title:nth-of-type(2){grid-column:2}.side .section-title:nth-of-type(3),.side .track-list{grid-column:1/-1}.track-list{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.nav nav a:nth-child(2){display:none}.hero h1{font-size:30px}.studio-head{padding:15px}.actions{gap:6px}.actions .btn{padding:9px}.side{display:block}.side hr{display:block}.workspace{padding:13px 11px}.workspace-split{grid-template-columns:1fr}.player{min-height:160px}.transport .btn{flex:1}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid{grid-template-columns:1fr}.guide{padding-top:45px}.guide h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.batch-panel{border:1px solid #dce7f6;border-radius:11px;padding:11px;margin-top:13px;background:#fff}.batch-panel .section-title{margin-bottom:6px}.batch-panel p{margin:5px 0 9px}.batch-actions{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.batch-actions .btn{font-size:10px;padding:8px 9px}.batch-list{display:grid;gap:5px;max-height:210px;overflow:auto;margin:10px 0}.batch-item{display:flex;align-items:center;gap:5px;border:1px solid #e1eaf6;border-radius:8px;background:#f7faff;min-width:0}.batch-item button{min-width:0;flex:1;text-align:left;border:0;background:0 0;padding:8px;font-size:10px;font-weight:650;color:#325a84;overflow-wrap:anywhere;white-space:normal}.batch-item button:hover:enabled{color:#1a5fc5;background:#eaf3ff}.batch-item button:disabled{opacity:1;color:#8294ac}.batch-item span{font-size:9px;color:#788eaa;padding-right:7px;white-space:nowrap}.batch-item.bad{border-color:#f0c9bf;background:#fff8f5}.batch-item.bad span{color:#aa5849}.batch-format{display:block;font-size:10px;color:#6d829f}.batch-format select{display:block;margin-top:4px;width:100%;padding:7px;font-size:11px;border:1px solid #d8e4f2;border-radius:7px;background:#fff}.marker-panel{border:1px solid #dae7f5;border-radius:12px;padding:14px;margin:7px 0 17px;background:#fbfdff}.marker-panel .section-title{margin-bottom:6px}.marker-panel p{margin:3px 0 12px}.marker-controls{display:flex;gap:7px;align-items:center}.marker-controls input{flex:1;min-width:0;border:1px solid #d6e2f2;background:#fff;border-radius:8px;font-size:11px;padding:10px}.marker-list{display:grid;gap:6px;margin-top:11px;max-height:155px;overflow:auto}.marker-row{display:flex;align-items:center;gap:8px;padding:7px;border-radius:8px;background:#f1f7ff;border:1px solid #e0ebf9}.marker-jump{border:0;background:0 0;color:#2865b3;text-align:left;font-size:10px;overflow-wrap:anywhere;flex:1;min-width:0}.marker-remove{font-size:11px;border:1px solid #dce6f2;border-radius:6px;background:#fff;color:#9a5664;padding:5px 7px}.marker-time{font-variant-numeric:tabular-nums;font-weight:800}@media(max-width:760px){.side .batch-panel{grid-column:1/-1}.side .hint{grid-column:1/-1}}@media(max-width:480px){.marker-controls{flex-wrap:wrap}.marker-controls .btn{width:100%}.batch-list{max-height:140px}}