.pp-page[data-v-9e5e9415]{--bg: #fff5d3;--txt: #572e23;--txt-light: rgba(94, 50, 38, .9);--link: #b24a1f;--link-hover: #d55825;--header-txt: #7c4231;--preview-bg: #fffbf3;--input-border: rgba(246, 184, 22, .5);--btn-bg: #fedc7d;--btn-color: #943d1a;--btn-border: #f6b816;--btn-hover: #fed86e;font-family:Work Sans,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:11pt;background-color:var(--bg);color:var(--txt);padding-bottom:2rem}.pp-grid[data-v-9e5e9415]{margin:0 auto;max-width:48em;display:grid;grid-template-columns:38.2% 61.8%;grid-template-areas:"header  header" "preview upload" "footer  footer"}.pp-header[data-v-9e5e9415]{grid-area:header;text-align:center;padding:.618em .618em 1.25em}.pp-heading[data-v-9e5e9415]{margin:.5em 0;color:var(--header-txt);font-size:1.85rem;letter-spacing:2px}.pp-subheading[data-v-9e5e9415]{margin:0;opacity:.65;font-size:.9rem}.pp-preview[data-v-9e5e9415]{grid-area:preview;border-top-left-radius:.618em;border-bottom-left-radius:.618em;background-color:var(--preview-bg);display:flex;flex-direction:column;align-items:stretch;padding:1.2em 1em 1.5em;gap:.7rem;border-right:1px solid var(--input-border)}.pp-upload[data-v-9e5e9415]{grid-area:upload;border-top-right-radius:.618em;border-bottom-right-radius:.618em;background-color:var(--preview-bg);display:flex;flex-direction:column;gap:.65rem;padding:1.2em 1.2em 1.5em}.content[data-v-9e5e9415]{display:flex;flex-direction:column;gap:.55rem}.section-label[data-v-9e5e9415]{font-size:.95rem;font-weight:700;color:var(--header-txt);margin:0;letter-spacing:.5px;text-transform:lowercase;text-align:center}.canvas-wrap[data-v-9e5e9415]{position:relative;align-self:center}.pp-canvas[data-v-9e5e9415]{width:160px;height:160px;border:2px solid var(--input-border);border-radius:.35em;cursor:default;image-rendering:pixelated;background:transparent}.pp-canvas.adjust-mode[data-v-9e5e9415]{cursor:grab}.pp-canvas.adjust-mode[data-v-9e5e9415]:active{cursor:grabbing}.pp-placeholder[data-v-9e5e9415]{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);color:var(--txt-light);opacity:.45;font-size:.82rem;pointer-events:none}.pp-playback[data-v-9e5e9415]{display:flex;width:100%;max-width:180px;align-self:center}.pp-playback .btn[data-v-9e5e9415]{flex-grow:1;border-radius:0;padding:.55em 0;font-size:1rem;text-align:center}.btn-playback-playpause.paused .btn-playback-pause[data-v-9e5e9415],.btn-playback-playpause:not(.paused) .btn-playback-play[data-v-9e5e9415]{display:none}.control-switch-row[data-v-9e5e9415]{display:flex;justify-content:space-between;align-items:center;font-size:.92rem;font-weight:600;color:var(--txt)}.switch-label[data-v-9e5e9415]{user-select:none}.control-switch[data-v-9e5e9415]{position:relative;display:inline-block;flex-shrink:0;cursor:pointer}.control-switch input[data-v-9e5e9415]{display:none}.control-switch-slider[data-v-9e5e9415]{position:relative;width:2.6em;height:1.35em;background:rgba(233,203,134,.25);border-radius:1em;transition:background .25s}.control-switch-slider[data-v-9e5e9415]:after{content:"";position:absolute;top:2.5px;left:2.5px;width:1em;height:1em;background:#feecba;border-radius:50%;transition:all .25s}.control-switch input:checked+.control-switch-slider[data-v-9e5e9415]{background:#fedc7d}.control-switch input:checked+.control-switch-slider[data-v-9e5e9415]:after{left:calc(100% - 1.35em + 2.5px)}.switch-desc[data-v-9e5e9415]{font-size:.75rem;line-height:1.38;color:var(--txt-light);opacity:.78;margin:-.3rem 0 .15rem}.slider-row[data-v-9e5e9415]{display:flex;align-items:center;gap:.7rem;font-size:.92rem;font-weight:600;color:var(--txt)}.slider-label[data-v-9e5e9415]{min-width:3.2em;flex-shrink:0}.input-range[data-v-9e5e9415]{accent-color:var(--btn-color);cursor:pointer;flex-grow:1;height:1.1em}.fps-input[data-v-9e5e9415]{width:3.5em;padding:.32em .4em;border-radius:.328em;border:1.5px solid var(--input-border);background:#fff;color:var(--txt);font-size:.88em;text-align:center;outline:none;flex-shrink:0}.fps-input[data-v-9e5e9415]:focus{border-color:var(--btn-border)}.action-btns[data-v-9e5e9415]{display:flex;gap:.6rem;margin-top:.3rem}.action-btns .btn[data-v-9e5e9415]{flex:1}.pp-file-label[data-v-9e5e9415]{display:block;text-align:center;padding:1.1em 1em;border:2px dashed var(--input-border);border-radius:.35em;cursor:pointer;transition:border-color .25s,background .25s;font-weight:600;color:var(--txt)}.pp-file-label[data-v-9e5e9415]:hover{border-color:var(--btn-border);background:rgba(254,220,125,.12)}.pp-file-input[data-v-9e5e9415]{display:none}.upload-thumb-area[data-v-9e5e9415]{display:flex;flex-direction:column;align-items:center;gap:.3rem}.upload-thumb[data-v-9e5e9415]{max-width:180px;max-height:150px;border:2px solid var(--input-border);border-radius:.35em;object-fit:contain;background:#fff}.upload-filename[data-v-9e5e9415]{font-size:.75rem;color:var(--txt-light);word-break:break-all;text-align:center;margin:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-fieldset[data-v-9e5e9415]{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3em}.url-row[data-v-9e5e9415]{display:flex;gap:.4em}.control-input[data-v-9e5e9415]{width:100%;padding:.618em .9em;border-radius:.328em;border:1.5px solid var(--input-border);background:#fff;color:var(--txt);font-size:.95em;box-shadow:0 1px 2px rgba(202,143,46,.4);outline:none;transition:border-color .2s}.control-input[data-v-9e5e9415]:focus{border-color:var(--btn-border);box-shadow:0 0 0 2px rgba(246,184,22,.25)}.url-note[data-v-9e5e9415]{font-size:.72rem;color:var(--txt-light);opacity:.78;margin:0;line-height:1.38}.output-section[data-v-9e5e9415]{border-top:1px solid var(--input-border);padding-top:.8rem;margin-top:.3rem}.output-title[data-v-9e5e9415]{font-size:.92rem;color:var(--header-txt);margin:0;letter-spacing:1px;text-transform:lowercase;text-align:center}.output-loading[data-v-9e5e9415]{text-align:center;color:var(--txt-light);opacity:.5;font-size:.88rem;margin:.4rem 0}.pp-result-img[data-v-9e5e9415]{max-width:100%;border-radius:.35em;border:1px solid var(--input-border)}.output-tips[data-v-9e5e9415]{font-size:.73rem;color:var(--txt-light);opacity:.72;line-height:1.42;margin:.3rem 0 0}.btn[data-v-9e5e9415]{border-radius:.328em;font-size:.95em;padding:.618em 1.232em;border:1.5px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-color);cursor:pointer;box-shadow:0 1px 2px rgba(202,143,46,.4);font-weight:600;transition:background .2s,border-color .2s;white-space:nowrap}.btn[data-v-9e5e9415]:hover:not(:disabled){background:var(--btn-hover);border-color:var(--btn-color)}.btn[data-v-9e5e9415]:disabled{opacity:.55;cursor:not-allowed}.btn-sm[data-v-9e5e9415]{padding:.52em .85em;font-size:.88em;flex-shrink:0}.btn-url[data-v-9e5e9415]{flex-shrink:0}.btn-reset[data-v-9e5e9415]{background:var(--btn-bg);border-color:var(--btn-border)}.btn-export[data-v-9e5e9415]{background:linear-gradient(135deg,#fedc7d,#f6b816)}.pp-footer[data-v-9e5e9415]{grid-area:footer;text-align:center;padding:1.618em;font-size:.85rem}.pp-footer a[data-v-9e5e9415]{color:var(--link);text-decoration:none}.pp-footer a[data-v-9e5e9415]:hover{color:var(--link-hover);text-decoration:underline}.separator[data-v-9e5e9415]{color:var(--txt-light);opacity:.5;margin:0 .312em}@media(max-width:40em){.pp-grid[data-v-9e5e9415]{grid-template-columns:100%;grid-template-areas:"header" "upload" "preview" "footer"}.pp-header[data-v-9e5e9415],.pp-footer[data-v-9e5e9415]{padding:1.618em 8%}.pp-preview[data-v-9e5e9415]{padding:1.618em 12%;border-radius:0;border-left:none;border-right:none;border-top:1px solid var(--input-border)}.pp-upload[data-v-9e5e9415]{padding:1.618em 8%;border-radius:0;border-left:none;border-right:none;border-top:1px solid var(--input-border)}.action-btns[data-v-9e5e9415]{flex-direction:column}#fpsVal[data-v-9e5e9415],.fps-input[data-v-9e5e9415]{width:5em;font-size:small}.slider-row[data-v-9e5e9415]{flex-wrap:wrap}.slider-label[data-v-9e5e9415]{min-width:auto}}