:root{--blue:#287dde;--blue-dark:#1565c0;--ink:#1a3553;--muted:#657f9c;--line:#dfeaf6;--bg:#f7faff;--shadow:0 16px 55px rgba(33,80,137,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed!important}button:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #79b7ff;outline-offset:3px}a{color:#3077c8;text-decoration:none}a:hover{text-decoration:underline}.shell{max-width:1440px;margin:auto;padding:0 29px}.skip:not(:focus),.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip:focus{position:fixed;top:10px;left:10px;z-index:1000;background:#fff;padding:12px}.header{background:#fff;border-bottom:1px solid #e8f0f9}.nav{height:68px;display:flex;align-items:center;gap:33px}.brand{display:flex;align-items:center;gap:10px;color:#173a5f;font-size:21px;letter-spacing:-.05em}.brand:hover{text-decoration:none}.brand strong span,.hero h1 span{color:var(--blue)}.logo{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#73c5ff,#287dde);color:#fff;font-size:22px;font-weight:900}.nav nav{display:flex;gap:19px;font-size:13px}.priv{margin-left:auto;color:#3c9d79;background:#edfdf6;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700}.crumbs{padding:20px 0;color:#7288a2;font-size:11px}.hero{padding:38px 0 55px;text-align:center}.eyebrow,.overline{font-size:10px;letter-spacing:.18em;font-weight:850;color:#3e91e8}.hero h1{font-size:clamp(32px,4.1vw,56px);letter-spacing:-.055em;line-height:1.13;margin:13px auto;max-width:970px}.hero p{max-width:790px;color:var(--muted);font-size:16px;line-height:1.75;margin:14px auto}.hero-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:19px;margin-top:23px;color:#4b7495;font-size:12px}.workspace{background:#fff;border-radius:24px;border:1px solid #dbe9f6;box-shadow:var(--shadow);overflow:hidden}.workspace-head{padding:22px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px}.workspace-head h2{font-size:25px;letter-spacing:-.035em;margin:4px 0}.workspace-head p{margin:0;color:var(--muted);font-size:12px}.tag{display:inline-block;color:#2b79cd;background:#eaf4ff;padding:5px 9px;border-radius:12px;vertical-align:middle;font-size:10px;letter-spacing:0}.head-buttons,.toolbar{display:flex;gap:9px;flex-wrap:wrap}.btn{background:#fff;border:1px solid #cbddec;border-radius:10px;padding:10px 14px;color:#355b80;font-weight:740;min-height:38px}.btn:hover:not(:disabled){background:#f0f7ff}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover:not(:disabled){background:var(--blue-dark)}.btn.secondary{background:#edf6ff;border-color:#d7eafc;color:#276eb6}.btn.ghost{border-color:transparent;background:0 0}.btn.small{padding:8px 10px;font-size:11px;min-height:33px}.editor{display:grid;grid-template-columns:minmax(0,1fr) 340px}.main-col{min-width:0;padding:22px;background:#fbfdff;border-right:1px solid var(--line)}.side-col{min-width:0;background:#fff}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:18px}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 18px}.section-head strong{display:block;font-size:15px}.section-head small{display:block;color:var(--muted);font-size:11px}.pill{color:#2c79ca;background:#ebf5ff;border-radius:30px;padding:5px 12px;white-space:nowrap;font-size:11px;font-weight:800}.canvas-wrap{position:relative;aspect-ratio:16/9;background:repeating-conic-gradient(#ecf1f9 0 25%,#fff 0 50%) 0 0/28px 28px;overflow:hidden}.canvas-wrap canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.canvas-help{position:absolute;right:10px;bottom:10px;background:#254869aa;color:#fff;font-size:10px;padding:5px 9px;border-radius:13px;pointer-events:none}.transport{display:flex;align-items:center;gap:9px;padding:11px 13px;flex-wrap:wrap}.transport #seek{flex:1;min-width:100px;accent-color:var(--blue)}.round{width:38px;height:38px;border-radius:50%;background:#fff;color:#286cae;border:1px solid var(--line);font-size:21px}.clock{font-size:11px;color:#52728c;white-space:nowrap;font-variant-numeric:tabular-nums}.text-content{padding:0 16px 16px}.text-content textarea{width:100%;resize:vertical;min-height:120px;line-height:1.65;padding:12px;border:1px solid #d1e1f2;border-radius:10px;color:#27455f;font-size:14px}.selection-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.hint,.muted{color:var(--muted);font-size:11px}.selected-label{margin-top:9px;font-size:12px;color:#306da7;background:#f0f7ff;padding:8px 11px;border-radius:9px;overflow-wrap:anywhere}.counter{font-size:11px;color:#66839d}.ruler{height:83px;position:relative;padding:11px 14px;background:#f4f9ff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.ticks{display:flex;justify-content:space-between;color:#7a94ac;font-size:10px;height:23px}.track{height:28px;position:relative;background:#eaf2fd;border-radius:8px}.cue-block{position:absolute;top:3px;height:22px;padding:2px 5px;border-radius:5px;border:1px solid #89b6e4;color:#225180;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:2px}.cue-block.active{border-color:#267be7;outline:2px solid #66abff}.playhead{position:absolute;top:28px;bottom:8px;left:14px;border-left:2px solid #e47966;pointer-events:none}.cue-list{max-height:235px;overflow-y:auto}.cue-row{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 17px;background:#fff;border:none;border-bottom:1px solid #edf3f9;width:100%;color:var(--ink)}.cue-row:hover{background:#f3f8ff}.cue-row.active{background:#eaf4ff}.cue-row b{display:block;font-size:12px}.cue-row small{font-size:10px;color:#7188a1}.cue-row .cue-time{margin-left:auto;color:#4d718f;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.cue-swatch{height:24px;width:24px;flex:none;border-radius:7px;border:1px solid #ccc}.invalid{color:#c34748!important}.empty{color:#7890a5;text-align:center;padding:12px;font-size:12px}.timeline-foot{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#68839d;font-size:12px;flex-wrap:wrap}.timeline-foot input{width:75px;padding:7px;border:1px solid var(--line);border-radius:8px}.grow{flex:1}.link-btn{border:0;background:0 0;color:#2676ca;font-size:12px;font-weight:770;padding:7px}.link-btn:hover{text-decoration:underline}.danger{color:#b24952}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0 16px 14px}.export{min-width:0;display:flex;align-items:center;gap:10px;border:1px solid #d9e6f5;border-radius:12px;background:#fcfdff;padding:12px;text-align:left;color:var(--ink)}.export:hover{background:#f1f8ff}.export>span:nth-child(2){min-width:0;flex:1}.export b{font-size:12px;display:block}.export small{font-size:10px;color:var(--muted);display:block}.export-icon{display:grid;place-items:center;background:#e5f2ff;color:#2779d3;min-width:34px;height:34px;border-radius:9px;font-weight:850}.help-box{margin:0 16px 16px;padding:12px;background:#f0f7ff;border:1px solid #deebfb;border-radius:10px;font-size:11px;color:#54718f}.side-panel{padding:21px;border-bottom:1px solid var(--line)}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.step{border-radius:11px;background:#e5f2ff;color:#2578d4;width:34px;height:34px;display:grid;place-items:center;font-weight:900}.panel-title h3{margin:0;font-size:17px;letter-spacing:-.025em}.panel-title p{margin:0;font-size:12px;color:var(--muted)}.side-panel label{display:block;font-size:12px;font-weight:740;color:#45617e;margin:11px 0 5px}.side-panel input:not([type=range]):not([type=checkbox]),.side-panel select{min-width:0;width:100%;padding:10px 9px;border:1px solid #d1e1ef;border-radius:9px;background:#fff;color:#274968}.side-panel input[type=color]{height:42px;padding:3px!important;cursor:pointer}.side-panel input[type=range]{width:100%;accent-color:var(--blue)}.side-panel output{float:right;color:#367bbd;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.form-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.form-buttons .btn{padding:8px;font-size:11px}.side-panel .check-row{display:flex;align-items:center;gap:10px;cursor:pointer;margin:15px 0}.check-row input{accent-color:var(--blue)}.tips{background:#f7fbff}.tips ol{padding-left:18px;color:#607d96;font-size:12px}.tips li{margin:8px 0}.tips p{font-size:11px;color:var(--muted)}.message{padding:11px 22px;color:#416f98;background:#edf6ff;font-size:12px;min-height:41px}.message.error{background:#fff2f1;color:#a84740}.below{padding:72px 0 54px}.below h2,.faq h2{text-align:center;font-size:33px;letter-spacing:-.04em}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px}.feature-grid article span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eaf4ff;color:#337fd2;font-size:24px}.feature-grid h3{margin-bottom:4px}.feature-grid p{color:var(--muted);margin:0;font-size:13px}.faq{max-width:850px;margin:0 auto 80px}.faq details{margin:8px 0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted)}footer{background:#fff;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;gap:12px;padding-top:26px;padding-bottom:26px;font-size:12px;color:#7a8ea2}.processing{position:fixed;inset:0;z-index:200;background:#102b46b8;display:grid;place-items:center;padding:15px;backdrop-filter:blur(6px)}[hidden]{display:none!important}.processing-card{text-align:center;background:#fff;padding:35px 30px;border-radius:24px;width:min(410px,100%);box-shadow:0 30px 90px #061e3755}.processing-card h2{font-size:30px;letter-spacing:-.05em;margin:13px 0 5px}.processing-card p{color:var(--muted)}.processing-card progress{width:100%;accent-color:var(--blue);height:13px}.processing-card #percent{display:block;color:#3878b0;font-weight:750;margin:5px auto 15px}.spin{width:48px;height:48px;margin:auto;border:4px solid #e5f1ff;border-top-color:var(--blue);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.editor{grid-template-columns:minmax(0,1fr) 305px}.main-col{padding:12px}.side-panel{padding:15px}.transport{gap:7px}}@media(max-width:850px){.editor{display:flex;flex-direction:column}.main-col{border-right:0}.side-col{display:grid;grid-template-columns:1fr 1fr}.tips{grid-column:1/-1}}@media(max-width:600px){.shell{padding:0 12px}.nav{height:61px;gap:13px}.nav nav{gap:9px;font-size:11px}.priv{display:none}.crumbs{padding:13px 0}.hero{padding:20px 0 37px}.hero p{font-size:13px}.hero-tags{gap:10px;font-size:10px}.workspace-head{flex-direction:column;align-items:start;padding:16px}.workspace-head h2{font-size:21px}.main-col{padding:8px}.side-col{grid-template-columns:1fr}.tips{grid-column:auto}.section-head{padding:11px}.transport{padding:9px}.transport #seek{flex-basis:50%}.transport .btn.small{flex:1}.selection-row{flex-wrap:wrap}.selection-row .btn{width:100%}.export-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.below{padding:45px 0}.below h2,.faq h2{font-size:26px}.footer-inner{flex-wrap:wrap}.cue-list{max-height:180px}.stage-card .section-head small{max-width:230px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:NaNs!important;transition-duration:NaNs!important;scroll-behavior:auto!important}}.smart-tools{margin:10px 0 7px;display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid #dfeafa;background:#f7fbff;border-radius:10px;padding:10px 12px}.smart-tools strong{font-size:12px;display:block}.smart-tools small{font-size:10px;color:var(--muted);display:block}.suggestions{display:flex;flex-wrap:wrap;gap:7px}.suggestion{border:1px solid #cddff0;color:#285986;border-radius:20px;background:#fff;padding:6px 10px;text-align:left;font-size:11px;max-width:100%;overflow-wrap:anywhere}.suggestion:hover{border-color:#3e8ada;background:#f2f8ff}.suggestions .muted{padding:5px}.cue-block:focus-visible,.cue-row:focus-visible,.suggestion:focus-visible{outline:3px solid #79b7ff;outline-offset:1px}.cue-row[aria-current=true]{background:#eaf4ff}.processing-card [role=status]{font-size:11px;color:#587d99}@media(max-width:500px){.smart-tools{flex-wrap:wrap}.smart-tools button{width:100%}}.export-settings{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:0 16px 14px;font-size:11px;color:#526d88}.export-settings label{font-weight:750}.export-settings select{min-width:0;max-width:100%;border:1px solid #cbdeee;border-radius:8px;background:#fff;padding:8px 9px;color:#294b6f}.smart-tools{flex-wrap:wrap}.smart-tools>div{flex:1;min-width:155px}.smart-tools button{flex-shrink:0}@media(max-width:500px){.export-settings{display:grid;grid-template-columns:1fr minmax(0,1fr)}.smart-tools button{width:100%}}body{overflow-x:clip}.workspace{max-width:100%}.card,.editor,.main-col,.side-col{min-width:0}.hero{padding:32px 0!important}.workspace-head{gap:12px}.no-ai-mode{font-size:11px;color:#24715c;background:#e9f8f0;border-radius:999px;padding:7px 11px;font-weight:800}.v3-project-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}.v3-project-row label{font-size:12px;color:#55748e;font-weight:700}.v3-project-row input{min-width:120px;flex:1;max-width:290px;border:1px solid #cbdff0;border-radius:9px;padding:8px 10px}.v3-templates{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.v3-templates .btn{font-size:11px;padding:7px 10px}.v3-ruler-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:9px 14px;font-size:11px;color:#536f8a}.v3-ruler-controls select{border:1px solid #cadaed;background:#fff;border-radius:8px;padding:6px}.v3-ruler-controls .v3-snap{display:flex;align-items:center;gap:5px}.ruler{overflow-x:auto;overflow-y:hidden;touch-action:pan-x}.timeline-world{height:100%;position:relative;min-width:100%}.cue-block{touch-action:pan-y;cursor:grab}.cue-block.dragging{cursor:grabbing;z-index:3;box-shadow:0 0 0 3px #1975d755}.v3-snap input{accent-color:#287dde}.canvas-wrap{aspect-ratio:var(--stage-aspect,16 / 9);max-height:70vh}.canvas-wrap canvas{object-fit:contain}.side-panel .check-row{margin:11px 0}.pk-search-field,.pk-site-search{min-width:0;max-width:100%}.pk-site-search{flex-shrink:1}.pk-search-field input{min-width:0;width:100%}.pk-studio-footer,.pk-studio-footer nav{min-width:0;max-width:100%;flex-wrap:wrap}.footer-inner{flex-wrap:wrap}@media(max-width:600px){.head-buttons{flex-wrap:wrap;gap:6px}.v3-project-row label{width:100%}.v3-project-row .btn{flex:1}.v3-ruler-controls{gap:8px}.v3-ruler-controls>span{width:100%}.nav{min-width:0}.pk-site-search{flex:1;min-width:65px}.pk-studio-footer{overflow-wrap:anywhere}}