:root{--bg:#f5f8fc;--card:#fff;--ink:#10243e;--muted:#60728a;--border:#e0e8f2;--blue:#2078dc;--blue-dark:#1162b8;--soft:#eff6ff;--shadow:0 12px 40px rgba(24,65,113,.055)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}.stage-zone:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #79b9fb;outline-offset:2px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:10px;top:10px;padding:10px;z-index:20;background:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px clamp(16px,4vw,58px);background:#fff;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:800;letter-spacing:-.6px;font-size:18px}.logo{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6cc4ff,#1c70db)}.slash{opacity:.25;font-weight:400;margin:0 2px}.product{font-weight:600;color:#52667e;font-size:15px}.privacy{font-size:12px;color:#3c6c58;display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;border-radius:50%;background:#30b47b}.navlink{font-weight:650;color:var(--blue);font-size:13px}main{max-width:1580px;margin:auto;padding:24px clamp(14px,3vw,42px) 70px}.intro{display:flex;align-items:center;justify-content:space-between;gap:36px;margin:12px 0 24px}.eyebrow,.overline{letter-spacing:1.4px;font-size:10px;font-weight:800;color:#4e8ed0}.intro h1{font-size:clamp(27px,3vw,43px);margin:8px 0;letter-spacing:-1.7px;line-height:1.17}.intro h1 span{color:var(--blue)}.intro p{margin:6px 0;color:var(--muted);max-width:720px;font-size:14px}.intro-note{flex:0 0 240px;background:linear-gradient(135deg,#e3f2ff,#f0f8ff);border:1px solid #cfe7fa;border-radius:18px;padding:18px}.intro-note small,.intro-note strong{display:block}.intro-note small{font-size:11px;color:#55718b;margin-top:5px}.projectbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.bar-left,.bar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn,.iconbtn,.small-btn{border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);font-weight:650;padding:10px 14px;transition:.15s ease}.btn:hover:not(:disabled),.iconbtn:hover:not(:disabled),.small-btn:hover:not(:disabled){border-color:#a8c9ed;background:#f5faff}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.primary:hover:not(:disabled){background:var(--blue-dark)}.btn.subtle{background:#fff}.btn.danger{background:#fff3f2;color:#ac3333;border-color:#f1ccc9}.btn.small{font-size:12px;padding:8px 11px}.btn.full{width:100%}.iconbtn{display:inline-grid;place-items:center;min-width:38px;min-height:38px;padding:8px;font-size:19px}.iconbtn.large{background:var(--blue);color:#fff;min-width:44px;min-height:44px}.workspace{display:grid;grid-template-columns:minmax(264px,325px) minmax(0,1fr);gap:18px;align-items:start}.controls{display:grid;gap:15px}.panel,.stage-card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.panel-head>div{display:flex;align-items:center;gap:9px}.section-num{font-size:11px;color:var(--blue);border-radius:8px;background:var(--soft);padding:4px 6px;font-weight:800}.card-title h2,.panel h2,.playback-head h2{margin:0;font-size:16px;letter-spacing:-.35px}.mini-label{font-size:10px;color:#86a0b8;letter-spacing:1px;font-weight:800}.field{margin:0 0 17px}.field:last-child{margin-bottom:0}label{font-size:12px;color:#374c68;font-weight:650}input[type=number],select{width:100%;background:#fff;border:1px solid #dce5ef;border-radius:9px;color:var(--ink);min-height:38px;padding:8px;margin-top:6px}.colorline,.colorrow{display:flex;gap:10px;align-items:center;margin-top:7px}.colorline input[type=color],.colorrow>input[type=color]{width:51px;min-width:51px;height:40px;border:1px solid #cddbec;border-radius:9px;padding:4px;background:#fff;cursor:pointer}.swatch-actions{display:flex;gap:5px;flex-wrap:wrap}.small-btn{font-size:11px;padding:7px 9px;white-space:nowrap}.file-label,.hint{font-size:11px;color:#71839a;margin:5px 0 0}.rangefield{margin-top:17px}.fieldtop{display:flex;align-items:center;justify-content:space-between;gap:12px}.fieldtop output{color:var(--blue);font-size:12px;font-weight:750}input[type=range]{accent-color:var(--blue);width:100%;cursor:pointer;margin:10px 0 0}.colorline span{font-size:12px;color:var(--muted)}#image-fields button{margin-bottom:10px}.help-panel p{font-size:12px;color:#6f8199;margin:5px 0 12px}.editor-main{display:grid;gap:15px;min-width:0}.stage-card{overflow:hidden}.card-title,.playback-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.card-title{padding:15px 19px}.card-title .overline,.playback-head .overline{display:block;margin-bottom:3px}.preview-actions{display:flex;align-items:center;gap:9px}.preview-actions select{width:auto;margin-top:0;min-width:134px;font-size:12px}.stage-zone{padding:0 20px}.stage-backdrop{position:relative;margin:auto;max-width:980px;aspect-ratio:16/9;border-radius:13px;overflow:hidden;display:grid;place-items:center;background-color:#e7eef7;background-image:linear-gradient(45deg,#d2dbe9 25%,transparent 25%,transparent 75%,#d2dbe9 75%),linear-gradient(45deg,#d2dbe9 25%,transparent 25%,transparent 75%,#d2dbe9 75%);background-size:28px 28px;background-position:0 0,14px 14px}.stage-backdrop canvas{width:100%;height:100%;object-fit:contain;display:block}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:linear-gradient(135deg,#e9f4ffed,#f8fbffef)}.empty-icon{display:grid;place-items:center;width:60px;height:60px;font-size:25px;border-radius:20px;color:var(--blue);background:#dbeeff;margin-bottom:15px}.empty-state h3{font-size:20px;margin:0}.empty-state p{color:var(--muted);margin:8px 0 18px;max-width:330px}.stage-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 20px 14px}.render-info,.source-details{font-size:11px;color:#6d8197}.before-tag{position:absolute;bottom:12px;left:12px;right:12px;color:#fff;font-size:11px;display:flex;justify-content:space-between;text-shadow:0 2px 5px #0007;pointer-events:none}.export-card,.playback{padding:18px 21px}.seekrow{display:flex;align-items:center;gap:14px;margin:15px 0}.seekrow input{flex:1;min-width:50px;margin:0}.time{font-size:12px;color:#53667c;font-variant-numeric:tabular-nums}.trimrow{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.trimrow label{flex:1 1 135px}.trimrow label input{width:100%}.trimrow button{height:38px}.export-grid{display:flex;align-items:start;gap:14px;flex-wrap:wrap;margin:18px 0}.export-grid>label{flex:1 1 160px}.export-grid .checkline{display:flex;align-items:start;gap:8px;flex:2 1 180px;flex-wrap:wrap;padding-top:8px}.checkline input{accent-color:var(--blue);margin:3px 0 0}.checkline .hint{width:100%;margin:0 0 0 20px}.export-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.export-status{flex:1 1 220px;min-width:150px;font-size:12px;color:#6b7e95}.export-status progress{width:100%;height:9px;margin-top:7px;accent-color:var(--blue)}.disclaimer{font-size:11px;color:#718298;line-height:1.65;margin:15px 0 0}.below{max-width:1120px;margin:40px auto 0}.below h2{font-size:22px;letter-spacing:-.6px}.below>p{color:#62768c}.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.faq details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--muted);font-size:12px}.toast{position:fixed;bottom:24px;right:24px;background:#122943;color:#fff;padding:11px 16px;border-radius:12px;box-shadow:0 12px 40px #0002;font-size:13px;max-width:360px;z-index:100}footer{border-top:1px solid var(--border);text-align:center;color:#7890aa;font-size:12px;padding:25px 12px}footer span{display:block}@media(max-width:970px){.workspace{grid-template-columns:1fr}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.help-panel{grid-column:1/-1}.intro-note{display:none}}@media(max-width:630px){.topbar{padding:11px 14px}.brand{font-size:15px;gap:5px}.product{font-size:12px}.navlink,.privacy{display:none}main{padding:18px 12px 45px}.intro{margin:4px 0 20px}.intro h1{font-size:29px}.projectbar{align-items:stretch}.bar-left,.bar-right{width:100%;gap:6px}.bar-left .btn{flex:1 1 auto;font-size:11px;padding:10px}.controls{grid-template-columns:1fr}.panel{padding:16px}.help-panel{grid-column:auto}.card-title{flex-wrap:wrap;align-items:start;padding:13px}.preview-actions{width:100%;justify-content:space-between}.preview-actions select{flex:1;max-width:200px}.stage-zone{padding:0 9px}.stage-backdrop{border-radius:9px}.empty-state h3{font-size:15px}.empty-state p{font-size:11px}.empty-icon{width:40px;height:40px;font-size:20px;margin-bottom:7px}.empty-state .btn{padding:7px 10px}.stage-foot{padding:10px 12px}.export-card,.playback{padding:15px}.trimrow button{flex:1 1 auto}.faq{grid-template-columns:1fr}.intro p{font-size:13px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}.inline-warning{margin:8px 0 0;padding:10px 12px;background:#fff5e7;border:1px solid #edc58a;color:#6c4a12;border-radius:9px;font-size:12px;line-height:1.5}.recovery-panel{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:16px;padding:15px 18px;border:1px solid #edc58a;background:#fff8ec;border-radius:14px}.recovery-panel p{margin:3px 0 0;color:#725629;font-size:12px;max-width:640px}.recovery-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:630px){.recovery-panel{align-items:stretch}.recovery-actions>.btn{flex:1 1 140px}}#mask-panel{min-width:0}.mask-actions{display:flex;gap:8px;flex-wrap:wrap}.mask-actions>.btn{flex:1 1 110px}#mask-tool{width:100%}#stage-backdrop.is-masking{cursor:crosshair!important;touch-action:none}#preview-canvas{touch-action:pan-y}#stage-backdrop.is-masking #preview-canvas{touch-action:none}@media(max-width:970px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:630px){.controls{grid-template-columns:1fr}.card-title{min-width:0}.preview-actions{flex-wrap:wrap}.preview-actions label{flex:0 0 auto}.preview-actions select{min-width:120px;max-width:100%}.mask-actions button{min-width:0}}@media(max-width:630px){.topbar{flex-wrap:wrap;justify-content:flex-start;min-width:0}.topbar>.brand{flex:0 0 auto}.topbar>.pk-site-search{flex:1 1 145px;min-width:0;max-width:100%}.topbar .pk-search-field,.topbar .pk-search-field input{min-width:0;max-width:100%;width:100%}.topbar>.pk-studio-navigation{flex:0 0 auto;min-width:0}.topbar .pk-studio-navigation nav{max-width:min(270px,calc(100vw - 24px));overflow:auto}}.mask-coordinate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:8px 0 10px}.mask-coordinate-grid label{min-width:0}.mask-coordinate-grid input{width:100%;min-width:0}#add-mask-precise{white-space:normal}