:root{--pf-primary:var(--main-primary);--pf-text:#1e293b;--pf-text-muted:#64748b;--pf-bg:#fff;--pf-bg-secondary:#f8fafc;--pf-border:#e2e8f0;--pf-border-hover:#cbd5e1;--pf-canvas-bg:#1a1a2e;--pf-toolbar-bg:#fff;--pf-toolbar-border:#e2e8f0;--pf-sidebar-bg:#fff;--pf-sidebar-width:260px;--pf-strip-bg:#fff;--pf-strip-height:130px;--pf-radius:var(--main-radius);--pf-radius-lg:var(--main-radius-lg);--pf-filter-thumb-size:72px}._pf-container{flex-direction:column;min-height:70vh;display:flex}._pf-editor{flex-direction:column;flex:1;min-height:70vh;display:flex}._pf-main{flex:1;min-height:0;display:flex;overflow:hidden}@media (max-width:768px){._pf-container{padding-left:1rem;padding-right:1rem}._pf-main{flex-direction:column}}._pf-upload{cursor:pointer;justify-content:center;align-items:center;min-height:50vh;display:flex}._pf-upload-inner{align-items:center;gap:var(--main-space-4);padding:var(--main-space-12) var(--main-space-8);border-style:dashed;border-width:2px;border-color:var(--pf-border);border-radius:var(--pf-radius-lg);background:var(--pf-bg);flex-direction:column;width:100%;max-width:480px;transition:border-color .2s;display:flex}._pf-upload:hover ._pf-upload-inner,._pf-upload.is-dragover ._pf-upload-inner{border-color:var(--pf-primary)}._pf-upload.is-dragover ._pf-upload-inner{background:var(--pf-bg-secondary)}._pf-upload-icon{color:var(--pf-text-muted);opacity:.5}._pf-upload-text{font-size:var(--main-text-base);color:var(--pf-text);text-align:center;font-weight:500}._pf-upload-hint{font-size:var(--main-text-sm);color:var(--pf-text-muted)}._pf-toolbar{justify-content:space-between;align-items:center;gap:var(--main-space-3);padding:var(--main-space-2) var(--main-space-4);background:var(--pf-toolbar-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--pf-toolbar-border);flex-wrap:wrap;display:flex}._pf-toolbar-left,._pf-toolbar-right{align-items:center;gap:var(--main-space-2);display:flex}._pf-btn{align-items:center;gap:var(--main-space-2);border-radius:var(--pf-radius);font-size:var(--main-text-sm);cursor:pointer;color:var(--pf-text);white-space:nowrap;background:0 0;border-style:none;border-width:0;padding:.5rem .75rem;font-weight:500;transition:opacity .15s,background .15s;display:inline-flex}._pf-btn:hover{opacity:.85}._pf-btn-ghost{color:var(--pf-text-muted)}._pf-btn-ghost:hover{color:var(--pf-text);background:var(--pf-bg-secondary)}._pf-btn-ghost.is-active{color:var(--pf-primary);background:#6366f114}._pf-btn-primary{background:var(--pf-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._pf-btn-primary:hover{opacity:.9}._pf-select{border-radius:var(--pf-radius);border-style:solid;border-width:1px;border-color:var(--pf-border);background:var(--pf-bg);color:var(--pf-text);font-size:var(--main-text-sm);cursor:pointer;padding:.375rem .5rem}._pf-output-controls{align-items:center;gap:var(--main-space-3);display:flex}._pf-quality-group{align-items:center;gap:var(--main-space-2);display:flex}._pf-quality-label{font-size:var(--main-text-xs);color:var(--pf-text-muted);white-space:nowrap}._pf-quality-val{font-size:var(--main-text-xs);color:var(--pf-text-muted);text-align:right;min-width:2rem}._pf-range-sm{cursor:pointer;width:80px;accent-color:var(--pf-primary)}@media (max-width:768px){._pf-toolbar{padding:var(--main-space-2);gap:var(--main-space-2)}._pf-btn-label,._pf-quality-group{display:none}._pf-output-controls{gap:var(--main-space-2)}}._pf-canvas-area{background:var(--pf-canvas-bg);flex:1;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}._pf-canvas-wrapper{line-height:0;display:inline-block;position:relative}._pf-canvas-wrapper>canvas{object-fit:contain;max-width:100%;max-height:100%}._pf-compare-slider{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}._pf-compare-original{width:50%;height:100%;position:absolute;top:0;left:0;overflow:hidden}._pf-compare-original canvas{position:absolute;top:0;left:0}._pf-compare-handle{cursor:ew-resize;z-index:2;width:4px;height:100%;margin-left:-2px;position:absolute;top:0;left:50%}._pf-compare-line{background:#fff;width:2px;height:100%;margin-left:-1px;position:absolute;top:0;left:50%;box-shadow:0 0 4px #00000080}._pf-compare-handle:after{content:"↔";color:#334155;text-align:center;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-top:-16px;margin-left:-16px;font-size:14px;line-height:32px;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0000004d}._pf-compare-toggle{align-items:center;gap:var(--main-space-2);border-radius:var(--pf-radius);font-size:var(--main-text-sm);color:var(--pf-text-muted);cursor:pointer;white-space:nowrap;padding:.375rem .75rem;transition:color .15s;display:inline-flex}._pf-compare-toggle:hover{color:var(--pf-text)}._pf-compare-toggle input[type=checkbox]{accent-color:var(--pf-primary);cursor:pointer}@media (max-width:768px){._pf-canvas-area{min-height:200px;max-height:45vh}._pf-compare-toggle span{display:none}}._pf-sidebar{width:var(--pf-sidebar-width);min-width:var(--pf-sidebar-width);background:var(--pf-sidebar-bg);border-left-style:solid;border-left-width:1px;border-left-color:var(--pf-border);max-height:calc(70vh - 50px - var(--pf-strip-height));overflow-y:auto}._pf-panel{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--pf-border)}._pf-panel-header{width:100%;padding:var(--main-space-3) var(--main-space-4);font-size:var(--main-text-sm);color:var(--pf-text);cursor:pointer;text-align:left;background:0 0;border-style:none;border-width:0;justify-content:space-between;align-items:center;font-weight:600;display:flex}._pf-panel-header span{align-items:center;gap:var(--main-space-2);display:flex}._pf-panel-chevron{color:var(--pf-text-muted);transition:opacity .15s}._pf-panel-header:hover ._pf-panel-chevron{opacity:.7}._pf-panel-body{padding:0 var(--main-space-4) var(--main-space-4);gap:var(--main-space-3);flex-direction:column;display:flex}._pf-panel-body.is-collapsed{display:none}._pf-slider-group{gap:var(--main-space-1);flex-direction:column;display:flex}._pf-slider-header{justify-content:space-between;align-items:center;display:flex}._pf-slider-label{font-size:var(--main-text-xs);color:var(--pf-text-muted);font-weight:500}._pf-slider-value{font-size:var(--main-text-xs);color:var(--pf-text);font-family:var(--main-font-mono);text-align:right;min-width:2.5rem}._pf-range{cursor:pointer;width:100%;accent-color:var(--pf-primary);height:4px}._pf-slider-group.is-modified ._pf-slider-label{color:var(--pf-primary);font-weight:600}._pf-slider-group.is-modified ._pf-slider-value{color:var(--pf-primary)}@media (max-width:768px){._pf-sidebar{width:100%;min-width:unset;border-top-style:solid;border-top-width:1px;border-left:none;border-top-color:var(--pf-border);order:3;max-height:none}}._pf-filter-strip{background:var(--pf-strip-bg);border-top-style:solid;border-top-width:1px;border-top-color:var(--pf-border);padding:var(--main-space-3) var(--main-space-4)}._pf-filter-strip-inner{gap:var(--main-space-3);padding-bottom:var(--main-space-2);scrollbar-width:thin;min-height:100px;display:flex;overflow-x:auto}._pf-filter-strip-inner::-webkit-scrollbar{height:4px}._pf-filter-strip-inner::-webkit-scrollbar-thumb{background:var(--pf-border);border-radius:2px}._pf-filter-item{align-items:center;gap:var(--main-space-1);cursor:pointer;padding:var(--main-space-1);border-radius:var(--pf-radius);background:0 0;border:2px solid #0000;flex-direction:column;flex-shrink:0;transition:border-color .15s;display:flex}._pf-filter-item:hover{border-color:var(--pf-border-hover)}._pf-filter-item.is-active{border-color:var(--pf-primary)}._pf-filter-thumb{width:var(--pf-filter-thumb-size);height:var(--pf-filter-thumb-size);border-radius:var(--pf-radius);background:var(--pf-bg-secondary);overflow:hidden}._pf-filter-thumb canvas{object-fit:cover;width:100%;height:100%}._pf-filter-name{color:var(--pf-text-muted);text-align:center;white-space:nowrap;max-width:calc(var(--pf-filter-thumb-size) + 8px);text-overflow:ellipsis;font-size:10px;overflow:hidden}._pf-filter-item.is-active ._pf-filter-name{color:var(--pf-primary);font-weight:600}._pf-intensity{align-items:center;gap:var(--main-space-2);margin-top:var(--main-space-2);padding-top:var(--main-space-2);border-top-style:solid;border-top-width:1px;border-top-color:var(--pf-border);display:flex}._pf-intensity-label{font-size:var(--main-text-xs);color:var(--pf-text-muted);white-space:nowrap}._pf-intensity-val{font-size:var(--main-text-xs);color:var(--pf-text);font-family:var(--main-font-mono);text-align:right;min-width:2.5rem}@media (max-width:768px){._pf-filter-strip{padding:var(--main-space-2) var(--main-space-2);order:2}._pf-filter-thumb{width:56px;height:56px}}