:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:#17283e;background:#f4f8fd;font-synthesis:none;font-weight:450}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:#2467c8;text-decoration:none}:focus-visible{outline:3px solid #3b91ff!important;outline-offset:3px}.app-shell{max-width:1750px;margin:auto}.topbar{height:74px;background:#fffdfefa;border-bottom:1px solid #dae5f3;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{color:#1b2942;display:flex;align-items:center;gap:11px;font-size:16px;font-weight:750}.brand-logo{display:inline-grid;place-items:center;width:34px;height:34px;background:#4d9bff;color:#fff;border-radius:11px;font-size:21px}.brand-divider{height:24px;width:1px;background:#ceddeb;margin:0 2px}.brand-tool{font-size:15px;color:#60829f;font-weight:650}.top-links{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:650}.privacy{color:#29815f}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25ad6c;margin-right:7px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:38px 35px 32px}.eyebrow{color:#3a7bbc;font-size:11px;letter-spacing:1.9px;font-weight:850}.eyebrow span{margin:0 9px}h1{font-size:clamp(28px,3.2vw,44px);letter-spacing:-1.7px;line-height:1.12;margin:13px 0 10px;font-weight:770}h1 em{font-style:normal;color:#3d8fff}.hero p{font-size:14px;line-height:1.7;color:#687c98;margin:0;max-width:610px}.hero-stats{display:flex;gap:22px;color:#738ba7;font-size:12px;white-space:nowrap}.hero-stats span{display:flex;flex-direction:column;gap:3px}.hero-stats b{font-size:21px;color:#284365}.workspace{display:grid;grid-template-columns:minmax(270px,310px) minmax(330px,1fr) minmax(280px,330px);gap:17px;align-items:start;padding:0 22px}.panel{min-width:0;background:#fff;border:1px solid #dfe8f4;border-radius:20px;padding:19px;box-shadow:0 7px 24px #233e6510}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:18px}h2{font-size:16px;margin:0;letter-spacing:-.4px}h3{font-size:13px;letter-spacing:-.1px;margin:0}.pill{font-size:10px;font-weight:750;color:#2e76b9;background:#e8f3ff;border:1px solid #d1e7ff;padding:6px 9px;border-radius:99px;white-space:nowrap}.pill.muted{color:#657d99;background:#f2f6fa;border-color:#e1eaf5}.upload-zone{border:1.5px dashed #a8caec;border-radius:15px;background:#f6fbff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:145px;padding:18px;color:#395d87;transition:.15s}.upload-zone.dragover,.upload-zone:hover{border-color:#4595e9;background:#edf7ff}.upload-icon{font-size:26px;line-height:1;background:#fff;color:#348cf2;width:45px;height:45px;display:grid;place-items:center;border-radius:13px;box-shadow:0 2px 9px #2b65ab14}.upload-zone b{font-size:13px}.upload-zone small{font-size:11px;color:#7992ac}.btn{border:1px solid transparent;border-radius:11px;padding:11px 12px;font-size:12px;font-weight:750;line-height:1.1;min-height:37px;transition:.15s;white-space:normal}.btn-primary{background:linear-gradient(135deg,#2885f6,#456cef);box-shadow:0 5px 15px #3a84ec30;color:#fff}.btn-secondary{background:#e9f3ff;border-color:#cde4fc;color:#236bb5}.btn-quiet{color:#45627f;background:#f6f9fd;border-color:#e2eaf3}.btn-danger{color:#a12e44;background:#fff0f1;border-color:#f6ced1}.btn:hover:not(:disabled){filter:brightness(.975)}.full{width:100%;margin-top:10px}.source-meta{color:#7187a0;font-size:11px;margin-top:10px;min-height:30px;line-height:1.5;overflow-wrap:anywhere}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:24px 0 12px;padding-top:16px;border-top:1px solid #edf1f7}.tip{font-size:10px;color:#8ba2b8}.field-grid{display:grid;gap:10px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label:not(.upload-zone){display:flex;flex-direction:column;font-size:11px;font-weight:750;color:#657c97;gap:7px;margin-bottom:11px}label output{display:inline;color:#357bd1}input[type=number],input[type=text],select,textarea{width:100%;min-width:0;min-height:36px;border:1px solid #d9e4f0;background:#fbfdff;border-radius:9px;padding:9px 10px;color:#2c425c;font-size:12px;outline:0}textarea{resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#5095e8;box-shadow:0 0 0 3px #2887e71a}input[type=range]{width:100%;accent-color:#3b91e9;cursor:pointer}input[type=color]{height:38px;width:100%;border:1px solid #dbe5f0;border-radius:9px;background:#fff;padding:3px}.action-row{display:flex;gap:8px;align-items:center}.action-row>*{flex:1;min-width:0}.empty-note,.hint,.muted-hint{font-size:11px;color:#8295ae;line-height:1.55}.hint{margin:11px 0}.empty-note{padding:15px 5px;text-align:center;margin:0}.suggestions{display:grid;gap:7px}.suggestion{width:100%;border:1px solid #e4ecf6;background:#fbfdff;border-radius:11px;padding:11px;text-align:left;color:#354f6e}.suggestion:hover{background:#eef6ff}.suggestion strong{display:block;font-size:12px}.suggestion small{color:#8194ab;font-size:10px}.time-tag{font-size:11px;color:#3f8de4;font-weight:800}.preview-well{background:radial-gradient(circle at 50% 50%,#25364e,#111b2a 85%);border-radius:16px;display:flex;align-items:center;justify-content:center;min-height:500px;max-height:620px;padding:16px;overflow:hidden}.preview-well canvas{display:block;max-width:100%;max-height:570px;object-fit:contain;box-shadow:0 10px 40px #0008;border-radius:4px}.transport{display:flex;align-items:center;gap:11px;margin:18px 0}.play-btn{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#3e8df0;color:#fff;border:0;font-size:15px}.seek-side{flex:1;min-width:0}.transport-time{display:flex;justify-content:space-between;font-size:10px;color:#7790a9}.seek-side input{margin:8px 0 0}.statusline{background:#f3f8fd;color:#607b9d;font-size:11px;border-radius:9px;padding:11px 12px;line-height:1.5;overflow-wrap:anywhere}.statusline.error{background:#fff2f2;color:#b33043}.statusline.ok{background:#eefbf4;color:#268052}.stage-title{margin-bottom:15px}.stage-chips{display:flex;gap:5px}.export-actions{margin:15px 0 7px}.export-actions .btn{padding:14px 16px}.export-result{border:1px solid #bce5ce;background:#f2fcf6;padding:12px;border-radius:12px;color:#22724b;font-size:12px;margin-top:14px}.export-result a{color:#145bae;text-decoration:underline}.inspector .section-heading:first-of-type{margin-top:5px}.caption-list{max-height:320px;overflow:auto;border:1px solid #e6edf5;border-radius:12px;padding:6px;margin:11px 0}.cue{padding:8px;border-bottom:1px solid #edf0f5}.cue:last-child{border:0}.cue-times{display:flex;gap:6px;align-items:center}.cue-times input{width:45%;height:30px;min-height:30px;font-size:11px}.cue-times button{width:30px;height:30px;border-radius:8px;border:1px solid #e3eaf3;background:#fff;color:#9a5463}.cue textarea{margin-top:6px;min-height:40px;font-size:11px}.guide{padding:40px 30px;margin-top:18px}.guide h2{font-size:23px;margin-bottom:20px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.guide-grid article{background:#fff;border:1px solid #e1eaf5;padding:22px;border-radius:15px}.guide-grid article h3{font-size:14px}.guide-grid article p{font-size:12px;color:#7186a1;line-height:1.7}.footer-note{color:#8499ae;font-size:11px;line-height:1.7;margin-top:20px}footer{border-top:1px solid #dee9f5;padding:20px 30px;color:#8299b2;font-size:12px;text-align:center}@media(max-width:1210px){.workspace{grid-template-columns:280px minmax(0,1fr)}.inspector{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-content:start}.inspector>.panel-title{grid-column:1/-1}.inspector>.section-heading{grid-column:1/-1}.inspector>.caption-list{grid-column:1/-1}.hero-stats{display:none}}@media(max-width:820px){.topbar{padding:0 16px;height:62px}.top-links .privacy{display:none}.top-links{gap:12px}.hero{padding:26px 19px}.workspace{grid-template-columns:1fr;padding:0 12px;gap:12px}.inspector,.sidebar,.stage{grid-column:1}.inspector{display:block}.preview-well{min-height:390px;max-height:490px}.preview-well canvas{max-height:450px}.guide{padding:24px 17px}.guide-grid{grid-template-columns:1fr}.brand-tool{font-size:12px}}@media(max-width:490px){.top-links a:first-of-type{display:none}.brand{font-size:13px;gap:7px}.brand-logo{width:28px;height:28px;font-size:18px}.brand-tool{font-size:11px}.hero{padding:23px 16px 20px}h1{letter-spacing:-1px}.panel{padding:15px;border-radius:16px}.preview-well{min-height:340px;max-height:460px;padding:10px}.preview-well canvas{max-height:420px}.transport>.btn{font-size:10px;padding:7px 5px}.stage-chips{flex-wrap:wrap}.action-row{flex-wrap:wrap}.action-row>.btn{flex:1 1 42%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.queue-entry{display:flex;align-items:stretch;gap:8px;margin:6px 0}.queue-entry .suggestion{flex:1;min-width:0;text-align:left}.queue-entry>.btn{flex:0 0 auto;align-self:center}.queue-entry small{overflow-wrap:anywhere}.motion-controls{margin:1px 0 4px}.motion-controls .btn{font-size:11px;min-height:41px}.motion-controls+#motionStatus{margin-top:2px;margin-bottom:13px;color:#466c96;font-weight:600}@media(max-width:490px){.motion-controls{flex-wrap:wrap}.motion-controls>*{flex:1 1 42%}}.queue-actions{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.queue-actions .btn{padding:.38rem .6rem;min-height:34px}.queue-active{outline:2px solid #2563eb;outline-offset:2px;border-radius:9px}.batch-results{display:grid;gap:.5rem;margin:.8rem 0}.batch-row{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#f4f7fd;border:1px solid #dce4f0;border-radius:9px;padding:.7rem}.batch-row a{font-weight:600;overflow-wrap:anywhere}.batch-row span{font-size:.9em}@media(max-width:640px){.queue-entry{min-width:0}.batch-row{display:grid}.queue-actions .btn{min-width:36px}}.mode-banner{margin:1rem auto .5rem;max-width:1500px;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;background:#f1f7ff;border:1px solid #bdd2f5;border-radius:13px;padding:.7rem 1rem;color:#204271;font-size:.9rem}.mode-banner strong{color:#164281}.batch-heading{font-weight:650;margin:.45rem 0}.batch-results{max-height:55vh;overflow-y:auto}#clearBatchResultsBtn{margin-top:.4rem}@media(max-width:500px){.mode-banner{margin:.5rem .6rem}.batch-row{min-width:0}}@media(max-width:650px){.topbar{height:auto;min-height:62px;flex-wrap:wrap;gap:8px 12px;padding:10px 12px}.topbar .brand{flex:0 1 auto;min-width:0}.topbar .top-links{flex:0 0 auto;gap:8px;margin-left:auto}.topbar .pk-site-search{order:4;flex:0 0 100%;width:100%;max-width:100%;min-width:0}.topbar .pk-site-search .pk-search-field{max-width:100%;min-width:0}.topbar .pk-site-search input{max-width:100%;min-width:0}.topbar .pk-studio-navigation{flex:0 0 auto;min-width:0;max-width:100%;position:relative}.topbar .pk-studio-navigation:not([open]) nav{display:none}.topbar .pk-studio-navigation[open] nav{position:absolute;top:100%;right:0;z-index:50;background:#fff;padding:10px;border:1px solid #dfe8f4;border-radius:10px;display:grid;min-width:180px;max-width:80vw;max-height:65vh;overflow:auto;box-shadow:0 10px 26px #1a355422}.topbar .pk-studio-navigation nav a{max-width:100%}}