:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d2c41;background:#f7f9fe;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7fb5ff;outline-offset:3px}.sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.hidden{display:none!important}.skip{position:absolute;top:-100px;left:16px;z-index:20;background:#fff;padding:12px;border-radius:8px}.skip:focus{top:10px}.app{height:100dvh;min-height:650px;display:flex;flex-direction:column}.topbar{min-height:68px;background:#fff;border-bottom:1px solid #e6ebf3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 21px;position:relative;z-index:4}.brandline{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:14px}.brand{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.brand b{letter-spacing:-.6px;font-size:16px}.logo{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#78c2ff,#2563eb);color:#fff;font-weight:900;font-size:21px}.slash{color:#c7d1e2}.tag{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#2e74df;background:#edf4ff;padding:5px 7px;border-radius:5px}.doc-head{display:flex;align-items:center;gap:10px;min-width:0}.doc-head input{border:1px solid transparent;background:#f7f9fd;border-radius:9px;padding:8px 12px;width:min(220px,22vw);outline-color:#9dc2ff;color:#273751;font-weight:600}.muted{color:#7c8a9c}.tiny{font-size:11px}.actions{display:flex;gap:7px;align-items:center}.rule{height:22px;width:1px;background:#e7ebf3;margin:0 2px}.btn,.frame-actions button,.iconbtn,.preset-row button,.tool,.transport-icon,.wide-btn{border:1px solid #e3e9f2;background:#fff;color:#30425e;padding:9px 12px;border-radius:9px;font-weight:600;transition:background .12s,border-color .12s}.btn:hover,.frame-actions button:hover,.iconbtn:hover,.tool:hover,.transport-icon:hover,.wide-btn:hover{background:#eff5ff;border-color:#bcd4ff}.btn.primary,.wide-btn.emphasize{background:#2e73ed;color:#fff;border-color:#2e73ed}.btn.primary:hover,.wide-btn.emphasize:hover{background:#155fd6}.btn.dark{background:#1c2e4d;color:#fff;min-width:100px}.btn.light{background:#f8faff}.iconbtn{padding:7px 11px;font-size:20px}.workspace{flex:1;display:grid;grid-template-columns:260px minmax(420px,1fr) 278px;min-height:0}.panel{background:#fff;min-height:0;display:flex;flex-direction:column}.sidebar{border-right:1px solid #e6ebf3}.inspector{border-left:1px solid #e6ebf3}.panel-head{padding:23px 19px 15px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-head h2{margin:0;font-size:15px;letter-spacing:-.3px}.panel-head p{margin:7px 0 0;color:#7f8ca0;font-size:12px;line-height:1.45}.count{padding:4px 9px;background:#edf4ff;color:#316bcd;border-radius:9px;font-weight:750}.frame-add{display:grid;grid-template-columns:1fr;gap:8px;padding:0 16px}.hint{font-size:11px;line-height:1.55;color:#8b97a8;padding:0 18px;margin:11px 0 17px}.strip-title{display:flex;justify-content:space-between;padding:15px 19px 9px;border-top:1px solid #edf0f5;color:#4a5a73;font-size:12px}.strip-title span{color:#8f9bab}.frame-list{flex:1;min-height:60px;overflow:auto;padding:3px 10px 10px}.frame-item{width:100%;display:flex;gap:12px;align-items:center;padding:9px;border:1px solid transparent;border-radius:10px;text-align:left;color:#40516a;background:0 0;margin-bottom:6px;position:relative}.frame-item:hover{background:#f6f9ff}.frame-item[aria-selected=true]{border-color:#99bdfb;background:#edf4ff}.frame-thumb{width:78px;height:55px;border-radius:6px;border:1px solid #e4e8ee;object-fit:contain;background-color:#fff;background-image:linear-gradient(45deg,#eceff4 25%,transparent 25%),linear-gradient(-45deg,#eceff4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eceff4 75%),linear-gradient(-45deg,transparent 75%,#eceff4 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.frame-item strong{display:block;font-size:12px}.frame-item small{display:block;margin-top:5px;color:#8090a5;font-size:11px}.frame-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px 16px;border-top:1px solid #edf0f5}.frame-actions button{font-size:11px;padding:8px 5px}.sidebar-note{margin:0 16px 15px;padding:12px;background:#f5f8ff;border-radius:10px;font-size:11px;color:#64809d;line-height:1.55}.sidebar-note strong{color:#3b5a88}.sidebar-note p{margin:5px 0 0}.editor{display:flex;min-width:0;min-height:0;flex-direction:column;background:#f6f8fc}.toolbar{padding:12px 16px;display:flex;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid #e7ecf3;flex-wrap:wrap}.toolset{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tool{font-size:12px;padding:8px 9px}.tool.selected{border-color:#6fa5ff;background:#eaf2ff;color:#165ccc}.inline-control{display:flex;align-items:center;gap:7px;color:#748298;font-size:11px;font-weight:650;white-space:nowrap}.inline-control input[type=color]{height:29px;width:36px;border:1px solid #e0e5ef;border-radius:7px;padding:2px;background:#fff}.inline-control input[type=range]{width:66px;accent-color:#3977e3}.stage-scroll{flex:1;min-height:0;overflow:auto;display:grid;place-items:center;padding:24px}.stage-wrap{width:min(100%,830px)}.stage-heading{display:flex;justify-content:space-between;margin:0 0 13px;color:#8290a5;font-size:10px;letter-spacing:1.2px;font-weight:800}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2cbb82;margin-right:4px}.stage-shell{background:#fff;border:1px solid #dfe6f0;border-radius:16px;padding:20px;box-shadow:0 20px 50px rgba(37,57,91,.1)}.canvas-mount{width:100%;position:relative;line-height:0;background-color:#fff;background-image:linear-gradient(45deg,#e9edf3 25%,transparent 25%),linear-gradient(-45deg,#e9edf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9edf3 75%),linear-gradient(-45deg,transparent 75%,#e9edf3 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;overflow:hidden;border:1px solid #dee5ec;border-radius:4px;touch-action:none}.canvas-mount canvas{display:block;width:100%;height:auto;cursor:crosshair;touch-action:none}.canvas-mount #onionCanvas{position:absolute;inset:0;pointer-events:none;z-index:0}.canvas-mount #editCanvas{position:relative;z-index:1;background:0 0}.canvas-mount .crop-overlay{z-index:2}.crop-overlay{position:absolute;border:2px dashed #2165e4;box-shadow:0 0 0 9999px #1e293b55;background:#2563eb22;pointer-events:none}.stage-hint{text-align:center;color:#8290a5;font-size:11px;line-height:1.5;margin:14px auto}.crop-actions{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;color:#6f8199;font-size:12px}.transport{padding:14px 18px;background:#fff;border-top:1px solid #e5eaf1;display:flex;align-items:center;gap:12px}.transport-icon{font-size:16px;padding:7px 10px}.mono{white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums;color:#61738e}.transport-track{flex:1;min-width:55px}.transport-track input{width:100%;accent-color:#2d72ee}.speed-control{font-size:11px;font-weight:650;color:#7a899b;display:flex;align-items:center;gap:6px;white-space:nowrap}.speed-control select{padding:7px 8px;border:1px solid #dfe6ef;border-radius:7px;background:#fff}.statusbar{display:flex;justify-content:space-between;gap:10px;padding:10px 17px;border-top:1px solid #e6ebf3;background:#fafcff;color:#73829b;font-size:11px}.inspector-scroll{overflow:auto;min-height:0}.section{padding:18px 19px;border-top:1px solid #eef1f6}.section h3{font-size:12px;margin:0 0 15px;color:#44546d}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;color:#5b6a81;margin-bottom:12px}.field input,.field select{width:100%;padding:9px 10px;border:1px solid #dde4ee;border-radius:9px;background:#fff;color:#36485e}.unit-field{display:flex;border:1px solid #dde4ee;border-radius:9px;overflow:hidden}.unit-field input{border:none;border-radius:0;width:80%}.unit-field span{padding:9px;background:#f6f8fc;color:#8292a4;font-size:11px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9px}.check{display:flex;gap:8px;align-items:center;font-size:12px;color:#526782;margin:12px 0}.check input{accent-color:#2e73ed}.wide-btn{width:100%;font-size:12px;text-align:center;margin-top:6px}.preset-row{display:flex;gap:4px;flex-wrap:wrap}.preset-row button{flex:1;font-size:10px;padding:6px 4px}.help{font-size:11px;color:#8a96a8;line-height:1.5;margin:10px 0 0}.empty{background:#f8faff;border:1px dashed #d9e5f9;border-radius:12px;text-align:center;padding:16px 8px;color:#7890aa;font-size:11px;line-height:1.5}.empty strong{display:block;color:#56708f;font-size:12px}.empty p{margin:5px}.empty-icon{font-size:24px;margin-bottom:7px}.privacy{background:#f5f9ff;font-size:11px;line-height:1.6;color:#7a8ca4}.privacy strong{color:#3a5e94}.privacy p{margin:6px 0}#exportProgressWrap{margin-top:15px;display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#657b99}#exportProgress{width:100%;accent-color:#2e73ed}.mini{border:0;background:0 0;color:#215aba}.danger{color:#c44242}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:50;border-radius:12px;max-width:90vw;padding:13px 18px;background:#243752;color:#fff;box-shadow:0 14px 40px #26395544}.mobile-tabs{display:none}@media(max-width:1230px){.workspace{grid-template-columns:210px minmax(360px,1fr) 238px}.tag{display:none}.actions .btn{padding:8px 9px}.brandline{gap:7px}.doc-head input{width:140px}.sidebar-note{display:none}}@media(max-width:930px){.app{min-height:0}.topbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.brandline{font-size:12px}.actions{overflow:auto;max-width:100%;padding:2px 0}.actions .btn{white-space:nowrap}.doc-head{margin-left:auto}.doc-head input{width:150px}.workspace{grid-template-columns:minmax(0,1fr)}.mobile-tabs{display:flex;background:#fff;padding:9px 12px;border-bottom:1px solid #e6ebf3;gap:7px}.mobile-tabs button{flex:1;background:#f5f8fc;border:1px solid #e5eaf2;padding:9px 4px;border-radius:8px;color:#667b9b;font-weight:650;font-size:12px}.mobile-tabs button[aria-pressed=true]{background:#e9f2ff;border-color:#b3cefa;color:#2865ca}.inspector,.sidebar{display:none}.workspace[data-panel=frames] .sidebar,.workspace[data-panel=settings] .inspector{display:flex;min-height:0}.workspace[data-panel=frames] .editor,.workspace[data-panel=settings] .editor{display:none}.inspector,.sidebar{border:0}.stage-scroll{padding:15px}.stage-shell{padding:12px}.transport{padding:10px;gap:7px}.speed-control{font-size:0}.speed-control select{font-size:11px}.toolbar{padding:8px}.tool{padding:7px}.stage-hint{font-size:10px}}@media(max-width:540px){.brandline .brand b,.brandline .slash{display:none}.doc-head{flex:1}.doc-head input{width:100%;max-width:220px}.doc-head .tiny{display:none}.actions{width:100%;justify-content:space-between}.actions .btn{font-size:11px;padding:8px}.toolbar .extra{width:100%}.stage-scroll{display:block}.stage-wrap{margin:0 auto}.stage-shell{padding:8px}.statusbar span:last-child{display:none}.transport{gap:5px}.transport-track{min-width:30px}.transport .mono{font-size:10px}.transport-icon{padding:6px}.btn.dark{min-width:67px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.text-value{width:155px;max-width:100%;padding:7px 9px;border:1px solid #d9e4f5;border-radius:8px;font-size:12px}.timeline-more{margin:0 16px 14px;border:1px solid #e3eaf5;border-radius:10px;padding:9px 10px;background:#fff;font-size:12px}.timeline-more summary{font-weight:700;color:#38547b;cursor:pointer}.timeline-tools{display:grid;gap:6px;margin-top:10px}.timeline-tools button{border:1px solid #dde7f5;border-radius:8px;background:#f5f8ff;padding:9px;color:#355c90;font-weight:650;font-size:11px}.timeline-tools button:disabled{opacity:.45;cursor:not-allowed}.timeline-more .help{margin:10px 0 0}.frame-item:focus-visible{outline-offset:-2px}.import-progress{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 16px 12px;padding:10px;background:#edf5ff;border:1px solid #cbdffc;border-radius:10px;font-size:12px;color:#29537f}.import-progress .btn{font-size:11px;white-space:nowrap;padding:7px 9px}.trim-tool{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:4px}.trim-tool label{display:grid;gap:3px;font-size:11px;color:#455a75}.trim-tool input{width:100%;min-width:0;padding:7px 8px;border:1px solid #d4e2f5;border-radius:8px;font:inherit;color:#243b57}.trim-tool button{grid-column:1/-1}.hidden{display:none!important}.sidebar{overflow-y:auto;overflow-x:hidden}.video-tool{margin:8px 12px 12px;padding:11px;border:1px solid #dce7f9;border-radius:12px;background:#f8fbff;min-width:0}.video-tool summary{cursor:pointer;font-weight:700;color:#285b9d}.video-tool[open] summary{margin-bottom:8px}.video-tool .help{margin:5px 0 10px}.video-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0}.video-fields label{font-size:11px;color:#576b82;font-weight:600;min-width:0}.video-fields input{width:100%;min-width:0;margin-top:4px;border:1px solid #cbd7e6;border-radius:7px;padding:7px;background:#fff;color:#172f53}.video-tool .wide-btn{width:100%}.video-tool #videoHint{display:block;margin-top:8px;line-height:1.5}#multiInfo{padding:0 14px;margin:2px 0 7px}.bulk-tools{border-top:1px solid #dae5f3;margin-top:9px;padding-top:12px}.bulk-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:7px 0}.bulk-actions button{border:1px solid #cadaea;border-radius:8px;background:#fff;color:#2a4c7b;padding:8px 6px;font-weight:600;cursor:pointer}.bulk-actions button:disabled{opacity:.45}.frame-item[aria-selected=true]{border:2px solid #2675e5;background:#e6f0ff}.frame-item[data-active=true]{box-shadow:inset 3px 0 #1359cf}@media(max-width:500px){.video-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.frame-add{flex-wrap:wrap}.video-tool{margin-inline:8px}.pk-studio-footer{overflow-wrap:anywhere}.pk-studio-footer nav{min-width:0;flex-wrap:wrap}.pk-studio-footer a{white-space:normal}.pk-site-search{min-width:0}}@media(max-width:540px){.topbar{width:100%;min-width:0}.topbar .brandline{width:100%;max-width:100%;min-width:0;flex-wrap:wrap;white-space:normal;overflow-wrap:anywhere}.brandline .pk-tool-title{flex:1 1 140px;min-width:0;max-width:100%;white-space:normal;font-size:15px;line-height:1.25}.brandline .pk-site-search{flex:1 1 140px;min-width:0;max-width:100%}.brandline .pk-site-search .pk-search-field{min-width:0;max-width:100%}.brandline .pk-site-search input{width:100%;min-width:0;max-width:100%}.topbar .actions{width:100%;max-width:100%;min-width:0;overflow-x:auto;justify-content:flex-start}.pk-studio-footer{max-width:100%;min-width:0;overflow-wrap:anywhere}.pk-studio-footer nav{display:flex;flex-wrap:wrap;gap:8px;max-width:100%;min-width:0}.pk-studio-footer a{white-space:normal}}@media(max-width:360px){.transport{flex-wrap:wrap;min-width:0}.transport-track{flex:1 1 100px;min-width:45px}.speed-control{flex:0 1 auto;min-width:0}.speed-control select{max-width:75px}.doc-head input{min-width:0}}