.pie-8bit-panel{padding:6px;display:flex;flex-direction:column;gap:3px;max-height:400px;overflow-y:auto}.pie-8bit-section{padding-bottom:0}.pie-8bit-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:4px;display:block;font-weight:600}.pie-8bit-look-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.pie-8bit-look-header .pie-8bit-label{margin-bottom:0}.pie-8bit-look-count{font-size:.65rem;color:var(--text-dim)}.pie-8bit-look-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pie-8bit-look-card{display:flex;flex-direction:column;gap:3px;padding:3px 5px;border-radius:var(--rs);background:var(--panel-surface);border:2px solid var(--panel-border);cursor:pointer;font-family:inherit;text-align:left;transition:var(--tr)}.pie-8bit-look-card:hover{border-color:var(--accent)}.pie-8bit-look-card.is-selected{border-color:#ec4899;box-shadow:0 0 0 1px #ec4899}.pie-8bit-swatch{display:flex;height:9px;border-radius:3px;overflow:hidden}.pie-8bit-swatch-band{flex:1}.pie-8bit-look-name{font-size:.65rem;font-weight:600;color:var(--text);line-height:1.2}.pie-8bit-select{width:100%;padding:8px 10px;border-radius:var(--rs);background:var(--panel-surface);border:1px solid var(--panel-border);color:var(--text);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--tr)}.pie-8bit-select:hover,.pie-8bit-select:focus{border-color:var(--accent);outline:none}.pie-8bit-slider-row{display:flex;align-items:center;gap:10px}.pie-8bit-slider-row input[type="range"]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--panel-border);border-radius:4px;cursor:pointer}.pie-8bit-slider-row input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer}.pie-8bit-slider-row input[type="range"]::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.pie-8bit-val{min-width:46px;text-align:right;font-family:'DM Mono',monospace;font-size:.8rem;font-weight:700;color:var(--accent);flex-shrink:0}.pie-8bit-btn{min-height:30px;padding:5px 16px;border-radius:var(--rs);font-size:.8rem;font-weight:700;cursor:pointer;transition:var(--tr);border:none;background:var(--accent);color:#fff;font-family:inherit}.pie-8bit-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.pie-8bit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.pie-8bit-status{font-size:.65rem;color:var(--text-dim);font-family:'DM Mono',monospace;padding:3px;background:var(--panel-surface);border-radius:var(--rs);text-align:center;min-height:1.1em}@media (prefers-reduced-motion:reduce){.pie-8bit-select,.pie-8bit-btn{transition:none}}.pie-bgremove-panel{padding:6px;display:flex;flex-direction:column;gap:10px}.pie-bgremove-section{padding-bottom:4px}.pie-bgremove-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px;display:block;font-weight:600}#pieBgSensitivity{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:var(--panel-border);border-radius:4px;cursor:pointer}#pieBgSensitivity::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer}#pieBgSensitivity::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.pie-bgremove-btn{min-height:44px;padding:8px 16px;border-radius:var(--rs);font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--tr);border:none;background:var(--accent);color:#fff;font-family:inherit}.pie-bgremove-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.pie-bgremove-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.pie-bgremove-status{font-size:.7rem;color:var(--text-dim);font-family:'DM Mono',monospace;padding:6px;background:var(--panel-surface);border-radius:var(--rs);text-align:center}.pie-bgremove-btn.secondary{background:#fff0;border:1px solid var(--panel-border);color:var(--text-dim);min-height:40px;flex:1}.pie-bgremove-btn.secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--nav-surface)}.pie-bgremove-btn.secondary[aria-pressed="true"]{border-color:#2dd4bf;color:#2dd4bf;box-shadow:inset 0 0 0 1px #2dd4bf}.pie-bgremove-outline-btns{display:flex;gap:8px;margin-bottom:10px}.pie-bgremove-bgcolor-row{display:flex;align-items:center;gap:12px}.pie-bgremove-toggle{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text);cursor:pointer}.pie-bgremove-toggle input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}#pieBgColor{width:36px;height:30px;padding:0;border:1px solid var(--panel-border);border-radius:var(--rs);background:none;cursor:pointer}#pieBgColor:disabled{opacity:.4;cursor:not-allowed}#pieBgColor::-webkit-color-swatch-wrapper{padding:2px}#pieBgColor::-webkit-color-swatch{border:none;border-radius:4px}.pie-bgremove-wand-tolerance{margin:10px 0}.pie-bgremove-slider-row{display:flex;align-items:center;gap:10px}.pie-bgremove-slider-row input[type="range"]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--panel-border);border-radius:4px;cursor:pointer}.pie-bgremove-slider-row input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer}.pie-bgremove-val{min-width:28px;text-align:right;font-family:'DM Mono',monospace;font-size:.8rem;font-weight:700;color:var(--accent);flex-shrink:0}.pie-bgremove-wand-btns{display:flex;gap:6px;flex-wrap:wrap}.pie-bgremove-wand-btns .pie-bgremove-btn{flex:1;min-width:90px}.pie-bgoutline-overlay,.pie-bgwand-overlay{position:absolute;z-index:55;cursor:crosshair;touch-action:none}@media (prefers-reduced-motion:reduce){.pie-bgremove-btn{transition:none}}.pie-bgremove-progress{height:6px;border-radius:6px;background:var(--panel-border);overflow:hidden}.pie-bgremove-progress.is-done{display:none}.pie-bgremove-progress-bar{height:100%;width:0;background:var(--accent);border-radius:6px;transition:width 0.25s ease}.pie-bgremove-progress.is-indeterminate .pie-bgremove-progress-bar{width:40%!important;animation:pie-bgremove-slide 1.1s ease-in-out infinite alternate}.pie-bgremove-progress.is-preparing .pie-bgremove-progress-bar{width:100%!important;animation:pie-bgremove-pulse 1s ease-in-out infinite alternate}@keyframes pie-bgremove-slide{from{margin-left:0}to{margin-left:60%}}@keyframes pie-bgremove-pulse{from{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pie-bgremove-progress-bar{transition:none;animation:none!important}}.pie-blackwhite-panel{display:flex;flex-direction:column;gap:10px}.pie-blackwhite-tagline{font-size:.78rem;color:var(--text-dim,#888);margin:0}.pie-blackwhite-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-blackwhite-label-row{display:flex;align-items:center;justify-content:space-between}.pie-blackwhite-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-blackwhite-mode-group{display:flex;flex-direction:column;gap:6px}.pie-blackwhite-mode-opt{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text,#ccc);cursor:pointer;padding:6px 8px;border-radius:6px;border:1.5px solid var(--panel-border,#444)}.pie-blackwhite-mode-opt:has(input:checked){border-color:var(--accent,#4285F4);color:var(--accent,#4285F4)}.pie-blackwhite-mode-opt input[type="radio"]{width:14px;height:14px;accent-color:var(--accent,#4285F4)}.pie-blackwhite-threshold-row #pieBlackWhiteThresholdSlider{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-blackwhite-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-blackwhite-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-blackwhite-overlay.is-active{display:block}.pie-blackwhite-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-bokeh-panel{padding:6px;display:flex;flex-direction:column;gap:8px}.pie-bokeh-section{border-bottom:1px solid var(--panel-border);padding-bottom:8px}.pie-bokeh-section:last-of-type{border-bottom:none;padding-bottom:0}.pie-bokeh-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px;display:block;font-weight:600}.pie-bokeh-select{width:100%;padding:8px 10px;border-radius:var(--rs);background:var(--panel-surface);border:1px solid var(--panel-border);color:var(--text);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--tr)}.pie-bokeh-select:hover,.pie-bokeh-select:focus{border-color:var(--accent);outline:none}.pie-bokeh-color-row{display:flex;align-items:center;gap:10px}#pieBokehColor{width:40px;height:32px;padding:0;border:1px solid var(--panel-border);border-radius:var(--rs);background:none;cursor:pointer}#pieBokehColor::-webkit-color-swatch-wrapper{padding:2px}#pieBokehColor::-webkit-color-swatch{border:none;border-radius:4px}.pie-bokeh-color-val{font-family:'DM Mono',monospace;font-size:.8rem;font-weight:700;color:var(--accent);text-transform:uppercase}.pie-bokeh-slider-row{display:flex;align-items:center;gap:10px}.pie-bokeh-slider-row input[type="range"]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--panel-border);border-radius:4px;cursor:pointer}.pie-bokeh-slider-row input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer}.pie-bokeh-slider-row input[type="range"]::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.pie-bokeh-val{min-width:34px;text-align:right;font-family:'DM Mono',monospace;font-size:.8rem;font-weight:700;color:var(--accent);flex-shrink:0}.pie-bokeh-actions{display:flex;gap:8px}.pie-bokeh-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 10px;border-radius:var(--rs);font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:var(--tr);border:1px solid var(--panel-border);background:var(--panel-surface);color:var(--text)}.pie-bokeh-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--nav-surface)}.pie-bokeh-btn-apply{background:var(--accent);border-color:var(--accent);color:#fff}.pie-bokeh-btn-apply:hover{filter:brightness(1.08);color:#fff}@media (prefers-reduced-motion:reduce){.pie-bokeh-select,.pie-bokeh-btn{transition:none}}@media (forced-colors:active){.pie-bokeh-select,.pie-bokeh-btn{border:2px solid ButtonText}}.pie-bumpit-panel{padding:6px;display:flex;flex-direction:column;gap:8px}.pie-bumpit-section{padding-bottom:8px;border-bottom:1px solid var(--panel-border)}.pie-bumpit-section:last-of-type{border-bottom:none}.pie-bumpit-section-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text);margin-bottom:8px}.pie-bumpit-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:4px;display:block;font-weight:600}.pie-bumpit-slider-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.pie-bumpit-slider-row input[type="range"]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--panel-border);border-radius:4px;cursor:pointer}.pie-bumpit-slider-row input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}.pie-bumpit-endlabel{font-size:.6rem;color:var(--text-dimmer);flex-shrink:0}.pie-bumpit-val{min-width:40px;text-align:right;font-family:'DM Mono',monospace;font-size:.72rem;font-weight:700;color:var(--accent);flex-shrink:0}.pie-bumpit-toggle-row{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.pie-bumpit-toggle-btn{flex:1;min-width:80px;padding:6px 8px;border-radius:var(--rs);background:var(--panel-surface);border:1px solid var(--panel-border);color:var(--text-dim);font-size:.7rem;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--tr)}.pie-bumpit-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.pie-bumpit-toggle-btn.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.pie-bumpit-toggle{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text);cursor:pointer;margin-bottom:8px}.pie-bumpit-toggle input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.pie-bumpit-btn-row{display:flex;gap:6px}.pie-bumpit-btn{min-height:40px;padding:8px 16px;border-radius:var(--rs);font-size:.8rem;font-weight:700;cursor:pointer;transition:var(--tr);border:none;background:var(--accent);color:#fff;font-family:inherit;width:100%}.pie-bumpit-btn.secondary{flex:1;width:auto;background:#fff0;border:1px solid var(--panel-border);color:var(--text-dim)}.pie-bumpit-btn.secondary:hover{border-color:var(--accent);color:var(--accent)}.pie-bumpit-btn:hover:not(:disabled):not(.secondary){filter:brightness(1.05)}.pie-bumpit-btn:disabled{opacity:.6;cursor:not-allowed}.pie-bumpit-status{font-size:.68rem;color:var(--text-dim);font-family:'DM Mono',monospace;padding:5px;background:var(--panel-surface);border-radius:var(--rs);text-align:center;min-height:1.2em}.pie-bumpit-overlay{position:absolute;z-index:55;cursor:crosshair;touch-action:none}.pie-bumpit-tile-overlay{position:absolute;z-index:54;pointer-events:none}@media (prefers-reduced-motion:reduce){.pie-bumpit-btn,.pie-bumpit-toggle-btn{transition:none}}.pie-charcoal-panel{display:flex;flex-direction:column;gap:8px}.pie-charcoal-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-charcoal-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-charcoal-label-row{display:flex;align-items:center;justify-content:space-between}.pie-charcoal-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-charcoal-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-charcoal-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-charcoal-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-charcoal-overlay.is-active{display:block}.pie-charcoal-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-cinematic-panel{display:flex;flex-direction:column;gap:8px}.pie-cinematic-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-cinematic-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-cinematic-label-row{display:flex;align-items:center;justify-content:space-between}.pie-cinematic-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-cinematic-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-cinematic-section select{display:block;width:100%;height:28px;margin-top:4px;padding:0 6px;font-size:11px;border-radius:4px;border:1.5px solid var(--text-dim,#888);background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#ccc);box-sizing:border-box}.pie-cinematic-toggle-btn{width:100%;height:28px;font-size:11px;font-weight:700;border-radius:4px;border:1.5px solid var(--panel-border,#444);background:#fff0;color:var(--text,#ccc);cursor:pointer}.pie-cinematic-toggle-btn[aria-checked="true"]{background:var(--accent,#4285F4);border-color:var(--accent,#4285F4);color:#fff}.pie-cinematic-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-cinematic-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-cinematic-overlay.is-active{display:block}.pie-cinematic-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-clarendon-panel{display:flex;flex-direction:column;gap:8px}.pie-clarendon-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-clarendon-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-clarendon-label-row{display:flex;align-items:center;justify-content:space-between}.pie-clarendon-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-clarendon-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-clarendon-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-clarendon-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-clarendon-overlay.is-active{display:block}.pie-clarendon-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-colorisolate-panel{display:flex;flex-direction:column;gap:8px}.pie-colorisolate-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-colorisolate-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-colorisolate-label-row{display:flex;align-items:center;justify-content:space-between}.pie-colorisolate-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-colorisolate-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-colorisolate-section select{display:block;width:100%;height:28px;margin-top:4px;padding:0 6px;font-size:11px;border-radius:4px;border:1.5px solid var(--text-dim,#888);background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#ccc);box-sizing:border-box}.pie-colorisolate-swatch-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.pie-colorisolate-swatch{width:20px;height:20px;border-radius:50%;border:2px solid #fff0;padding:0;cursor:pointer;box-sizing:border-box}.pie-colorisolate-swatch.is-active{border-color:var(--text,#ccc)}.pie-colorisolate-hex{width:24px;height:24px;padding:0;border:1.5px solid var(--panel-border,#444);border-radius:50%;overflow:hidden;background:none;cursor:pointer}.pie-colorisolate-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-colorisolate-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-colorisolate-overlay.is-active{display:block}.pie-colorisolate-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-colorizer-panel{padding:6px;display:flex;flex-direction:column;gap:10px}.pie-colorizer-section{padding-bottom:4px}.pie-colorizer-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px;display:block;font-weight:600}.pie-colorizer-slider-row{display:flex;align-items:center;gap:10px}.pie-colorizer-slider-row input[type="range"]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--panel-border);border-radius:4px;cursor:pointer}.pie-colorizer-slider-row input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer}.pie-colorizer-slider-row input[type="range"]::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.pie-colorizer-val{min-width:40px;text-align:right;font-family:'DM Mono',monospace;font-size:.8rem;font-weight:700;color:var(--accent);flex-shrink:0}.pie-colorizer-btn{min-height:44px;padding:8px 16px;border-radius:var(--rs);font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--tr);border:none;background:var(--accent);color:#fff;font-family:inherit}.pie-colorizer-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.pie-colorizer-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.pie-colorizer-status{font-size:.7rem;color:var(--text-dim);font-family:'DM Mono',monospace;padding:6px;background:var(--panel-surface);border-radius:var(--rs);text-align:center}.pie-colorizer-progress{height:6px;border-radius:6px;background:var(--panel-border);overflow:hidden}.pie-colorizer-progress.is-done{display:none}.pie-colorizer-progress-bar{height:100%;width:0;background:var(--accent);border-radius:6px;transition:width 0.25s ease}.pie-colorizer-progress.is-preparing .pie-colorizer-progress-bar,.pie-colorizer-progress.is-indeterminate .pie-colorizer-progress-bar{width:40%!important;animation:pie-colorizer-slide 1.1s ease-in-out infinite alternate}.pie-colorizer-progress.is-preparing .pie-colorizer-progress-bar{width:100%!important;animation:pie-colorizer-pulse 1s ease-in-out infinite alternate}@keyframes pie-colorizer-slide{from{margin-left:0}to{margin-left:60%}}@keyframes pie-colorizer-pulse{from{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pie-colorizer-progress-bar{transition:none;animation:none!important}.pie-colorizer-btn{transition:none}}.pie-colorpencil-panel{display:flex;flex-direction:column;gap:8px}.pie-colorpencil-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-colorpencil-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-colorpencil-label-row{display:flex;align-items:center;justify-content:space-between}.pie-colorpencil-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-colorpencil-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-colorpencil-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-colorpencil-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-colorpencil-overlay.is-active{display:block}.pie-colorpencil-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-compress-panel{display:flex;flex-direction:column;gap:10px}.pie-compress-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-compress-label{font-size:11px;font-weight:700;color:var(--text-dim,#888);margin-bottom:4px}.pie-compress-method-group{display:flex;flex-direction:column;gap:6px}.pie-compress-method-opt{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text,#ccc);cursor:pointer;padding:7px 8px;border-radius:6px;border:1.5px solid var(--panel-border,#444);flex-wrap:wrap}.pie-compress-method-opt:has(input:checked){border-color:var(--accent,#4285F4);color:var(--accent,#4285F4)}.pie-compress-method-opt input[type="radio"]{width:14px;height:14px;flex-shrink:0;accent-color:var(--accent,#4285F4)}.pie-compress-target-row{display:inline-flex;align-items:center;gap:6px}.pie-compress-target-row input[type="number"]{width:56px;height:24px;padding:0 4px;font-size:12px;text-align:center;border-radius:4px;border:1.5px solid var(--text-dim,#888);background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#ccc)}.pie-compress-kb-suffix{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-compress-status-row{display:flex;justify-content:center}.pie-compress-status{font-size:1rem;text-align:center;color:var(--text,#ccc);font-weight:700;background:var(--panel-bg-alt,rgb(255 255 255 / .04));border-radius:4px;padding:6px 8px;width:100%;box-sizing:border-box}.pie-compress-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-compress-apply-btn:disabled{opacity:.5;cursor:not-allowed}.pie-compress-download-link{display:flex;align-items:center;justify-content:center;width:100%;height:34px;box-sizing:border-box;text-align:center;font-size:12px;font-weight:700;border-radius:5px;border:1px solid #1e9e56;background:#22c55e;color:#fff;text-decoration:none;cursor:pointer}.pie-compress-download-link:hover{background:#1ea850}.pie-convert-panel{display:flex;flex-direction:column;gap:10px}.pie-convert-tagline{font-size:.78rem;color:var(--text-dim,#888);margin:0}.pie-convert-label{font-size:11px;font-weight:700;color:var(--text-dim,#888);display:block;margin-bottom:6px}.pie-convert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pie-convert-btn{height:34px;font-size:12px;font-weight:700;border-radius:6px;border:2px solid var(--accent,#4285F4);background:#fff0;color:var(--accent,#4285F4);cursor:pointer;transition:background .2s,color .2s}.pie-convert-btn:hover{background:var(--accent,#4285F4);color:#fff}.pie-convert-btn.is-busy{opacity:.6;pointer-events:none}.pie-convert-status{display:block;font-size:11px;color:var(--text-dim,#888);text-align:center;min-height:14px}.pie-cosmiclight-panel{padding:6px;display:flex;flex-direction:column;gap:10px}.pie-cosmiclight-tagline{font-size:.78rem;line-height:1.4;color:var(--text-dim);margin:0}.pie-cosmiclight-apply-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 10px;border-radius:var(--rs);font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:var(--tr);border:1px solid var(--accent);background:var(--accent);color:#fff}.pie-cosmiclight-apply-btn:hover{filter:brightness(1.08);color:#fff}.pie-cosmiclight-overlay{position:absolute;pointer-events:none;display:none}.pie-cosmiclight-overlay.is-active{display:block}.pie-cosmiclight-preview-canvas{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.pie-cosmiclight-apply-btn{transition:none}}@media (forced-colors:active){.pie-cosmiclight-apply-btn{border:2px solid ButtonText}}.pie-crop-panel{padding:6px;display:flex;flex-direction:column;gap:8px}.pie-crop-section{margin-bottom:0;border-bottom:1px solid var(--panel-border);padding-bottom:8px}.pie-crop-section:last-of-type{border-bottom:none;padding-bottom:0}.pie-crop-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px;display:block;font-weight:600}.pie-crop-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.pie-crop-preset-btn{min-height:32px;min-width:40px;padding:5px 10px;border-radius:var(--rs);background:var(--panel-surface);border:1px solid var(--panel-border);color:var(--text-dim);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--tr);font-family:inherit}.pie-crop-preset-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--nav-surface)}.pie-crop-preset-btn.active{border-color:var(--accent);color:var(--accent);background:var(--nav-surface);box-shadow:inset 0 0 0 1px var(--accent)}.pie-crop-preset-btn[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);background:var(--nav-surface);box-shadow:inset 0 0 0 1px var(--accent)}.pie-crop-inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start}.pie-crop-field{display:flex;flex-direction:column;gap:4px}.pie-crop-field label{font-size:.6rem;color:var(--text-dim);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.pie-crop-field input{width:100%;background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:var(--rs);color:var(--text);font-family:'DM Mono',monospace;font-size:.8rem;padding:5px 8px;min-height:32px;transition:var(--tr)}.pie-crop-field input:focus{border-color:var(--accent);outline:3px solid var(--accent-glow);outline-offset:0}.pie-crop-link-icon{width:32px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dimmer);margin-top:18px;background:#fff0;border:none;border-radius:var(--rs);transition:var(--tr);padding:0}.pie-crop-link-icon:hover{color:var(--accent);background:var(--panel-surface)}.pie-crop-link-icon[aria-pressed="true"]{color:var(--accent)}.pie-crop-link-icon:focus-visible{outline:3px solid var(--accent-glow);outline-offset:2px}.pie-crop-actions{display:flex;gap:10px;margin-top:8px}.pie-crop-btn{min-height:44px;min-width:44px;padding:8px 16px;border-radius:var(--rs);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--tr);display:inline-flex;align-items:center;gap:8px;justify-content:center;font-family:inherit;border:none}.pie-crop-apply{background:var(--accent);color:#fff;flex:1}.pie-crop-apply:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.pie-crop-apply:disabled{opacity:.65;cursor:not-allowed;transform:none}.pie-crop-cancel.secondary{background:#fff0;border:1px solid var(--panel-border);color:var(--text-dim);flex:1}.pie-crop-cancel.secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--nav-surface)}.pie-crop-info{margin-top:4px;font-size:.7rem;color:var(--text-dim);font-family:'DM Mono',monospace;padding:6px;background:var(--panel-surface);border-radius:var(--rs);text-align:center}.pie-crop-overlay{position:absolute;inset:0;z-index:50;cursor:crosshair;overflow:hidden;border-radius:inherit}.pie-crop-box{position:absolute;box-sizing:border-box;border:3px solid #6c63ff;box-shadow:0 0 0 9999px rgb(0 0 0 / .55),0 0 6px rgb(108 99 255 / .8);cursor:move}.pie-crop-third{position:absolute;pointer-events:none}.pie-crop-third-v1,.pie-crop-third-v2{top:0;bottom:0;width:0;border-left:2px dashed rgb(108 99 255 / .95)}.pie-crop-third-h1,.pie-crop-third-h2{left:0;right:0;height:0;border-top:2px dashed rgb(108 99 255 / .95)}.pie-crop-third-v1{left:33.333%}.pie-crop-third-v2{left:66.666%}.pie-crop-third-h1{top:33.333%}.pie-crop-third-h2{top:66.666%}.pie-crop-handle{position:absolute;width:12px;height:12px;background:#6c63ff;border:1.5px solid rgb(0 0 0 / .6);border-radius:2px;z-index:1}.pie-crop-handle.handle-nw{top:-6px;left:-6px;cursor:nwse-resize}.pie-crop-handle.handle-n{top:-6px;left:50%;margin-left:-6px;cursor:ns-resize}.pie-crop-handle.handle-ne{top:-6px;right:-6px;cursor:nesw-resize}.pie-crop-handle.handle-e{top:50%;right:-6px;margin-top:-6px;cursor:ew-resize}.pie-crop-handle.handle-se{bottom:-6px;right:-6px;cursor:nwse-resize}.pie-crop-handle.handle-s{bottom:-6px;left:50%;margin-left:-6px;cursor:ns-resize}.pie-crop-handle.handle-sw{bottom:-6px;left:-6px;cursor:nesw-resize}.pie-crop-handle.handle-w{top:50%;left:-6px;margin-top:-6px;cursor:ew-resize}@media (max-width:768px){.pie-crop-handle{width:18px;height:18px}.pie-crop-handle.handle-nw,.pie-crop-handle.handle-ne{top:-9px}.pie-crop-handle.handle-sw,.pie-crop-handle.handle-se{bottom:-9px}.pie-crop-handle.handle-nw,.pie-crop-handle.handle-sw{left:-9px}.pie-crop-handle.handle-ne,.pie-crop-handle.handle-se{right:-9px}.pie-crop-handle.handle-n,.pie-crop-handle.handle-s{margin-left:-9px}.pie-crop-handle.handle-e,.pie-crop-handle.handle-w{margin-top:-9px}}[dir="rtl"] .pie-crop-inputs{direction:rtl}[dir="rtl"] .pie-crop-field label{text-align:right}@media (prefers-reduced-motion:reduce){.pie-crop-preset-btn,.pie-crop-btn,.pie-crop-link-icon{transition:none}}@media (forced-colors:active){.pie-crop-preset-btn.active{border:2px solid ButtonText;forced-color-adjust:none}.pie-crop-apply{background:ButtonText;color:ButtonFace}.pie-crop-link-icon[aria-pressed="true"]{color:Highlight}}@media (max-width:768px){.pie-crop-preset-btn{min-height:44px;padding:8px 14px}.pie-crop-field input{min-height:44px}.pie-crop-link-icon{min-height:44px;margin-top:22px}}.pie-crosscut-panel{display:flex;flex-direction:column;gap:8px}.pie-crosscut-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-crosscut-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-crosscut-label-row{display:flex;align-items:center;justify-content:space-between}.pie-crosscut-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-crosscut-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-crosscut-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-crosscut-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-crosscut-overlay.is-active{display:block}.pie-crosscut-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-dotpattern-panel{display:flex;flex-direction:column;gap:8px}.pie-dotpattern-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-dotpattern-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-dotpattern-label-row{display:flex;align-items:center;justify-content:space-between}.pie-dotpattern-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-dotpattern-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-dotpattern-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-dotpattern-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-dotpattern-overlay.is-active{display:block}.pie-dotpattern-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-dotstrokes-panel{display:flex;flex-direction:column;gap:8px}.pie-dotstrokes-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-dotstrokes-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-dotstrokes-label-row{display:flex;align-items:center;justify-content:space-between}.pie-dotstrokes-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-dotstrokes-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-dotstrokes-section select{display:block;width:100%;height:28px;margin-top:4px;padding:0 6px;font-size:11px;border-radius:4px;border:1.5px solid var(--text-dim,#888);background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#ccc);box-sizing:border-box}.pie-dotstrokes-toggle-btn{width:100%;height:28px;font-size:11px;font-weight:700;border-radius:4px;border:1.5px solid var(--panel-border,#444);background:#fff0;color:var(--text,#ccc);cursor:pointer}.pie-dotstrokes-toggle-btn[aria-checked="true"]{background:var(--accent,#4285F4);border-color:var(--accent,#4285F4);color:#fff}.pie-dotstrokes-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-dotstrokes-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-dotstrokes-overlay.is-active{display:block}.pie-dotstrokes-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-draw-panel{display:flex;flex-direction:column;gap:8px}.pie-draw-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-draw-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-draw-label-row{display:flex;align-items:center;justify-content:space-between}.pie-draw-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-draw-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.pie-draw-tool-btn{height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;font-weight:700;border-radius:4px;border:1.5px solid var(--panel-border,#444);background:#fff0;color:var(--text,#ccc);cursor:pointer}.pie-draw-tool-icon{width:15px;height:15px;flex-shrink:0}.pie-draw-tool-btn.is-active{background:var(--accent,#4285F4);border-color:var(--accent,#4285F4);color:#fff}.pie-draw-row-2{display:flex;gap:8px}.pie-draw-field{flex:1;display:flex;flex-direction:column;gap:3px}.pie-draw-field-color{flex:0 0 56px}.pie-draw-field input[type="color"]{height:28px;width:100%;padding:0;border-radius:4px;border:1.5px solid var(--text-dim,#888);background:none;cursor:pointer}.pie-draw-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-draw-btn-row{display:flex;gap:8px}.pie-draw-clear-btn,.pie-draw-apply-btn{flex:1;height:34px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;border-radius:5px;cursor:pointer}.pie-draw-btn-icon{width:15px;height:15px;flex-shrink:0}.pie-draw-clear-btn{border:1.5px solid var(--panel-border,#444);background:#fff0;color:var(--text,#ccc)}.pie-draw-apply-btn{border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff}.pie-draw-overlay{position:absolute;inset:0;display:none}.pie-draw-overlay.is-active{display:block}.pie-draw-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:none}.pie-draw-cursor-dot{position:absolute;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid #fff;box-shadow:0 0 0 1px rgb(0 0 0 / .6);pointer-events:none;display:none}.pie-draw-cursor-dot.is-active{display:block}.pie-draw-handles-layer{position:absolute;inset:0;display:none;pointer-events:none}.pie-draw-handles-layer.is-active{display:block}.pie-draw-handle{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none}.pie-draw-handle-endpoint{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--accent,#4285F4);cursor:pointer}.pie-draw-handle-move{width:18px;height:18px;border-radius:4px;background:var(--accent,#4285F4);border:2px solid #fff;cursor:move}.pie-extractchannel-panel{display:flex;flex-direction:column;gap:8px;max-height:350px}.pie-extractchannel-tagline{font-size:.78rem;color:var(--text-dim,#888);margin:0}.pie-extractchannel-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-extractchannel-mode-group{display:flex;flex-direction:column;gap:5px}.pie-extractchannel-mode-opt{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text,#ccc);cursor:pointer;padding:5px 8px;border-radius:6px;border:1.5px solid var(--panel-border,#444)}.pie-extractchannel-mode-opt:has(input:checked){border-color:var(--accent,#4285F4);color:var(--accent,#4285F4)}.pie-extractchannel-mode-opt input[type="radio"]{width:14px;height:14px;accent-color:var(--accent,#4285F4)}.pie-extractchannel-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-extractchannel-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-extractchannel-overlay.is-active{display:block}.pie-extractchannel-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-facecutout-panel{padding:6px;display:flex;flex-direction:column;gap:10px}.pie-facecutout-section{padding-bottom:4px}.pie-facecutout-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px;display:block;font-weight:600}.pie-facecutout-toggles{display:flex;flex-direction:column;gap:8px}.pie-facecutout-toggle{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text);cursor:pointer}.pie-facecutout-toggle input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.pie-facecutout-slider-row{display:flex;align-items:center;gap:10px}.pie-facecutout-slider-row input[type="range"]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--panel-border);border-radius:4px;cursor:pointer}.pie-facecutout-slider-row input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer}.pie-facecutout-slider-row input[type="range"]::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.pie-facecutout-val{min-width:40px;text-align:right;font-family:'DM Mono',monospace;font-size:.8rem;font-weight:700;color:var(--accent);flex-shrink:0}.pie-facecutout-btn{min-height:44px;padding:8px 16px;border-radius:var(--rs);font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--tr);border:none;background:var(--accent);color:#fff;font-family:inherit}.pie-facecutout-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.pie-facecutout-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.pie-facecutout-status{font-size:.7rem;color:var(--text-dim);font-family:'DM Mono',monospace;padding:6px;background:var(--panel-surface);border-radius:var(--rs);text-align:center}.pie-facecutout-btn.secondary{background:#fff0;border:1px solid var(--panel-border);color:var(--text-dim);min-height:40px;flex:1}.pie-facecutout-btn.secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--nav-surface)}.pie-facecutout-btn.secondary[aria-pressed="true"]{border-color:#2dd4bf;color:#2dd4bf;box-shadow:inset 0 0 0 1px #2dd4bf}.pie-facecutout-outline-btns{display:flex;gap:8px;margin-bottom:10px}.pie-faceoutline-overlay{position:absolute;z-index:55;cursor:crosshair;touch-action:none}@media (prefers-reduced-motion:reduce){.pie-facecutout-btn{transition:none}}.pie-imagepicker-panel{display:flex;flex-direction:column;gap:8px}.pie-imagepicker-tagline{font-size:.78rem;color:var(--text-dim,#888);margin:0}.pie-imagepicker-count-row{display:flex;align-items:center;justify-content:space-between}.pie-imagepicker-count{font-weight:700;font-size:1rem;min-width:22px;text-align:center;background:var(--accent,#4285F4);color:#fff;border-radius:10px;padding:1px 8px}.pie-imagepicker-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.pie-imagepicker-strip-swatch{height:36px;border-radius:6px;border:2px solid #fff0;background:#000;cursor:pointer;padding:0}.pie-imagepicker-strip-swatch.is-active{border-color:var(--accent,#4285F4);box-shadow:0 0 0 1px var(--accent,#4285F4)}.pie-imagepicker-variations{display:flex;flex-direction:column;gap:3px;border:1.5px solid var(--panel-border,rgb(255 255 255 / .25));border-radius:6px;padding:6px 8px}.pie-imagepicker-var-row{display:flex;align-items:center;gap:6px}.pie-imagepicker-var-label{flex:0 0 34px;font-size:.66rem;font-weight:700;color:var(--text-dim,#888)}.pie-imagepicker-var-value{flex:1 1 auto;font-size:.76rem;color:var(--text,#ccc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pie-imagepicker-copy-icon{flex:0 0 auto;width:20px;height:20px;padding:0;border:none;background:#fff0;color:var(--text-dim,#888);cursor:pointer;display:flex;align-items:center;justify-content:center}.pie-imagepicker-copy-icon svg{width:14px;height:14px}.pie-imagepicker-copy-icon:hover{color:var(--text,#ccc)}.pie-imagepicker-copy-icon.copied{color:#34c759}.pie-imagepicker-var-row.copied .pie-imagepicker-var-value{color:#34c759}.pie-imagepicker-btn-row{display:flex;gap:6px;margin-top:4px}.pie-imagepicker-btn{flex:1;padding:6px 8px;font-size:.78rem;border-radius:6px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-imagepicker-btn.secondary{background:#fff0;color:var(--text,#ccc)}.pie-imagepicker-btn-block{width:100%}.pie-imagepicker-saved-section{margin-top:2px}.pie-imagepicker-saved-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.pie-imagepicker-status{font-size:.72rem;color:var(--text-dim,#888)}.pie-imagepicker-saved-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto}.pie-imagepicker-saved-swatches{display:flex;border-radius:4px;overflow:hidden;border:1px solid rgb(0 0 0 / .15)}.pie-imagepicker-saved-chip{width:10px;height:22px}.pie-imagepicker-saved-remove{background:none;border:none;color:var(--text-dim,#888);font-size:.6rem;cursor:pointer;padding:0}.pie-imagepicker-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-imagepicker-overlay.is-active{display:block}.pie-imagepicker-ring{position:absolute;width:30px;height:30px;margin-left:-15px;margin-top:-15px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px rgb(0 0 0 / .6),0 2px 6px rgb(0 0 0 / .4);pointer-events:auto;cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:#fff;text-shadow:0 0 2px rgb(0 0 0 / .9)}.pie-imagepicker-ring:active{cursor:grabbing;transform:scale(1.08)}.pie-imagepicker-export-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--panel-border,rgb(255 255 255 / .12))}.pie-imagepicker-export-row:last-of-type{border-bottom:none}.pie-imagepicker-export-label{font-weight:700;font-size:.85rem;min-width:40px}.pie-imagepicker-export-actions{display:flex;gap:8px}.pie-imagepicker-export-btn{padding:6px 14px;font-size:.78rem;border-radius:6px;border:1px solid var(--panel-border,#444);background:#fff0;color:var(--text,#ccc);cursor:pointer}.pie-imagepicker-export-btn:hover{border-color:var(--accent,#4285F4);color:var(--accent,#4285F4)}.pie-limitcolors-panel{display:flex;flex-direction:column;gap:8px}.pie-limitcolors-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-limitcolors-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-limitcolors-label-row{display:flex;align-items:center;justify-content:space-between}.pie-limitcolors-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-limitcolors-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-limitcolors-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-limitcolors-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-limitcolors-overlay.is-active{display:block}.pie-limitcolors-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-liquid-panel{display:flex;flex-direction:column;gap:8px}.pie-liquid-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-liquid-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-liquid-label-row{display:flex;align-items:center;justify-content:space-between}.pie-liquid-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-liquid-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-liquid-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-liquid-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-liquid-overlay.is-active{display:block}.pie-liquid-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-medianfilter-panel{display:flex;flex-direction:column;gap:8px}.pie-medianfilter-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-medianfilter-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-medianfilter-label-row{display:flex;align-items:center;justify-content:space-between}.pie-medianfilter-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-medianfilter-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-medianfilter-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-medianfilter-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-medianfilter-overlay.is-active{display:block}.pie-medianfilter-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-metadata-panel{display:flex;flex-direction:column;gap:8px}.pie-metadata-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-metadata-choose-btn,.pie-metadata-save-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-metadata-save-btn:disabled{opacity:.5;cursor:not-allowed}.pie-metadata-status{display:block;font-size:11px;text-align:center;color:var(--text-dim,#888)}.pie-metadata-note{font-size:10px;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-metadata-doc{display:none;width:100%;height:auto;overflow-y:visible;box-sizing:border-box;padding:24px;background:var(--ws-bg,#1a1a1a)}.pie-metadata-doc.is-active{display:block;min-height:400px;padding:36px;font-size:1.15em}.pie-metadata-dropzone{max-width:480px;margin:10vh auto 0;padding:48px 24px;text-align:center;border:3px dashed var(--accent,#4285F4);border-radius:12px;color:var(--text-dim,#888);font-size:.95rem;cursor:pointer}.pie-metadata-dropzone.is-dragover{border-color:var(--accent,#4285F4);color:var(--accent,#4285F4)}.pie-metadata-sheet{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.pie-metadata-sheet-header{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--panel-border,#444)}.pie-metadata-sheet-thumb{width:72px;height:72px;object-fit:cover;border-radius:6px;border:1px solid var(--panel-border,#444);flex-shrink:0}.pie-metadata-sheet-filename{font-size:1rem;font-weight:700;color:var(--text,#eee);word-break:break-all}.pie-metadata-sheet-meta{font-size:.8rem;color:var(--text-dim,#888)}.pie-metadata-charset-notice{font-size:.78rem;line-height:1.5;color:var(--text-dim,#888);background:var(--panel-bg-alt,rgb(255 255 255 / .04));border:1px solid var(--panel-border,#444);border-radius:6px;padding:10px 14px}.pie-metadata-section{border:1px solid var(--panel-border,#444);border-radius:8px;overflow:hidden}.pie-metadata-section-head{padding:10px 16px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#eee);border-bottom:1px solid var(--panel-border,#444)}.pie-metadata-section-body{padding:4px 16px 14px}.pie-metadata-subhead{margin:14px 0 4px;padding-bottom:4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--accent,#4285F4);border-bottom:1px solid var(--panel-border,#444)}.pie-metadata-row-label .hint{font-size:.88rem;font-weight:400;color:var(--text-dim,#888);margin-top:2px;line-height:1.3}.pie-metadata-row-value select{flex:1 1 auto;padding:8px 10px;font-size:1.05rem;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#eee)}.pie-metadata-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid rgb(255 255 255 / .06)}.pie-metadata-row:last-child{border-bottom:none}.pie-metadata-row-label{flex:0 0 220px;font-size:1.05rem;font-weight:600;color:var(--text-dim,#aaa);padding-top:7px;word-break:break-word}.pie-metadata-row-value{flex:1 1 auto;display:flex;gap:8px;align-items:center}.pie-metadata-row-value input,.pie-metadata-row-value textarea{flex:1 1 auto;padding:8px 10px;font-size:1.05rem;font-family:'DM Mono',monospace;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#eee);box-sizing:border-box}.pie-metadata-row-value textarea{min-height:60px;resize:vertical}.pie-metadata-xmp-textarea{width:100%;min-height:280px;box-sizing:border-box;padding:12px;font-size:.78rem;font-family:'DM Mono',monospace;border-radius:6px;border:1px solid var(--panel-border,#444);background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#eee);resize:vertical}.pie-metadata-remove-btn{flex:0 0 auto;width:26px;height:26px;border-radius:5px;border:1px solid var(--panel-border,#444);background:#fff0;color:var(--text-dim,#888);cursor:pointer}.pie-metadata-remove-btn:hover{border-color:#ef4444;color:#ef4444}.pie-metadata-empty{font-size:.82rem;color:var(--text-dim,#888);padding:10px 0}.pie-metadata-add-row{display:flex;gap:8px;margin-top:10px}.pie-metadata-add-row input{padding:6px 8px;font-size:.8rem;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#eee)}.pie-metadata-add-row input.pie-metadata-add-tag{flex:0 0 140px}.pie-metadata-add-row input.pie-metadata-add-value{flex:1 1 auto}.pie-metadata-add-btn{flex:0 0 auto;padding:6px 14px;font-size:.78rem;font-weight:700;border-radius:5px;border:1px solid var(--accent,#4285F4);background:#fff0;color:var(--accent,#4285F4);cursor:pointer}.pie-mirror-panel{padding:6px;display:flex;flex-direction:column;gap:8px}.pie-mirror-section{padding-bottom:4px}.pie-mirror-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pie-mirror-mode{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:7px 6px;border-radius:var(--rs);background:var(--panel-surface);border:1px solid var(--panel-border);color:var(--text-dim);font-family:inherit;cursor:pointer;transition:var(--tr)}.pie-mirror-mode svg{width:20px;height:20px;flex-shrink:0}.pie-mirror-mode span{font-size:.64rem;font-weight:700;text-align:center;line-height:1.1}.pie-mirror-mode:hover{border-color:var(--accent);color:var(--accent);background:var(--nav-surface)}.pie-mirror-mode:active{filter:brightness(1.1)}.pie-mirror-status{font-size:.68rem;color:var(--text-dim);font-family:'DM Mono',monospace;padding:4px;background:var(--panel-surface);border-radius:var(--rs);text-align:center;min-height:1.1em}@media (prefers-reduced-motion:reduce){.pie-mirror-mode{transition:none}}.pie-monochrome-panel{display:flex;flex-direction:column;gap:10px}.pie-monochrome-tagline{font-size:.78rem;color:var(--text-dim,#888);margin:0}.pie-monochrome-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-monochrome-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-monochrome-overlay.is-active{display:block}.pie-monochrome-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-negative-panel{display:flex;flex-direction:column;gap:10px}.pie-negative-tagline{font-size:.78rem;color:var(--text-dim,#888);margin:0}.pie-negative-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-negative-mode-group{display:flex;flex-direction:column;gap:6px}.pie-negative-mode-opt{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text,#ccc);cursor:pointer;padding:6px 8px;border-radius:6px;border:1.5px solid var(--panel-border,#444)}.pie-negative-mode-opt:has(input:checked){border-color:var(--accent,#4285F4);color:var(--accent,#4285F4)}.pie-negative-mode-opt input[type="radio"]{width:14px;height:14px;accent-color:var(--accent,#4285F4)}.pie-negative-channel-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-2px 0 0 8px}.pie-negative-select{flex:1;max-width:140px;font-size:12px;font-weight:600;padding:4px 6px;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--panel-bg,#222);color:var(--text,#ccc)}.pie-negative-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-negative-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-negative-overlay.is-active{display:block}.pie-negative-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-normalmap-panel{padding:6px;display:flex;flex-direction:column;gap:10px}.pie-normalmap-section{padding-bottom:4px}.pie-normalmap-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px;display:block;font-weight:600}.pie-normalmap-slider-row{display:flex;align-items:center;gap:10px}.pie-normalmap-slider-row input[type="range"]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--panel-border);border-radius:4px;cursor:pointer}.pie-normalmap-slider-row input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer}.pie-normalmap-slider-row input[type="range"]::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.pie-normalmap-val{min-width:28px;text-align:right;font-family:'DM Mono',monospace;font-size:.8rem;font-weight:700;color:var(--accent);flex-shrink:0}.pie-normalmap-toggles{display:flex;flex-direction:column;gap:8px}.pie-normalmap-toggle{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text);cursor:pointer}.pie-normalmap-toggle input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.pie-normalmap-btn{min-height:44px;padding:8px 16px;border-radius:var(--rs);font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--tr);border:none;background:var(--accent);color:#fff;font-family:inherit}.pie-normalmap-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.pie-normalmap-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.pie-normalmap-status{font-size:.7rem;color:var(--text-dim);font-family:'DM Mono',monospace;padding:6px;background:var(--panel-surface);border-radius:var(--rs);text-align:center;min-height:1.4em}@media (prefers-reduced-motion:reduce){.pie-normalmap-btn{transition:none}}.pie-pencilsketch-panel{display:flex;flex-direction:column;gap:8px}.pie-pencilsketch-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-pencilsketch-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-pencilsketch-label-row{display:flex;align-items:center;justify-content:space-between}.pie-pencilsketch-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-pencilsketch-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-pencilsketch-section select{display:block;width:100%;height:28px;margin-top:4px;padding:0 6px;font-size:11px;border-radius:4px;border:1.5px solid var(--text-dim,#888);background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#ccc);box-sizing:border-box}.pie-pencilsketch-divider{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim,#888);border-top:1px solid var(--panel-border,#444);padding-top:5px;margin-top:2px}.pie-pencilsketch-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-pencilsketch-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-pencilsketch-overlay.is-active{display:block}.pie-pencilsketch-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-pixelate-panel{display:flex;flex-direction:column;gap:8px}.pie-pixelate-tagline{font-size:.78rem;color:var(--text-dim,#888);margin:0}.pie-pixelate-label-row{display:flex;align-items:center;justify-content:space-between}.pie-pixelate-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-pixelate-val{font-size:12px;font-weight:900;color:var(--text,#ccc);min-width:26px;text-align:right}.pie-pixelate-section #piePixelateBlockSlider{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-pixelate-select-btn{width:100%;height:30px;font-size:12px;font-weight:700;border-radius:5px;border:2px solid var(--accent,#4285F4);background:#fff0;color:var(--accent,#4285F4);cursor:pointer;transition:background .2s,color .2s}.pie-pixelate-select-btn:hover{background:var(--accent,#4285F4);color:#fff}.pie-pixelate-select-btn.is-active{background:var(--accent,#4285F4);color:#fff}.pie-pixelate-status-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.pie-pixelate-status{font-size:11px;color:var(--text,#ccc);font-weight:700}.pie-pixelate-clear-btn{font-size:10px;padding:3px 8px;border-radius:4px;border:1px solid var(--panel-border,#444);background:#fff0;color:var(--text-dim,#888);cursor:pointer}.pie-pixelate-clear-btn:hover{border-color:var(--accent,#4285F4);color:var(--accent,#4285F4)}.pie-pixelate-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-pixelate-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-pixelate-overlay.is-active{display:block}.pie-pixelate-overlay.is-selecting{pointer-events:auto;cursor:crosshair}.pie-pixelate-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-pixelate-selection-box{position:absolute;border:2px dashed #fff;box-shadow:0 0 0 1px rgb(0 0 0 / .7);background:rgb(66 133 244 / .18);display:none;pointer-events:none}.pie-pixelate-selection-box.is-visible{display:block}.pie-posterize-panel{display:flex;flex-direction:column;gap:10px}.pie-posterize-tagline{font-size:.78rem;color:var(--text-dim,#888);margin:0}.pie-posterize-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-posterize-label-row{display:flex;align-items:center;justify-content:space-between}.pie-posterize-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-posterize-section #piePosterizeLevels{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-posterize-toggle-btn{width:100%;padding:8px;border-radius:5px;background:var(--panel-surface,#2a2a2a);border:1.5px solid var(--panel-border,#444);color:var(--text,#ccc);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.pie-posterize-toggle-btn:hover{border-color:var(--accent,#4285F4);color:var(--accent,#4285F4)}.pie-posterize-toggle-btn.is-active{border-color:var(--accent,#4285F4);background:var(--accent,#4285F4);color:#fff}.pie-posterize-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-posterize-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-posterize-overlay.is-active{display:block}.pie-posterize-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-quality-panel{padding:6px;display:flex;flex-direction:column;gap:6px}.pie-quality-section{padding-top:4px;border-top:1px solid var(--panel-border)}.pie-quality-section:first-of-type{border-top:none;padding-top:0}.pie-quality-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:4px;display:block;font-weight:600}.pie-quality-status{margin-top:4px;font-size:.65rem;color:var(--text-dim);font-family:'DM Mono',monospace;text-align:center}.pie-quality-field{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pie-quality-field span{font-size:.72rem;color:var(--text);width:72px;flex-shrink:0}.pie-quality-field input[type="range"]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--panel-border);border-radius:4px;cursor:pointer}.pie-quality-field input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}.pie-quality-field input[type="range"]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.pie-quality-actions{display:flex;gap:8px}.pie-quality-btn{min-height:32px;padding:5px 14px;border-radius:var(--rs);font-size:.8rem;font-weight:700;cursor:pointer;transition:var(--tr);border:none;background:var(--accent);color:#fff;font-family:inherit;width:100%}.pie-quality-actions .pie-quality-btn{width:auto;flex:1}.pie-quality-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.pie-quality-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.pie-quality-btn.secondary{background:#fff0;border:1px solid var(--panel-border);color:var(--text-dim)}.pie-quality-btn.secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--nav-surface)}@media (prefers-reduced-motion:reduce){.pie-quality-btn{transition:none}}.pie-radialblur-panel{display:flex;flex-direction:column;gap:8px}.pie-radialblur-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-radialblur-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-radialblur-label-row{display:flex;align-items:center;justify-content:space-between}.pie-radialblur-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-radialblur-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-radialblur-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-radialblur-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-radialblur-overlay.is-active{display:block}.pie-radialblur-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-radialpixel-panel{display:flex;flex-direction:column;gap:8px}.pie-radialpixel-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-radialpixel-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-radialpixel-label-row{display:flex;align-items:center;justify-content:space-between}.pie-radialpixel-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-radialpixel-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-radialpixel-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-radialpixel-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-radialpixel-overlay.is-active{display:block}.pie-radialpixel-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-removemeta-panel{display:flex;flex-direction:column;gap:8px}.pie-removemeta-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-removemeta-choose-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-removemeta-status{display:block;font-size:11px;text-align:center;color:var(--text-dim,#888)}.pie-removemeta-doc{display:none;width:100%;height:auto;overflow-y:visible;box-sizing:border-box;padding:24px;background:var(--ws-bg,#1a1a1a)}.pie-removemeta-doc.is-active{display:block;min-height:400px}.pie-removemeta-dropzone{max-width:480px;margin:10vh auto 0;padding:48px 24px;text-align:center;border:3px dashed var(--accent,#4285F4);border-radius:12px;color:var(--text-dim,#888);font-size:.95rem;cursor:pointer}.pie-removemeta-dropzone.is-dragover{color:var(--accent,#4285F4)}.pie-removemeta-report{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.pie-removemeta-sizes{display:flex;gap:16px;justify-content:center}.pie-removemeta-size-card{flex:1;max-width:220px;text-align:center;padding:16px;border-radius:8px;border:1px solid var(--panel-border,#444);background:var(--panel-bg-alt,rgb(255 255 255 / .04))}.pie-removemeta-size-card .label{font-size:.78rem;color:var(--text-dim,#888);text-transform:uppercase;letter-spacing:.04em}.pie-removemeta-size-card .value{font-size:1.4rem;font-weight:700;color:var(--text,#eee);margin-top:4px}.pie-removemeta-size-card.after .value{color:#22c55e}.pie-removemeta-found-list{border:1px solid var(--panel-border,#444);border-radius:8px;overflow:hidden}.pie-removemeta-found-head{padding:10px 16px;font-weight:700;font-size:.85rem;background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#eee);border-bottom:1px solid var(--panel-border,#444)}.pie-removemeta-found-row{display:flex;justify-content:space-between;padding:8px 16px;font-size:.85rem;border-bottom:1px solid rgb(255 255 255 / .06)}.pie-removemeta-found-row:last-child{border-bottom:none}.pie-removemeta-found-row .name{color:var(--text,#eee);font-weight:600}.pie-removemeta-found-row .size{color:var(--text-dim,#888);font-family:'DM Mono',monospace}.pie-removemeta-clean{padding:12px 16px;text-align:center;color:#22c55e;font-weight:700}.pie-removemeta-keep-jfif{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text,#ccc)}.pie-removemeta-action-btn{align-self:center;padding:12px 28px;font-size:1rem;font-weight:700;border-radius:8px;border:1px solid #1e9e56;background:#22c55e;color:#fff;cursor:pointer}.pie-removemeta-action-btn:hover{background:#1ea850}.pie-removemeta-another-btn{align-self:center;padding:8px 16px;font-size:.8rem;font-weight:700;border-radius:6px;border:1px solid var(--accent,#4285F4);background:#fff0;color:var(--accent,#4285F4);cursor:pointer}.pie-resize-panel{display:flex;flex-direction:column;gap:5px}.pie-resize-mode-row{display:flex;align-items:center;gap:3px;background:var(--panel-bg-alt,rgb(255 255 255 / .04));border-radius:5px;padding:2px;height:30px}.pie-resize-mode-btn{flex:1;height:100%;display:flex;align-items:center;justify-content:center;gap:4px;line-height:1;padding:0 2px;font-size:11px;font-weight:700;white-space:nowrap;border:2px solid var(--accent,#4285F4);border-radius:4px;background:#fff0;color:var(--accent,#4285F4);cursor:pointer;transition:background .2s,color .2s}.pie-resize-mode-btn:hover{background:var(--accent,#4285F4);color:#fff}.pie-resize-mode-btn.is-active{background:var(--accent,#4285F4);border-color:var(--accent,#4285F4);color:#fff}.pie-resize-mode-btn.is-active:hover{background:#7c75ff;border-color:#7c75ff}.pie-resize-mode-unit{font-size:12px;font-weight:900;white-space:nowrap}.pie-resize-label{font-size:10px;font-weight:700;color:var(--text-dim,#888);line-height:1.2}.pie-resize-quick-row{display:flex;align-items:stretch;gap:4px;margin-top:20px;height:26px}.pie-resize-quick-btn{flex:1;height:100%;padding:0 2px;font-size:10px;border-radius:4px;border:2px solid var(--text-dim,#888);background:#fff0;color:var(--text,#ccc);cursor:pointer}.pie-resize-quick-btn:hover{border-color:var(--accent,#4285F4);color:var(--accent,#4285F4)}.pie-resize-slider-row{display:flex;align-items:center;gap:5px;margin-top:14px;height:26px}.pie-resize-slider-row input[type="range"]{flex:1;height:4px}.pie-resize-step-btn{width:20px;height:20px;flex:0 0 auto;border-radius:50%;border:2px solid var(--accent,#4285F4);background:var(--accent,#4285F4);color:#fff;cursor:pointer;font-size:13px;font-weight:900;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.pie-resize-step-btn:hover{background:#7c75ff;border-color:#7c75ff}.pie-resize-pct-val{flex:0 0 auto;min-width:32px;text-align:center;font-size:11px;font-weight:700}.pie-resize-dim-row{display:flex;align-items:flex-end;gap:6px}.pie-resize-dim-field{flex:1;display:flex;flex-direction:column;gap:1px}.pie-resize-dim-input-wrap{position:relative;display:block}.pie-resize-dim-field input[type="number"]{width:100%;height:28px;padding:0 30px 0 5px;font-size:11px;border-radius:4px;border:1.5px solid var(--text-dim,#888);background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#ccc);box-sizing:border-box;-moz-appearance:textfield;appearance:textfield}.pie-resize-dim-field input[type="number"]::-webkit-outer-spin-button,.pie-resize-dim-field input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pie-resize-dim-unit{position:absolute;right:8px;top:50%;transform:translateY(-50%);line-height:1;font-size:10px;font-weight:700;color:var(--text-dim,#888);pointer-events:none}.pie-resize-preset-row{display:flex;align-items:stretch;gap:4px;height:26px}.pie-resize-preset-btn{flex:1;height:100%;padding:0 2px;font-size:10px;border-radius:4px;border:1px solid var(--panel-border,#444);background:#fff0;color:var(--text,#ccc);cursor:pointer}.pie-resize-preset-btn:hover{border-color:var(--accent,#4285F4);color:var(--accent,#4285F4)}.pie-resize-type-group{display:flex;flex-direction:column;gap:2px}.pie-resize-type-opt{display:flex;align-items:flex-start;gap:5px;font-size:10px;line-height:1.15;color:var(--text,#ccc);cursor:pointer}.pie-resize-type-opt input[type="radio"]{margin:1px 0 0;flex:0 0 auto;width:11px;height:11px;accent-color:var(--accent,#4285F4)}.pie-resize-toggle-row{display:flex;align-items:center;height:28px}.pie-resize-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 6px;font-size:10px;border-radius:4px;border:1px solid var(--panel-border,#444);background:#fff0;color:var(--text-dim,#888);cursor:pointer;position:relative}.pie-resize-toggle-btn::after{content:'';width:22px;height:12px;border-radius:7px;background:var(--panel-border,#444);flex:0 0 auto;position:relative;transition:background .15s}.pie-resize-toggle-btn::before{content:'';position:absolute;right:12px;top:50%;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(0,-50%);transition:right .15s}.pie-resize-toggle-btn.is-active{color:var(--text,#ccc)}.pie-resize-toggle-btn.is-active::after{background:var(--accent,#4285F4)}.pie-resize-toggle-btn.is-active::before{right:7px}.pie-resize-status{font-size:11px;text-align:center;color:var(--text,#ccc);font-weight:700;background:var(--panel-bg-alt,rgb(255 255 255 / .04));border-radius:4px;height:26px;line-height:26px}.pie-resize-apply-btn{width:100%;height:34px;padding:0 8px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-retouch-panel{display:flex;flex-direction:column;gap:8px}.pie-retouch-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-retouch-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-retouch-label-row{display:flex;align-items:center;justify-content:space-between}.pie-retouch-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-retouch-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-retouch-section select{display:block;width:100%;height:28px;margin-top:4px;padding:0 6px;font-size:11px;border-radius:4px;border:1.5px solid var(--text-dim,#888);background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#ccc);box-sizing:border-box}.pie-retouch-divider{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim,#888);border-top:1px solid var(--panel-border,#444);padding-top:5px;margin-top:2px}.pie-retouch-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-retouch-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-retouch-overlay.is-active{display:block}.pie-retouch-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-rotate-panel{padding:6px;display:flex;flex-direction:column;gap:8px}.pie-rotate-section{border-bottom:1px solid var(--panel-border);padding-bottom:8px}.pie-rotate-section:last-of-type{border-bottom:none;padding-bottom:0}.pie-rotate-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px;display:block;font-weight:600}.pie-rotate-btns{display:flex;gap:6px}.pie-rotate-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:8px 6px;border-radius:var(--rs);background:var(--panel-surface);border:1px solid var(--panel-border);color:var(--text-dim);font-size:.72rem;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--tr)}.pie-rotate-btn svg{width:18px;height:18px;fill:none;stroke:currentColor}.pie-rotate-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--nav-surface)}.pie-rotate-slider-row{display:flex;align-items:center;gap:8px}.pie-rotate-min,.pie-rotate-max{font-size:.65rem;font-family:'DM Mono',monospace;color:var(--text-dimmer);flex-shrink:0}#pieRotateAngle{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--panel-border);border-radius:4px;cursor:pointer}#pieRotateAngle::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer}#pieRotateAngle::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.pie-rotate-angle-val{margin-top:6px;text-align:center;font-size:.8rem;font-weight:700;font-family:'DM Mono',monospace;color:var(--accent)}.pie-rotate-flip-btn{width:100%;display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:6px;border-radius:var(--rs);background:var(--panel-surface);border:1px solid var(--panel-border);color:var(--text);font-family:inherit;text-align:left;cursor:pointer;transition:var(--tr);min-height:34px}.pie-rotate-flip-btn:last-child{margin-bottom:0}.pie-rotate-flip-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;flex-shrink:0;color:var(--text-dim)}.pie-rotate-flip-btn strong{flex:1;font-size:.8rem;font-weight:700;color:var(--text)}.pie-rotate-flip-btn:hover{border-color:var(--accent);background:var(--nav-surface)}.pie-rotate-flip-btn:hover svg{color:var(--accent)}@media (prefers-reduced-motion:reduce){.pie-rotate-btn,.pie-rotate-flip-btn{transition:none}}@media (forced-colors:active){.pie-rotate-btn,.pie-rotate-flip-btn{border:2px solid ButtonText}}.pie-seamless-panel{padding:6px;display:flex;flex-direction:column;gap:10px}.pie-seamless-section{padding-bottom:4px}.pie-seamless-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px;display:block;font-weight:600}.pie-seamless-section-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text);margin-bottom:10px}.pie-seamless-toggle-row{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.pie-seamless-toggle-btn{flex:1;min-width:100px;padding:8px;border-radius:var(--rs);background:var(--panel-surface);border:1px solid var(--panel-border);color:var(--text-dim);font-size:.72rem;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--tr)}.pie-seamless-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.pie-seamless-toggle-btn.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.pie-seamless-method-desc{font-size:.7rem;line-height:1.5;color:var(--text-dim);margin:0}.pie-seamless-slider-row{display:flex;align-items:center;gap:10px}.pie-seamless-slider-row input[type="range"]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--panel-border);border-radius:4px;cursor:pointer}.pie-seamless-slider-row input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer}.pie-seamless-slider-row input[type="range"]::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.pie-seamless-val{min-width:40px;text-align:right;font-family:'DM Mono',monospace;font-size:.8rem;font-weight:700;color:var(--accent);flex-shrink:0}.pie-seamless-btn{min-height:44px;padding:8px 16px;border-radius:var(--rs);font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--tr);border:none;background:var(--accent);color:#fff;font-family:inherit}.pie-seamless-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.pie-seamless-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.pie-seamless-status{font-size:.7rem;color:var(--text-dim);font-family:'DM Mono',monospace;padding:6px;background:var(--panel-surface);border-radius:var(--rs);text-align:center;min-height:1.4em}.pie-seamless-toggle{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text);cursor:pointer}.pie-seamless-toggle input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.pie-seamless-overlay{position:absolute;z-index:55;pointer-events:none}@media (prefers-reduced-motion:reduce){.pie-seamless-btn{transition:none}}.pie-textedit-panel{display:flex;flex-direction:column;gap:8px}.pie-textedit-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-textedit-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-textedit-tab-row{display:flex;gap:4px;background:var(--panel-bg-alt,rgb(255 255 255 / .04));border-radius:5px;padding:2px;height:30px}.pie-textedit-tab-btn{flex:1;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:700;border:none;border-radius:4px;background:#fff0;color:var(--text-dim,#888);cursor:pointer}.pie-textedit-tab-btn.is-active{background:var(--accent,#4285F4);color:#fff}.pie-textedit-tab-btn-effects{border:2px solid var(--accent,#4285F4)}.pie-textedit-tab-btn-effects.is-active{border-color:#fff0}.pie-textedit-tab-btn-icon{display:inline-block;font-family:Georgia,'Times New Roman',serif;font-weight:800;font-size:15px;line-height:1;color:#000;text-shadow:1px 2px 2px rgb(0 0 0 / .85);flex-shrink:0}.pie-textedit-tabpanel{display:flex;flex-direction:column;gap:8px}.pie-textedit-tabpanel[hidden]{display:none}.pie-textedit-slider-2col{display:flex;gap:10px}.pie-textedit-mini-slider{flex:1;display:flex;flex-direction:column;gap:2px}.pie-textedit-direction-select{height:24px;padding:0 4px;font-size:13px;border-radius:4px;border:1.5px solid var(--text-dim,#888);background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#ccc)}.pie-textedit-tile-btn{width:100%;height:28px;font-size:11px;font-weight:700;border-radius:4px;border:1.5px solid var(--panel-border,#444);background:#fff0;color:var(--text,#ccc);cursor:pointer}.pie-textedit-tile-btn[aria-checked="true"]{background:var(--accent,#4285F4);border-color:var(--accent,#4285F4);color:#fff}.pie-textedit-effect-group{display:flex;flex-direction:column;gap:4px}.pie-textedit-effect-opt{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text,#ccc);cursor:pointer;padding:5px 7px;border-radius:4px;border:1.5px solid var(--panel-border,#444)}.pie-textedit-effect-opt:has(input:checked){border-color:var(--accent,#4285F4);color:var(--accent,#4285F4)}.pie-textedit-effect-opt input{accent-color:var(--accent,#4285F4)}.pie-textedit-label-row{display:flex;align-items:center;justify-content:space-between}.pie-textedit-add-btn{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;border:1.5px solid var(--accent,#4285F4);background:#fff0;color:var(--accent,#4285F4);cursor:pointer}.pie-textedit-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-textedit-textarea{width:100%;height:50px;margin-top:4px;padding:6px 8px;font-size:12px;border-radius:5px;border:1.5px solid var(--text-dim,#888);background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#ccc);box-sizing:border-box;resize:vertical}.pie-textedit-row-2{display:flex;gap:8px}.pie-textedit-field{flex:1;display:flex;flex-direction:column;gap:3px}.pie-textedit-field-color{flex:0 0 60px}.pie-textedit-field select{height:28px;padding:0 4px;font-size:11px;border-radius:4px;border:1.5px solid var(--text-dim,#888);background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#ccc)}.pie-textedit-field input[type="color"]{height:28px;width:100%;padding:0;border-radius:4px;border:1.5px solid var(--text-dim,#888);background:none;cursor:pointer}.pie-textedit-toggle-row{display:flex;align-items:center;gap:6px}.pie-textedit-style-btn{width:28px;height:28px;border-radius:4px;border:1.5px solid var(--panel-border,#444);background:#fff0;color:var(--text,#ccc);cursor:pointer}.pie-textedit-style-btn[aria-pressed="true"]{background:var(--accent,#4285F4);border-color:var(--accent,#4285F4);color:#fff}.pie-textedit-align-group{display:flex;gap:4px;margin-left:auto}.pie-textedit-align-btn{width:28px;height:28px;border-radius:4px;border:1.5px solid var(--panel-border,#444);background:#fff0;color:var(--text,#ccc);cursor:pointer;font-size:12px}.pie-textedit-align-btn.is-active{background:var(--accent,#4285F4);border-color:var(--accent,#4285F4);color:#fff}.pie-textedit-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-textedit-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-textedit-overlay.is-active{display:block}.pie-textedit-frame{position:absolute;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:move;outline:1px dashed rgb(255 255 255 / .55)}.pie-textedit-frame.is-selected{outline:2px solid var(--accent,#4285F4)}.pie-textedit-frame-text{width:100%;height:100%;overflow:hidden;white-space:pre-wrap;outline:none;cursor:text;user-select:text}.pie-textedit-handle{position:absolute;width:10px;height:10px;background:var(--accent,#4285F4);border:1.5px solid #fff;border-radius:2px;display:none}.pie-textedit-frame.is-selected .pie-textedit-handle{display:block}.pie-textedit-handle-nw{top:-5px;left:-5px;cursor:nwse-resize}.pie-textedit-handle-ne{top:-5px;right:-5px;cursor:nesw-resize}.pie-textedit-handle-sw{bottom:-5px;left:-5px;cursor:nesw-resize}.pie-textedit-handle-se{bottom:-5px;right:-5px;cursor:nwse-resize}.pie-thermal-panel{display:flex;flex-direction:column;gap:8px}.pie-thermal-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-thermal-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-thermal-mode-group{display:flex;flex-direction:column;gap:5px}.pie-thermal-mode-opt{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text,#ccc);cursor:pointer;padding:5px 8px;border-radius:6px;border:1.5px solid var(--panel-border,#444)}.pie-thermal-mode-opt:has(input:checked){border-color:var(--accent,#4285F4);color:var(--accent,#4285F4)}.pie-thermal-mode-opt input[type="radio"]{width:14px;height:14px;accent-color:var(--accent,#4285F4)}.pie-thermal-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-thermal-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-thermal-overlay.is-active{display:block}.pie-thermal-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-tiltshift-panel{padding:6px;display:flex;flex-direction:column;gap:8px}.pie-tiltshift-section{padding-bottom:4px}.pie-tiltshift-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:4px;display:block;font-weight:600}.pie-tiltshift-slider-row{display:flex;align-items:center;gap:8px}.pie-tiltshift-slider-row input[type="range"]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--panel-border);border-radius:4px;cursor:pointer}.pie-tiltshift-slider-row input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}.pie-tiltshift-slider-row input[type="range"]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.pie-tiltshift-val{min-width:40px;text-align:right;font-family:'DM Mono',monospace;font-size:.72rem;font-weight:700;color:var(--accent);flex-shrink:0}.pie-tiltshift-btn{min-height:40px;padding:8px 16px;border-radius:var(--rs);font-size:.8rem;font-weight:700;cursor:pointer;transition:var(--tr);border:none;background:var(--accent);color:#fff;font-family:inherit}.pie-tiltshift-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.pie-tiltshift-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.pie-tiltshift-status{font-size:.68rem;color:var(--text-dim);font-family:'DM Mono',monospace;padding:4px;background:var(--panel-surface);border-radius:var(--rs);text-align:center;min-height:1.1em}.pie-tiltshift-overlay{position:absolute;z-index:55;pointer-events:none}@media (prefers-reduced-motion:reduce){.pie-tiltshift-btn{transition:none}}.pie-tvglitch-panel{display:flex;flex-direction:column;gap:8px}.pie-tvglitch-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-tvglitch-label{font-size:11px;font-weight:700;color:var(--text-dim,#888)}.pie-tvglitch-label-row{display:flex;align-items:center;justify-content:space-between}.pie-tvglitch-val{font-size:12px;font-weight:900;color:var(--text,#ccc)}.pie-tvglitch-section input[type="range"]{display:block;width:100%;box-sizing:border-box;margin-top:4px}.pie-tvglitch-apply-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-tvglitch-overlay{position:absolute;inset:0;pointer-events:none;display:none}.pie-tvglitch-overlay.is-active{display:block}.pie-tvglitch-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pie-viewinfo-panel{display:flex;flex-direction:column;gap:8px}.pie-viewinfo-tagline{font-size:.74rem;color:var(--text-dim,#888);margin:0;line-height:1.3}.pie-viewinfo-choose-btn{width:100%;height:34px;font-size:12px;font-weight:700;border-radius:5px;border:1px solid var(--panel-border,#444);background:var(--accent,#4285F4);color:#fff;cursor:pointer}.pie-viewinfo-status{display:block;font-size:11px;text-align:center;color:var(--text-dim,#888)}.pie-viewinfo-doc{display:none;width:100%;height:100%;overflow-y:auto;box-sizing:border-box;padding:24px;background:var(--ws-bg,#1a1a1a)}.pie-viewinfo-doc.is-active{display:block;min-height:400px}.pie-viewinfo-dropzone{max-width:480px;margin:10vh auto 0;padding:48px 24px;text-align:center;border:3px dashed var(--accent,#4285F4);border-radius:12px;color:var(--text-dim,#888);font-size:.95rem;cursor:pointer}.pie-viewinfo-dropzone.is-dragover{color:var(--accent,#4285F4)}.pie-viewinfo-report{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.pie-viewinfo-success{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:rgb(34 197 94 / .12);border:1px solid #22c55e;color:#22c55e;font-weight:700;font-size:.95rem}.pie-viewinfo-table-wrap{border:1px solid var(--panel-border,#444);border-radius:8px;overflow:hidden}.pie-viewinfo-table-head{padding:10px 16px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;background:var(--panel-bg-alt,rgb(255 255 255 / .04));color:var(--text,#eee);border-bottom:1px solid var(--panel-border,#444)}.pie-viewinfo-table{width:100%;border-collapse:collapse}.pie-viewinfo-table tr{border-bottom:1px solid rgb(255 255 255 / .06)}.pie-viewinfo-table tr:last-child{border-bottom:none}.pie-viewinfo-table td{padding:8px 16px;font-size:.85rem;vertical-align:top}.pie-viewinfo-table td:first-child{width:220px;font-weight:600;color:var(--text-dim,#aaa)}.pie-viewinfo-table td:last-child{color:var(--text,#eee);font-family:'DM Mono',monospace;word-break:break-word}.pie-viewinfo-another-btn{align-self:flex-start;padding:8px 16px;font-size:.8rem;font-weight:700;border-radius:6px;border:1px solid var(--accent,#4285F4);background:#fff0;color:var(--accent,#4285F4);cursor:pointer}:root{--nav-bg:#0f1117;--nav-surface:#161b27;--nav-border:#1e2535;--panel-bg:#1a1614;--panel-surface:#221e1b;--panel-border:#2e2820;--ws-bg:#111010;--header-bg:#0a0c12;--text:#e6e4f0;--text-dim:#9d9db8;--text-dimmer:#8a8aae;--nav-idle:#ffffff;--accent:#5b52f0;--accent-text:#8b84ff;--accent-glow:rgba(108,99,255,.22);--warn:#fbbf24;--danger:#f87171;--r:12px;--rs:8px;--tr:.2s cubic-bezier(.4,0,.2,1);--canvas-max-w:clamp(205px, 35.2vw, 896px);--canvas-max-h:clamp(253px, 57.5vh, 920px);--sidebar-w:220px;--header-h:106px}body.light{--nav-bg:#eef2ff;--nav-surface:#ffffff;--nav-border:#cbd5e1;--panel-bg:#f8fafc;--panel-surface:#ffffff;--panel-border:#e2e8f0;--ws-bg:#f1f5f9;--header-bg:#ffffff;--text:#0f172a;--text-dim:#475569;--text-dimmer:#64748b;--nav-idle:#000000;--accent:#4f46e5;--accent-text:#4f46e5}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.skip-link{position:absolute;left:-9999px;top:4px;z-index:9999;background:var(--accent);color:#fff;padding:8px 16px;border-radius:4px;font-family:'Syne',sans-serif;font-weight:700;font-size:.9rem;text-decoration:none}.skip-link:focus{left:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{font-family:'Syne',sans-serif;background:var(--ws-bg);color:var(--text);min-height:100vh;overflow-x:hidden;transition:background .25s,color .2s}.main-container{max-width:1600px;width:100%;margin:0 auto;display:flex;flex-direction:column;min-height:100vh}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:#fff}button svg:not(.nav-cat-sparkles):not(.nav-cat-wrench):not(.pie-icon-letter-a):not(.pie-textedit-add-btn-icon):not(.pie-textedit-tab-btn-icon),.toolbar-btn svg,.download-btn svg{fill:none!important;fill-opacity:0!important;background:transparent!important}.nav-cat-sparkles path{fill-opacity:1!important}.toolbar-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:3;overflow:visible;flex-shrink:0}.zoom-strip svg{width:16px;height:16px;stroke:var(--accent-text);stroke-width:2.5}header{background:var(--header-bg);border-bottom:3px solid var(--accent);position:sticky;top:0;z-index:200;display:flex;flex-direction:column}.header-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 20px 5px;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.site-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;line-height:1.5;overflow:visible}.logo-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:linear-gradient(135deg,#6c63ff,#c084fc);border-radius:8px;flex-shrink:0}.logo-mark svg{width:18px;height:18px;stroke:#fff!important;fill:none!important;stroke-width:2!important}.logo-text{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:1.8rem;line-height:1.3;display:inline-block;padding:.05em 0 .15em;overflow:visible;font-weight:800;letter-spacing:normal;color:var(--accent-text)}@media (forced-colors:active){.logo-text{-webkit-text-fill-color:LinkText;color:LinkText;background:none}}.theme-toggle{background:var(--nav-surface);border:2px solid var(--accent);border-radius:30px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tr);flex-shrink:0}.theme-toggle svg{width:18px;height:18px;fill:none}.icon-btn{background:#fff0;border:2px solid var(--accent);border-radius:30px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tr);flex-shrink:0;color:var(--text);text-decoration:none;padding:0;font-family:inherit}.icon-btn.blog-btn{width:auto;padding:0 16px;font-family:'Syne',sans-serif;font-size:.85rem;font-weight:700;white-space:nowrap}.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;overflow:visible}.icon-btn:hover:not(:disabled){background:#4b42dc;border-color:#4b42dc;color:#fff}.icon-btn:disabled{opacity:.5;cursor:not-allowed;background:#fff0;color:var(--text-dim);border-color:var(--nav-border)}.icon-btn.reset{background:#3a3f4b;border-color:#3a3f4b;color:#fff}.icon-btn.reset:active{background:#565c6b;border-color:#565c6b}.icon-btn.undo{background:#a855f7;border-color:#a855f7;color:#fff}.icon-btn.undo:active{background:#c084fc;border-color:#c084fc}.icon-btn.redo{background:#f59e0b;border-color:#f59e0b;color:#fff}.icon-btn.redo:active{background:#fbbf24;border-color:#fbbf24}.icon-btn.trash{background:#ef4444;border-color:#ef4444;color:#fff}.icon-btn.trash:active{background:#f87171;border-color:#f87171}.icon-btn.lang-trigger{gap:0;padding:0;min-height:36px}.icon-btn.lang-trigger .lang-native,.icon-btn.lang-trigger .lang-chevron{display:none}.icon-btn.lang-trigger .lang-flag{font-size:1.15rem}.icon-btn.lang-trigger:hover,.icon-btn.lang-trigger[aria-expanded="true"]{background:#4b42dc;color:#fff;border-color:#4b42dc}.theme-toggle .sun-icon{stroke:#fbbf24;display:block}.theme-toggle .moon-icon{stroke:#000;fill:#1a1a2e;display:none}body.light .theme-toggle .sun-icon{display:none}body.light .theme-toggle .moon-icon{display:block}.header-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex:1;min-width:0}.header-buttons-center{flex:1;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:8px;background:var(--nav-surface);border:2px solid var(--accent);border-radius:40px;padding:4px 8px 4px 16px}.search-field input{background:#fff0;border:none;color:var(--text);font-size:.9rem;padding:7px 0;outline:none;width:200px;font-family:'Syne',sans-serif}.search-field input::placeholder{color:var(--text-dimmer)}.search-field button{background:var(--accent);border:none;border-radius:30px;padding:6px 16px;color:#fff;font-weight:600;cursor:pointer;transition:var(--tr);font-family:'Syne',sans-serif;font-size:.8rem}.search-field button:hover{background:#4b42dc}.download-btn{background:var(--accent);color:#fff;border:2px solid var(--accent);padding:9px 22px;border-radius:36px;font-family:'Syne',sans-serif;font-size:.92rem;font-weight:700;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.download-btn svg{width:18px;height:18px;stroke:#fff;stroke-width:2.5}.download-btn:hover{background:#4b42dc}.download-btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.header-bottom{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;flex-wrap:wrap;border-top:1px solid var(--nav-border);max-width:100%;box-sizing:border-box}.toolbar-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px!important;border-radius:30px;font-family:'Syne',sans-serif;font-size:.75rem;font-weight:700;cursor:pointer;transition:var(--tr);white-space:nowrap;height:28px;line-height:1;margin:5px 0;border:3px solid #fff0;background:#fff0;flex-shrink:1;max-width:100%;box-sizing:border-box}.toolbar-btn:hover{transform:translateY(-1px)}.toolbar-btn.reset{color:var(--warn);border-color:var(--warn)}.toolbar-btn.reset:hover{background:var(--warn);color:#fff}.toolbar-btn.undo{color:#a855f7;border-color:#a855f7}.toolbar-btn.undo:hover{background:#a855f7;color:#fff}.toolbar-btn.redo{color:#f59e0b;border-color:#f59e0b}.toolbar-btn.redo:hover{background:#f59e0b;color:#fff}.toolbar-btn.trash{color:#ef4444;border-color:#ef4444}.toolbar-btn.trash:hover{background:#ef4444;color:#fff}.zoom-strip-row{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 0}.share-wrap{position:relative}.share-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:120;min-width:160px;list-style:none;margin:0;padding:6px;background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:var(--rs);box-shadow:0 10px 30px rgb(0 0 0 / .35)}.share-menu[hidden]{display:none}.share-menu-item{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:6px;border:none;background:#fff0;color:var(--text);font-family:'Syne',sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;transition:var(--tr)}.share-menu-item:hover{background:var(--nav-surface);color:var(--accent-text)}.like-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.like-wrap .like-btn{width:22px;height:22px;border-width:1px}.like-wrap .like-btn svg{width:11px;height:11px}.like-count{font-family:'DM Mono',monospace;font-size:.7rem;font-weight:600;color:var(--text-dim);min-width:1em;text-align:center}.like-btn svg{transition:var(--tr)}.like-btn.like-pop{animation:pie-like-pop .35s ease}@keyframes pie-like-pop{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}.zoom-download-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;font-size:.82rem}.icon-btn.trash-x{background:#ef4444;border-color:#ef4444;color:#fff}.icon-btn.trash-x:active{background:#f87171;border-color:#f87171}.zoom-strip{display:flex;align-items:center;gap:6px;background:var(--nav-surface);padding:4px 12px;border-radius:30px;border:2px solid var(--accent)}.zoom-strip .zoom-label{font-size:.72rem;font-family:'Syne',sans-serif;font-weight:600;color:var(--text-dim)}.zoom-strip .zoom-val{font-size:.75rem;font-family:'DM Mono',monospace;font-weight:600;color:var(--accent-text);min-width:38px;text-align:right}.zoom-step-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;padding:0;border:1px solid var(--panel-border);border-radius:50%;background:var(--panel-surface);color:var(--text-dim);font-size:.85rem;line-height:1;font-weight:700;cursor:pointer;transition:var(--tr)}.zoom-step-btn:hover{border-color:var(--accent);color:var(--accent-text);background:var(--nav-surface)}#zoomSlider{width:130px;height:7px;-webkit-appearance:none;appearance:none;background:#4a4a6a;border-radius:4px;cursor:pointer}body.light #zoomSlider{background:#cbd5e1}#zoomSlider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}#zoomSlider::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;border:none;cursor:pointer}input[type="range"]:not(#zoomSlider){width:100%;height:7px;-webkit-appearance:none;appearance:none;background:#4a4a6a;border-radius:4px;cursor:pointer}body.light input[type="range"]:not(#zoomSlider){background:#cbd5e1}input[type="range"]:not(#zoomSlider)::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}input[type="range"]:not(#zoomSlider)::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;border:none;cursor:pointer}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr 340px;align-items:start;flex:1}.icon-nav{background:var(--nav-bg);border-right:1px solid var(--nav-border);position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;overflow-x:hidden;padding:10px 10px 16px;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:var(--accent) #fff0}.icon-nav::-webkit-scrollbar{width:3px}.icon-nav::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.icon-nav ul.menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;width:100%}.icon-nav ul.menu li{width:100%}.nav-section-label{font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dimmer);padding:12px 12px 4px;pointer-events:none;user-select:none}.nav-divider{height:1px;background:var(--nav-border);margin:6px 8px}.icon-nav ul.menu li.nav-separator{pointer-events:none}.nav-category-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 2px 10px}.nav-category-btn{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;border-radius:10px;background:var(--panel-surface);border:1px solid var(--panel-border);cursor:pointer;transition:var(--tr);min-width:0;overflow:hidden}.nav-category-btn:hover{border-color:var(--accent)}.nav-category-btn.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.nav-category-btn svg{width:22px;height:22px;flex-shrink:0}.nav-category-btn span:last-child{font-size:.58rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.nav-category-btn.is-active span:last-child{color:var(--text)}.nav-cat-sparkles{overflow:visible}.nav-subcategory-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 2px 10px}.nav-subcategory-buttons.hidden{display:none}.nav-subcategory-btn{height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--panel-surface);border:1px solid var(--panel-border);cursor:pointer;transition:var(--tr);font-size:.62rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.nav-subcategory-btn:hover{border-color:var(--accent)}.nav-subcategory-btn.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--text)}.nav-cat-colorwheel{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:conic-gradient(from 0deg,#ef4444,#f59e0b,#eab308,#22c55e,#06b6d4,#3b82f6,#a855f7,#ec4899,#ef4444);border:2px solid #fff;box-shadow:0 0 0 1px rgb(0 0 0 / .15)}.nav-category-btn[data-category="tools"]{background:#fff0;color:var(--accent-text)}.nav-category-btn[data-category="tools"] span:last-child{color:var(--text-dim)}.nav-category-btn[data-category="tools"].is-active span:last-child{color:var(--text)}.nav-cat-sparkles{width:41px!important;height:41px!important}.nav-group{display:flex;flex-direction:column;gap:1px;width:100%}.nav-group[hidden]{display:none}.nav-btn[hidden]{display:none}.nav-btn{position:relative;display:flex;align-items:center;gap:7px;padding:0 10px;border-radius:8px;cursor:pointer;border:none;background:#fff0;transition:var(--tr);width:100%;font-family:'Syne',sans-serif;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;color:var(--nav-idle);min-height:35px;padding-top:4px;padding-bottom:4px}.nav-btn .nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:15px;height:15px;color:var(--tc,var(--nav-idle))}.nav-btn .nav-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.nav-btn .nav-thumb{width:26px;height:26px;border-radius:5px;object-fit:cover;flex-shrink:0;border:1px solid var(--nav-border)}.nav-btn .nav-label{flex:1;text-align:left;color:var(--nav-idle);line-height:1.2}.nav-thumb-preview-float{position:fixed;display:none;z-index:1000;border:2px solid var(--accent);border-radius:8px;overflow:hidden;background:var(--nav-surface);box-shadow:0 6px 20px rgb(0 0 0 / .45);pointer-events:none}.nav-thumb-preview-float.is-visible{display:block}.nav-thumb-preview-float img{display:block;width:130px;height:130px;object-fit:cover}.nav-btn:hover{background:var(--accent);color:#fff}.nav-btn:hover .nav-label{color:#fff}.nav-btn.active,.icon-nav .current-menu-item>.nav-btn,.icon-nav .current_page_item>.nav-btn{background:var(--nav-surface);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-text)}.nav-btn.active .nav-label,.icon-nav .current-menu-item>.nav-btn .nav-label,.icon-nav .current_page_item>.nav-btn .nav-label{color:var(--accent-text)}.icon-nav .tool-crop>.nav-btn{--tc:#f472b6}.icon-nav .tool-rotate>.nav-btn{--tc:#a3e635}.icon-nav .tool-bgremove>.nav-btn{--tc:#2dd4bf}.icon-nav .tool-quality>.nav-btn{--tc:#fde047}.nav-btn[data-panel="crop"]{--tc:#f472b6}.nav-btn[data-panel="rotate"]{--tc:#a3e635}.nav-btn[data-panel="bgremove"]{--tc:#2dd4bf}.nav-btn[data-panel="quality"]{--tc:#fde047}.icon-nav [class*="tool-"]>.nav-btn .nav-icon{color:var(--tc,var(--accent-text))}.icon-nav [class*="tool-"]>.nav-btn.active,.icon-nav [class*="tool-"].current-menu-item>.nav-btn,.icon-nav [class*="tool-"].current_page_item>.nav-btn{box-shadow:inset 0 0 0 1px var(--tc,var(--accent));color:var(--tc,var(--accent-text))}.icon-nav [class*="tool-"]>.nav-btn.active .nav-label,.icon-nav [class*="tool-"].current-menu-item>.nav-btn .nav-label,.icon-nav [class*="tool-"].current_page_item>.nav-btn .nav-label{color:var(--tc,var(--accent-text))}.workspace{display:flex;flex-direction:column;background:var(--ws-bg);min-height:100%;min-width:0}.ws-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:8px 18px;background:var(--ws-bg);border-bottom:1px solid var(--panel-border);font-size:.75rem;position:sticky;top:var(--header-h);z-index:10}#statusText{flex-shrink:0}.ws-image-info{flex:1;justify-content:center;min-width:0;overflow:hidden}#zoomInfo{flex-shrink:0}.canvas-wrapper{display:flex;align-items:flex-start;justify-content:flex-start;position:relative;background-color:#0e0d0d;background-image:linear-gradient(45deg,rgb(255 255 255 / .05) 25%,transparent 25%),linear-gradient(-45deg,rgb(255 255 255 / .05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(255 255 255 / .05) 75%),linear-gradient(-45deg,transparent 75%,rgb(255 255 255 / .05) 75%),radial-gradient(ellipse at 40% 50%,#161210 0%,#0e0d0d 100%);background-size:16px 16px,16px 16px,16px 16px,16px 16px,100% 100%;background-position:0 0,0 8px,8px -8px,-8px 0,0 0;width:100%;height:var(--canvas-max-h);max-height:var(--canvas-max-h);min-width:0;box-sizing:border-box;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--accent) var(--panel-surface)}.canvas-wrapper::-webkit-scrollbar{width:10px;height:10px}.canvas-wrapper::-webkit-scrollbar-track{background:var(--panel-surface)}.canvas-wrapper::-webkit-scrollbar-thumb{background:var(--accent);border-radius:6px}.canvas-wrapper::-webkit-scrollbar-thumb:hover{background:#4b42dc}body.light .canvas-wrapper{background-color:#d0d4e8;background-image:linear-gradient(45deg,rgb(0 0 0 / .06) 25%,transparent 25%),linear-gradient(-45deg,rgb(0 0 0 / .06) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(0 0 0 / .06) 75%),linear-gradient(-45deg,transparent 75%,rgb(0 0 0 / .06) 75%),radial-gradient(ellipse at 40% 50%,#e8eaf6 0%,#d0d4e8 100%);background-size:16px 16px,16px 16px,16px 16px,16px 16px,100% 100%;background-position:0 0,0 8px,8px -8px,-8px 0,0 0}.canvas-container{position:relative;box-shadow:0 8px 40px rgb(0 0 0 / .6),0 0 0 1px #2a2a2a;border-radius:8px;display:inline-block;margin:20px}#mainCanvas{display:block;cursor:crosshair;max-width:var(--canvas-max-w);max-height:var(--canvas-max-h);width:auto;height:auto;transition:width .2s ease,height .2s ease}.drop-zone{position:absolute;inset:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgb(10 10 14 / .93);backdrop-filter:blur(12px);z-index:20;border-radius:16px;border:2px dashed var(--accent);text-align:center;padding:20px;overflow:hidden}body.light .drop-zone{background:rgb(248 250 255 / .96)}.drop-zone.hidden{display:none}.drop-zone h3,.drop-zone .dz-title{font-size:.98rem;font-weight:700}.drop-zone p{font-size:.78rem;color:var(--text-dim)}.drop-zone-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.upload-btn{padding:11px 26px;background:var(--accent);color:#fff;border-radius:50px;font-weight:700;border:none;cursor:pointer;font-size:.92rem;transition:transform .2s ease,background .2s ease;font-family:'Syne',sans-serif}.upload-btn:hover{transform:translateY(-2px);background:#4b42dc}.upload-btn.secondary{background:var(--panel-surface);color:var(--text);border:1px solid var(--nav-border)}.upload-btn.secondary:hover{background:var(--nav-surface)}.url-input-row{display:flex;gap:8px;width:100%;max-width:400px}.url-input-row input{flex:1;padding:9px 14px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:50px;color:var(--text);font-size:.82rem;outline:none;font-family:'Syne',sans-serif}.url-input-row input:focus{border-color:var(--accent)}.article-area{background:var(--panel-bg);border-top:1px solid var(--panel-border);padding:28px 28px 36px}.article-area h2.article-title,.article-area h3{font-size:.9rem;color:var(--accent-text);margin-bottom:12px;font-weight:700}.article-content p{margin-bottom:8px;line-height:1.55;color:var(--text-dim);font-size:.82rem}.tool-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.tool-card{background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:var(--r);padding:18px 16px 16px;display:flex;flex-direction:column;gap:8px;transition:var(--tr);text-decoration:none;color:inherit;cursor:pointer}.tool-card:hover{border-color:var(--tc,var(--accent));transform:translateY(-2px)}.pie-icon-letter-a{filter:drop-shadow(1px 2px 1.5px rgb(0 0 0 / .9))}.tool-card.tool-textedit{border-color:var(--tc,#60a5fa)}.icon-nav .tool-textedit>.nav-btn,.nav-btn[data-panel="textedit"]{box-shadow:inset 0 0 0 1px var(--tc,#60a5fa)}.tool-card-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgb(108 99 255 / .12);color:var(--tc,var(--accent-text));flex-shrink:0}.tool-card-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tool-card-icon img{width:22px;height:22px;object-fit:cover;border-radius:4px}.tool-card-title{font-size:.85rem;font-weight:700;color:var(--text)}.tool-card-desc{font-size:.75rem;color:var(--text-dim);line-height:1.4}.tool-card.tool-crop{--tc:#f472b6}.tool-card.tool-rotate{--tc:#a3e635}.tool-card.tool-bgremove{--tc:#2dd4bf}.tool-card.tool-quality{--tc:#fde047}.pie-page-title{margin:0;padding:14px 28px 6px;font-size:1.5rem;line-height:1.25;font-weight:700;text-align:center;color:var(--text)}.workspace-content{padding:24px 28px 32px;font-size:.88rem;color:var(--text-dim);line-height:1.65;border-top:1px solid var(--panel-border)}.workspace-content h1,.workspace-content h2,.workspace-content h3{color:var(--text);margin-bottom:10px;margin-top:22px}.workspace-content p{margin-bottom:12px}.right-panel{background:var(--panel-bg);border-left:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);display:flex;flex-direction:column;position:sticky;top:var(--header-h);max-height:350px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--panel-border) #fff0}.pie-help{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;flex-shrink:0;background:var(--panel-border);color:var(--text-dim);font-size:.62rem;font-weight:700;line-height:1;cursor:help;position:relative}.pie-help:hover,.pie-help:focus-visible{background:var(--accent);color:#fff;outline:none}.pie-help:hover::after,.pie-help:focus-visible::after{content:attr(data-tip);position:absolute;left:50%;bottom:130%;transform:translateX(-50%);width:190px;max-width:60vw;background:var(--panel-surface);color:var(--text);border:1px solid var(--panel-border);border-radius:6px;padding:7px 9px;font-size:.68rem;font-weight:400;line-height:1.35;box-shadow:0 6px 18px rgb(0 0 0 / .35);z-index:100;text-align:left;white-space:normal}.right-panel::-webkit-scrollbar{width:3px}.right-panel::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:3px}.ws-image-info{display:none;align-items:center;gap:14px}.ws-image-info.visible{display:flex}.ws-info-item{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.info-lbl{font-size:.6rem;color:var(--text-dimmer);text-transform:uppercase}.info-val{font-size:.75rem;font-weight:600;font-family:'DM Mono',monospace;color:var(--text)}.panel-content{flex:1;padding:8px}.tool-panel{display:none}.tool-panel.active{display:block}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;text-align:center;color:var(--text-dimmer)}.empty-state svg{opacity:.35}.empty-state h4{font-size:.9rem;color:var(--text-dim)}.empty-state p{font-size:.75rem;line-height:1.4}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--panel-border)}.panel-heading h3{display:none}.panel-heading p{font-size:.7rem;color:var(--text-dim)}.panel-heading .pie-help{margin-left:auto}[class*="pie-"][class*="-panel"]{gap:4px!important;padding:4px!important}[class*="pie-"][class*="-section"]{padding-bottom:3px!important;margin-bottom:0!important}[class*="pie-"][class*="-label"]{margin-bottom:3px!important;font-size:.58rem!important}[class*="pie-"][class*="-slider-row"]{margin-bottom:0!important;gap:6px!important}[class*="pie-"][class*="-val"]{font-size:.68rem!important}[class*="pie-"][class*="-status"]{padding:3px!important;min-height:1.1em!important;font-size:1rem!important}[class*="pie-"][class*="-toggle-row"]{margin-bottom:4px!important;gap:5px!important}[class*="pie-"][class*="-toggle-btn"]{padding:5px 6px!important;font-size:.65rem!important}[class*="pie-"][class*="-toggle"]:not([class*="-toggle-btn"]):not([class*="-toggle-row"]){margin-bottom:4px!important}[class*="pie-"][class*="-btn"]:not([class*="-btn-row"]):not([class*="toggle-btn"]):not([class*="secondary"]){min-height:30px!important;padding:6px 14px!important}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--rs);font-size:.78rem;font-weight:600;cursor:pointer;transition:var(--tr);border:none;font-family:'Syne',sans-serif;min-height:38px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#4b42dc}.btn-ghost{background:var(--panel-surface);color:var(--text-dim);border:1px solid var(--panel-border)}.btn-ghost:hover{border-color:var(--accent);color:var(--text)}.btn-danger{background:rgb(248 113 113 / .15);color:var(--danger);border:1px solid rgb(248 113 113 / .3)}.btn-danger:hover{background:rgb(248 113 113 / .25)}.modal-bg{position:fixed;inset:0;background:rgb(0 0 0 / .85);z-index:1000;display:none;align-items:center;justify-content:center}.modal{background:var(--panel-bg);border-radius:var(--r);padding:28px 24px;max-width:420px;width:90%;text-align:center;border:1px solid var(--accent);color:var(--text)}.modal h3{font-size:1rem;margin-bottom:6px}.modal p{font-size:.85rem;color:var(--text-dim)}.format-buttons{display:flex;gap:10px;justify-content:center;margin:16px 0;flex-wrap:wrap}.format-btn{padding:8px 22px;background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:30px;cursor:pointer;font-size:.88rem;font-weight:600;transition:var(--tr);font-family:'Syne',sans-serif;color:var(--text);min-height:40px}.format-btn:hover{border-color:var(--accent);color:var(--accent-text)}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.search-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .85);z-index:2000;display:none;align-items:flex-start;justify-content:center;padding-top:80px}.search-overlay.open{display:flex}.search-box{background:var(--panel-bg);border:1px solid var(--accent);border-radius:var(--r);width:90%;max-width:560px;box-shadow:0 20px 60px rgb(0 0 0 / .5);overflow:hidden}.search-box-input{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--panel-border)}.search-box-input input{flex:1;background:#fff0;border:none;outline:none;color:var(--text);font-family:'Syne',sans-serif;font-size:1rem}.search-box-input input::placeholder{color:var(--text-dimmer)}.search-box-input svg{width:18px;height:18px;stroke:var(--accent-text);fill:none;stroke-width:2;flex-shrink:0}.search-results{max-height:360px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 18px;cursor:pointer;transition:background .15s;text-decoration:none;color:var(--text);border-bottom:1px solid var(--panel-border)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--nav-surface)}.search-result-icon{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:rgb(108 99 255 / .12);flex-shrink:0}.search-result-icon svg{width:16px;height:16px;fill:none;stroke:var(--accent-text);stroke-width:2}.search-result-icon img{width:20px;height:20px;border-radius:3px;object-fit:cover}.search-result-title{font-size:.88rem;font-weight:600}.search-result-desc{font-size:.72rem;color:var(--text-dim);margin-top:2px}.search-no-results{padding:24px;text-align:center;color:var(--text-dim);font-size:.85rem}.search-hint{padding:10px 18px;font-size:.7rem;color:var(--text-dimmer);border-top:1px solid var(--panel-border)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1e293b;backdrop-filter:blur(8px);border:1px solid var(--accent);border-radius:40px;padding:8px 22px;font-size:.82rem;color:#fff;opacity:0;transition:opacity .2s,transform .2s;z-index:1100;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translateX(-50%) translateY(-8px)}.mobile-nav{display:none}@media (max-width:1200px){:root{--sidebar-w:200px}.app{grid-template-columns:var(--sidebar-w) 1fr 240px}}@media (max-width:1000px){:root{--sidebar-w:180px}.app{grid-template-columns:var(--sidebar-w) 1fr 210px}.search-field input{width:140px}.tool-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:780px){.right-panel{display:none}.app{grid-template-columns:var(--sidebar-w) 1fr}.tool-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){:root{--sidebar-w:150px}.nav-btn{font-size:.8rem;padding:9px 10px}.nav-btn .nav-icon{width:24px;height:24px}.nav-btn .nav-icon svg{width:17px;height:17px}.tool-cards-grid{grid-template-columns:1fr}}@media (max-width:480px){:root{--header-h:auto}html,body{overflow-x:hidden;max-width:100%}.main-container{background:var(--ws-bg)}.app{display:contents}.workspace{display:contents}header{order:1;max-height:20vh;overflow:hidden}.header-top{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px}.header-buttons{width:auto;flex-wrap:wrap;flex:initial;gap:6px}.icon-btn{width:32px;height:32px}.header-buttons-center{order:2;flex:1 0 100%;gap:8px}.search-field{flex:1 1 100%;min-width:0;order:5}.search-field input{width:100%;min-width:0}.download-btn{padding:6px 10px;font-size:.75rem}.home-btn span{display:none}.header-bottom{gap:5px;padding:6px 10px 8px}.toolbar-btn{padding:5px 9px;font-size:.7rem}.toolbar-btn svg{width:15px;height:15px}.zoom-strip .zoom-label{display:none}#zoomSlider{width:50px}.ws-toolbar{order:2}.canvas-wrapper{order:3;height:32vh;max-height:32vh}.canvas-container{margin:12px}.drop-zone{inset:8px;padding:12px 8px;gap:6px}.drop-zone h3,.drop-zone .dz-title{font-size:.82rem}.drop-zone p{font-size:.66rem}.upload-btn{padding:9px 16px;font-size:.8rem}.url-input-row{flex-direction:column}.url-input-row input{width:100%}.zoom-strip-row{order:4}.pie-page-title{order:4;padding:10px 16px 4px;font-size:1.25rem}.icon-nav{display:none}.right-panel{order:5;display:block;width:100%;position:static;max-height:280px;border-left:none;border-top:1px solid var(--panel-border)}[class*="pie-"][class*="-panel"]{padding:3px!important;gap:3px!important}[class*="pie-"][class*="-section"]{padding-bottom:2px!important}[class*="pie-"][class*="-label"]{font-size:.54rem!important;margin-bottom:2px!important}[class*="pie-"][class*="-slider-row"]{gap:5px!important}[class*="pie-"][class*="-val"]{font-size:.62rem!important}[class*="pie-"][class*="-status"]{font-size:1rem!important;padding:2px!important;min-height:1em!important}[class*="pie-"][class*="-toggle-btn"]{padding:4px 5px!important;font-size:.6rem!important}[class*="pie-"][class*="-btn"]:not([class*="-btn-row"]):not([class*="toggle-btn"]):not([class*="secondary"]){min-height:26px!important;padding:5px 12px!important}.panel-heading{margin-bottom:2px!important;padding-bottom:2px!important;gap:6px!important}.mobile-nav{order:6;display:flex;overflow-x:auto;gap:6px;padding:10px 12px;background:var(--nav-bg);border-top:1px solid var(--nav-border);-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--nav-border);background:var(--nav-surface);cursor:pointer;font-family:'Syne',sans-serif;font-size:.6rem;font-weight:600;white-space:nowrap;flex-shrink:0;color:var(--text-dim);transition:var(--tr);min-width:54px;min-height:54px;text-decoration:none}.mobile-nav-btn svg{width:20px;height:20px;fill:none;stroke-width:2;stroke:currentColor}.mobile-nav-btn img{width:20px;height:20px;border-radius:4px;object-fit:cover}.mobile-nav-btn:hover,.mobile-nav-btn.active{border-color:var(--accent);color:var(--accent-text)}.article-area{order:7;padding:18px 16px 24px}.tool-cards-grid{grid-template-columns:1fr}}@media (max-width:360px){.logo-text{font-size:1rem}.toolbar-btn{padding:4px 7px;font-size:.65rem}}@media (forced-colors:active){.nav-btn.active{outline:2px solid ButtonText}.toolbar-btn{border:2px solid ButtonText}.drop-zone{border:2px solid ButtonText}.logo-text{-webkit-text-fill-color:LinkText;color:LinkText;background:none}}.lang-switcher{position:relative;flex-shrink:0}.lang-trigger{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:30px;background:var(--nav-surface);border:2px solid var(--nav-border);color:var(--text);font-family:'Syne',sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--tr);white-space:nowrap;min-height:36px}.lang-trigger:hover,.lang-trigger[aria-expanded="true"]{border-color:var(--accent);color:var(--accent-text)}.lang-flag{font-size:1.1rem;line-height:1}.lang-native{font-size:.82rem}.lang-chevron{width:14px;height:14px;transition:transform .2s ease;flex-shrink:0}.lang-trigger[aria-expanded="true"] .lang-chevron{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:500;background:var(--panel-bg);border:1px solid var(--accent);border-radius:var(--r);padding:6px 0;min-width:200px;box-shadow:0 16px 48px rgb(0 0 0 / .45);list-style:none;animation:langDropIn .15s ease}@keyframes langDropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pie-rtl .lang-dropdown,[dir="rtl"] .lang-dropdown{right:auto;left:0}.lang-option{display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;transition:background .12s;font-family:'Syne',sans-serif;font-size:.85rem;color:var(--text);position:relative}.lang-option:hover{background:var(--nav-surface)}.lang-option.active{background:var(--nav-surface);color:var(--accent-text)}.lang-option .lang-flag{font-size:1.15rem;flex-shrink:0}.lang-option .lang-native{font-weight:600;flex:1}.lang-option .lang-english{font-size:.72rem;color:var(--text-dimmer);margin-left:auto;padding-left:8px}.lang-check{width:15px;height:15px;stroke:var(--accent-text);flex-shrink:0}.pie-lang-zh body,.pie-lang-zh .nav-btn,.pie-lang-zh .toolbar-btn,.pie-lang-zh .download-btn,.pie-lang-zh .upload-btn,.pie-lang-zh .lang-trigger,.pie-lang-zh .lang-option{font-family:'Noto Sans SC','Syne',sans-serif}.pie-lang-hi body,.pie-lang-hi .nav-btn,.pie-lang-hi .toolbar-btn,.pie-lang-hi .download-btn,.pie-lang-hi .upload-btn,.pie-lang-hi .lang-trigger,.pie-lang-hi .lang-option{font-family:'Noto Sans Devanagari','Syne',sans-serif}.pie-lang-ar body,.pie-lang-ar .nav-btn,.pie-lang-ar .toolbar-btn,.pie-lang-ar .download-btn,.pie-lang-ar .upload-btn,.pie-lang-ar .lang-trigger,.pie-lang-ar .lang-option{font-family:'Noto Sans Arabic','Syne',sans-serif}.pie-lang-bn body,.pie-lang-bn .nav-btn,.pie-lang-bn .toolbar-btn,.pie-lang-bn .download-btn,.pie-lang-bn .upload-btn,.pie-lang-bn .lang-trigger,.pie-lang-bn .lang-option{font-family:'Noto Sans Bengali','Syne',sans-serif}.pie-rtl,html[dir="rtl"]{direction:rtl}.pie-rtl .app,html[dir="rtl"] .app{direction:rtl}.pie-rtl .icon-nav,html[dir="rtl"] .icon-nav{border-right:none;border-left:1px solid var(--nav-border)}.pie-rtl .right-panel,html[dir="rtl"] .right-panel{border-left:none;border-right:1px solid var(--nav-border)}.pie-rtl .nav-btn .nav-label,html[dir="rtl"] .nav-btn .nav-label{text-align:right}.pie-rtl .header-buttons,html[dir="rtl"] .header-buttons{flex-direction:row-reverse}.pie-rtl .header-bottom,html[dir="rtl"] .header-bottom{flex-direction:row-reverse}.pie-rtl .site-logo,html[dir="rtl"] .site-logo{flex-direction:row-reverse}.pie-rtl .tool-card,html[dir="rtl"] .tool-card{text-align:right}.pie-rtl .info-lbl,.pie-rtl .info-val,html[dir="rtl"] .info-lbl,html[dir="rtl"] .info-val{text-align:right}.pie-rtl .mobile-nav,html[dir="rtl"] .mobile-nav{flex-direction:row-reverse}@media (max-width:480px){.lang-native{display:none}.lang-chevron{display:none}.lang-trigger{padding:7px 10px}.lang-dropdown{right:0;left:auto;min-width:180px}.pie-rtl .lang-dropdown,html[dir="rtl"] .lang-dropdown{right:auto;left:0}}:root{--text-accessible:#e8e6f4;--text-dim-accessible:#9e9eb8;--accent-accessible:#8b85ff;--error-text:#fca5a5;--warn-text:#fcd34d;--success-text:#6ee7b7;--focus-ring:3px solid #8b85ff;--focus-offset:3px;--min-touch:44px}body.light{--text-accessible:#1e1b4b;--text-dim-accessible:#374151;--accent-accessible:#4338ca;--error-text:#b91c1c;--warn-text:#92400e;--success-text:#065f46}.search-field input,.url-input-row input,.search-box-input input,#zoomSlider{outline:none}:focus-visible{outline:var(--focus-ring)!important;outline-offset:var(--focus-offset)!important;border-radius:4px}.nav-btn:focus-visible,.mobile-nav-btn:focus-visible{outline:var(--focus-ring)!important;outline-offset:2px!important;border-radius:10px}.toolbar-btn:focus-visible{outline:var(--focus-ring)!important;border-radius:30px}.upload-btn:focus-visible,.download-btn:focus-visible{outline:var(--focus-ring)!important;border-radius:50px}.theme-toggle:focus-visible,.lang-trigger:focus-visible,.home-btn:focus-visible{outline:var(--focus-ring)!important;border-radius:30px}.lang-option:focus-visible{outline:var(--focus-ring)!important;outline-offset:-2px!important;background:var(--nav-surface)}#mainCanvas:focus-visible{outline:var(--focus-ring)!important;outline-offset:4px!important}.format-btn:focus-visible{outline:var(--focus-ring)!important;border-radius:30px}.tool-card:focus-visible{outline:var(--focus-ring)!important;border-radius:var(--r)}.url-input-row input:focus-visible,.search-field input:focus-visible,.search-box-input input:focus-visible{outline:var(--focus-ring)!important;outline-offset:0!important;border-radius:50px}#zoomSlider:focus-visible{outline:var(--focus-ring)!important;outline-offset:6px!important;border-radius:4px}.toolbar-btn,.upload-btn,.download-btn,.home-btn,.btn,.format-btn,.mobile-nav-btn,.lang-trigger,.lang-option,.theme-toggle,.search-field button,.url-input-row button,#loadUrlBtn,#browseBtn,#blankCanvasBtn,#searchBtn{min-height:var(--min-touch);min-width:var(--min-touch)}.toolbar-btn{padding-top:max(6px, calc((var(--min-touch) - 1em) / 2));padding-bottom:max(6px, calc((var(--min-touch) - 1em) / 2))}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}.lang-dropdown{animation:none!important}.canvas-container{transition:none!important}.toast{transition:opacity 0.01ms!important}}@media (forced-colors:active){:root{--accent:Highlight;--text:ButtonText;--panel-bg:Canvas;--nav-bg:Canvas;--header-bg:Canvas}.toolbar-btn,.upload-btn,.download-btn,.home-btn,.btn,.nav-btn,.lang-trigger,.theme-toggle{border:2px solid ButtonText!important;forced-color-adjust:none}:focus-visible{outline:3px solid Highlight!important}.logo-text{-webkit-text-fill-color:LinkText!important;color:LinkText!important;background:none!important}.modal{border:2px solid ButtonText!important}.drop-zone{border:2px dashed ButtonText!important}.canvas-container{box-shadow:0 0 0 2px ButtonText!important}.toast{border:2px solid Highlight!important;background:Canvas!important;color:ButtonText!important}.tool-card{border:2px solid ButtonText!important}.tool-card:hover{border-color:Highlight!important}.search-box{border:2px solid ButtonText!important}.lang-dropdown{border:2px solid ButtonText!important}.nav-btn .nav-icon svg,.mobile-nav-btn svg,.toolbar-btn svg,.tool-card-icon svg{stroke:ButtonText!important;fill:none!important}}.toast[aria-hidden="true"]{display:none}.url-input-row input.has-error{border-color:var(--error-text)!important;outline:2px solid var(--error-text)!important}.url-input-row input.has-error+.field-error{display:flex}.field-error{display:none;align-items:center;gap:6px;font-size:.75rem;color:var(--error-text);margin-top:4px;padding:0 4px}.field-error::before{content:'⚠';font-size:.85rem;flex-shrink:0}.search-box-input.has-error{border-bottom-color:var(--error-text)}.file-size-error{font-size:.72rem;color:var(--error-text);text-align:center;padding:6px 12px;display:none}.file-size-error.visible{display:block}.modal .btn-ghost{min-width:80px}@media (min-resolution:1dppx){.header-top{flex-wrap:wrap;gap:10px}.header-bottom{flex-wrap:wrap}}.download-btn:disabled,button:disabled{opacity:.65;cursor:not-allowed;text-decoration-line:none;position:relative}.download-btn:disabled::after,button[aria-disabled="true"]::after{content:'';position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgb(0 0 0 / .08) 4px,rgb(0 0 0 / .08) 5px);pointer-events:none}@media (pointer:coarse){.toolbar-btn{min-height:44px;padding:10px 14px}.nav-btn{min-height:48px}.format-btn{min-height:48px;min-width:72px}.home-btn{min-height:44px;padding:10px 16px}.lang-trigger{min-height:44px}.lang-option{padding:12px 18px}#zoomSlider{height:20px}#zoomSlider::-webkit-slider-thumb{width:24px;height:24px}#zoomSlider::-moz-range-thumb{width:24px;height:24px}.nav-btn .nav-label{font-size:.9rem}.toolbar-btn{font-size:.82rem}}.sr-only-focusable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:0}.skip-link{background:var(--accent-accessible);color:#fff;font-size:1rem;padding:12px 24px;border:2px solid #fff;box-shadow:0 4px 12px rgb(0 0 0 / .4);z-index:10000}.skip-link:focus{left:12px;top:12px}.skip-links{position:absolute;top:0;left:0;z-index:10000;display:flex;flex-direction:column;gap:4px}body{line-height:1.6}p,.article-content p,.workspace-content p{line-height:1.65;max-width:72ch}.info-lbl{font-size:.6rem}.tool-card-desc{font-size:.78rem;line-height:1.5}.empty-state p{font-size:.8rem;line-height:1.5}.canvas-fallback{display:none;padding:24px;text-align:center;color:var(--text-dim);font-size:.88rem;line-height:1.6;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg)}.no-canvas .canvas-fallback{display:block}.no-canvas #mainCanvas{display:none}.toolbar-btn:active,.upload-btn:active,.download-btn:active,.nav-btn:active,.format-btn:active,.home-btn:active{transform:scale(.97);box-shadow:inset 0 2px 4px rgb(0 0 0 / .3)}[aria-busy="true"]{cursor:progress;opacity:.7}[aria-busy="true"]::after{content:'';display:inline-block;width:12px;height:12px;border:2px solid var(--accent);border-top-color:#fff0;border-radius:50%;animation:pie-spin .6s linear infinite;margin-left:8px;vertical-align:middle}@media (prefers-reduced-motion:reduce){[aria-busy="true"]::after{animation:none;content:'…';border:none}}@keyframes pie-spin{to{transform:rotate(360deg)}}.info-lbl{color:var(--text-dim-accessible)}.empty-state{color:var(--text-dim-accessible)}.panel-heading p{color:var(--text-dim-accessible)}.nav-section-label{color:var(--text-dim-accessible)}.article-content p{color:var(--text-dim-accessible)}.tool-card-desc{color:var(--text-dim-accessible)}.workspace-content{color:var(--text-dim-accessible)}.search-result-desc{color:var(--text-dim-accessible)}body.light .info-lbl,body.light .empty-state,body.light .article-content p,body.light .tool-card-desc,body.light .workspace-content,body.light .search-result-desc{color:var(--text-dim)}.theme-toggle{min-width:44px;min-height:44px}.lang-dropdown{max-height:80vh;overflow-y:auto}@media print{header,.icon-nav,.right-panel,.mobile-nav,.lang-switcher,.search-overlay,.modal-bg,.toolbar-btn,.download-btn,.home-btn,.theme-toggle,.zoom-strip,.site-footer{display:none!important}.app{display:block!important}.workspace{width:100%!important}.canvas-wrapper{max-height:none!important}body{background:#fff!important;color:#000!important}.article-area{border:1px solid #ccc}}.site-footer{background:var(--nav-surface);border-top:1px solid var(--panel-border);padding:32px 24px 0;margin-top:24px;font-size:.85rem;color:var(--text-dim)}.site-footer-inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:32px 48px;justify-content:space-between;padding-bottom:28px}.site-footer-brand{flex:1 1 220px;max-width:320px}.site-footer-name{display:block;font-weight:800;font-size:1.05rem;color:var(--text);margin-bottom:6px}.site-footer-tagline{margin:0;line-height:1.5}.site-footer-sitemap{flex:2 1 320px;display:flex;flex-wrap:wrap;gap:32px 48px}.site-footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.site-footer-heading{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text);margin:0 0 12px}.site-footer-col a{color:var(--text-dim);text-decoration:none;transition:var(--tr)}.site-footer-col a:hover,.site-footer-col a:focus-visible{color:var(--accent-text);text-decoration:underline}.site-footer-bottom{max-width:1100px;margin:0 auto;padding:16px 0;border-top:1px solid var(--panel-border);font-size:.75rem;text-align:center}@media (max-width:640px){.site-footer-inner{flex-direction:column;gap:24px}.site-footer-sitemap{gap:24px 32px}}body.light .nav-btn[data-panel="crop"],body.light .icon-nav .tool-crop>.nav-btn,body.light .tool-card.tool-crop{--tc:#be185d}body.light .nav-btn[data-panel="rotate"],body.light .icon-nav .tool-rotate>.nav-btn,body.light .tool-card.tool-rotate{--tc:#4d7c0f}body.light .nav-btn[data-panel="bgremove"],body.light .icon-nav .tool-bgremove>.nav-btn,body.light .tool-card.tool-bgremove{--tc:#0f766e}body.light .nav-btn[data-panel="quality"],body.light .icon-nav .tool-quality>.nav-btn,body.light .tool-card.tool-quality{--tc:#a16207}.workspace-content summary,.article-area summary{display:block;cursor:pointer;min-height:44px;padding:12px 4px;line-height:1.4}.workspace-content details,.article-area details{margin:0 0 8px}.workspace-content details+details,.article-area details+details{margin-top:8px}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block}