main[data-astro-cid-wjffcvy7]{width:1140px;max-width:calc(100% - 2em);padding-left:2em;padding-right:2em}.page-title[data-astro-cid-wjffcvy7]{color:rgb(var(--black));text-align:center;margin-bottom:.3em;font-size:1.6em;font-weight:700}.page-desc[data-astro-cid-wjffcvy7]{text-align:center;color:rgb(var(--gray));margin-bottom:2em;font-size:.9em}.upload-zone[data-astro-cid-wjffcvy7]{border:2px dashed rgb(var(--gray-light));text-align:center;background:var(--card-bg);cursor:pointer;border-radius:16px;margin-bottom:1em;padding:3em 2em;transition:border-color .2s,background .2s}.upload-zone[data-astro-cid-wjffcvy7]:hover,.upload-zone[data-astro-cid-wjffcvy7].drag-over{border-color:var(--accent);background:rgba(var(--accent-rgb), .04)}.upload-icon[data-astro-cid-wjffcvy7]{margin-bottom:.4em;font-size:2.5em;display:block}.upload-text[data-astro-cid-wjffcvy7]{color:rgb(var(--black));margin:0 0 .3em;font-size:1em;font-weight:600}.upload-hint[data-astro-cid-wjffcvy7]{color:rgb(var(--gray));margin:0;font-size:.82em}.upload-supported[data-astro-cid-wjffcvy7]{color:rgb(var(--gray));opacity:.7;margin:.6em 0 0;font-size:.75em}.error-msg[data-astro-cid-wjffcvy7]{color:#dc3545;background:#dc354514;border:1px solid #dc354533;border-radius:10px;align-items:center;gap:.5em;margin-bottom:1em;padding:.7em 1em;font-size:.85em;animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tool-layout[data-astro-cid-wjffcvy7]{grid-template-columns:340px 1fr;align-items:start;gap:1.5em;display:grid}.panel[data-astro-cid-wjffcvy7]{background:var(--card-bg);box-shadow:0 2px 12px rgba(var(--black), .04);border-radius:20px;padding:1.5em}.panel-title[data-astro-cid-wjffcvy7]{color:rgb(var(--gray));text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid rgb(var(--gray-light));margin:0 0 1em;padding-bottom:.6em;font-size:.9em;font-weight:700}.control-group[data-astro-cid-wjffcvy7]{margin-bottom:1.2em}.control-group[data-astro-cid-wjffcvy7]:last-child{margin-bottom:0}.control-label[data-astro-cid-wjffcvy7]{color:rgb(var(--black));justify-content:space-between;align-items:center;margin-bottom:.4em;font-size:.85em;font-weight:600;display:flex}.control-value[data-astro-cid-wjffcvy7]{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:400}input[data-astro-cid-wjffcvy7][type=range]{-webkit-appearance:none;background:rgb(var(--gray-light));border-radius:3px;outline:none;width:100%;height:6px}input[data-astro-cid-wjffcvy7][type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .15s}input[data-astro-cid-wjffcvy7][type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[data-astro-cid-wjffcvy7][type=range]:disabled{opacity:.35;cursor:not-allowed}.format-btns[data-astro-cid-wjffcvy7]{gap:.4em;display:flex}.format-btn[data-astro-cid-wjffcvy7]{border:1.5px solid rgb(var(--gray-light));background:var(--card-bg);color:rgb(var(--gray-dark));cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:.5em .3em;font-family:inherit;font-size:.82em;font-weight:600;transition:all .2s}.format-btn[data-astro-cid-wjffcvy7]:hover{border-color:var(--accent);color:var(--accent)}.format-btn[data-astro-cid-wjffcvy7].active{background:var(--accent);border-color:var(--accent);color:#fff}.resize-row[data-astro-cid-wjffcvy7]{align-items:center;gap:.4em;display:flex}.resize-input[data-astro-cid-wjffcvy7]{border:1.5px solid rgb(var(--gray-light));background:var(--card-bg);min-width:0;color:rgb(var(--black));font-variant-numeric:tabular-nums;border-radius:8px;outline:none;flex:1;padding:.45em .6em;font-family:inherit;font-size:.85em;transition:border-color .2s}.resize-input[data-astro-cid-wjffcvy7]:focus{border-color:var(--accent)}.resize-sep[data-astro-cid-wjffcvy7]{color:rgb(var(--gray));flex-shrink:0;font-size:.85em}.lock-btn[data-astro-cid-wjffcvy7]{border:1.5px solid rgb(var(--gray-light));background:var(--card-bg);width:34px;height:34px;color:rgb(var(--gray));cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.lock-btn[data-astro-cid-wjffcvy7]:hover{border-color:var(--accent);color:var(--accent)}.lock-btn[data-astro-cid-wjffcvy7].locked{background:rgba(var(--accent-rgb), .08);border-color:var(--accent);color:var(--accent)}.lock-btn[data-astro-cid-wjffcvy7] svg[data-astro-cid-wjffcvy7]{width:16px;height:16px}.filter-btns[data-astro-cid-wjffcvy7]{flex-wrap:wrap;gap:.35em;display:flex}.filter-btn[data-astro-cid-wjffcvy7]{border:1.5px solid rgb(var(--gray-light));background:var(--card-bg);color:rgb(var(--gray-dark));cursor:pointer;white-space:nowrap;border-radius:999px;padding:.35em .7em;font-family:inherit;font-size:.78em;transition:all .2s}.filter-btn[data-astro-cid-wjffcvy7]:hover{border-color:var(--accent);color:var(--accent)}.filter-btn[data-astro-cid-wjffcvy7].active{background:var(--accent);border-color:var(--accent);color:#fff}.action-btns[data-astro-cid-wjffcvy7]{gap:.5em;margin-top:.3em;display:flex}.btn[data-astro-cid-wjffcvy7]{cursor:pointer;text-align:center;border:none;border-radius:10px;padding:.55em 1.2em;font-family:inherit;font-size:.88em;font-weight:600;transition:all .2s}.btn-primary[data-astro-cid-wjffcvy7]{background:var(--accent);color:#fff;flex:1}.btn-primary[data-astro-cid-wjffcvy7]:hover{opacity:.85}.btn-secondary[data-astro-cid-wjffcvy7]{background:rgb(var(--gray-light));color:rgb(var(--gray-dark))}.btn-secondary[data-astro-cid-wjffcvy7]:hover{background:rgb(var(--gray));color:#fff}.mode-switch[data-astro-cid-wjffcvy7]{gap:.4em;margin-bottom:1.2em;display:flex}.mode-btn[data-astro-cid-wjffcvy7]{border:1.5px solid rgb(var(--gray-light));background:var(--card-bg);color:rgb(var(--gray-dark));cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:.5em .3em;font-family:inherit;font-size:.82em;font-weight:600;transition:all .2s}.mode-btn[data-astro-cid-wjffcvy7]:hover{border-color:var(--accent);color:var(--accent)}.mode-btn[data-astro-cid-wjffcvy7].active{background:var(--accent);border-color:var(--accent);color:#fff}.grid-size-btns[data-astro-cid-wjffcvy7]{gap:.4em;display:flex}.grid-size-btn[data-astro-cid-wjffcvy7]{border:1.5px solid rgb(var(--gray-light));background:var(--card-bg);color:rgb(var(--gray-dark));cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:.5em .3em;font-family:inherit;font-size:.82em;font-weight:600;transition:all .2s}.grid-size-btn[data-astro-cid-wjffcvy7]:hover{border-color:var(--accent);color:var(--accent)}.grid-size-btn[data-astro-cid-wjffcvy7].active{background:var(--accent);border-color:var(--accent);color:#fff}.shuffle-btn[data-astro-cid-wjffcvy7]{border:1.5px solid rgb(var(--gray-light));background:var(--card-bg);width:100%;color:rgb(var(--gray-dark));cursor:pointer;border-radius:10px;margin-top:.3em;padding:.55em;font-family:inherit;font-size:.85em;font-weight:600;transition:all .2s}.shuffle-btn[data-astro-cid-wjffcvy7]:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb), .04)}.preview-dual[data-astro-cid-wjffcvy7]{grid-template-columns:1fr 1fr;gap:.8em;margin-bottom:1em;display:grid}.preview-item[data-astro-cid-wjffcvy7]{text-align:center}.preview-label[data-astro-cid-wjffcvy7]{color:rgb(var(--gray));text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4em;font-size:.75em;font-weight:700}.preview-label[data-astro-cid-wjffcvy7].after{color:var(--accent)}.preview-canvas-wrap[data-astro-cid-wjffcvy7]{background:rgb(var(--gray-light));border-radius:12px;justify-content:center;align-items:center;min-height:120px;display:flex;position:relative;overflow:hidden}.preview-canvas-wrap[data-astro-cid-wjffcvy7] canvas[data-astro-cid-wjffcvy7]{max-width:100%;height:auto;display:block}.size-compare[data-astro-cid-wjffcvy7]{background:rgb(var(--gray-light));border-radius:12px;padding:1em}.size-compare-header[data-astro-cid-wjffcvy7]{justify-content:space-between;align-items:center;margin-bottom:.6em;display:flex}.size-label[data-astro-cid-wjffcvy7]{color:rgb(var(--gray-dark));font-size:.8em;font-weight:600}.size-saved[data-astro-cid-wjffcvy7]{color:#28a745;font-size:.82em;font-weight:700}.size-bar[data-astro-cid-wjffcvy7]{background:rgb(var(--gray-light));border-radius:4px;height:8px;margin-bottom:.5em;position:relative;overflow:hidden}.size-bar-original[data-astro-cid-wjffcvy7]{background:rgb(var(--gray));opacity:.4;border-radius:4px;width:100%;position:absolute;inset:0}.size-bar-processed[data-astro-cid-wjffcvy7]{background:var(--accent);border-radius:4px;transition:width .3s;position:absolute;inset:0}.size-details[data-astro-cid-wjffcvy7]{color:rgb(var(--gray));justify-content:space-between;font-size:.75em;display:flex}.size-original-val[data-astro-cid-wjffcvy7]{color:rgb(var(--gray-dark))}.size-processed-val[data-astro-cid-wjffcvy7]{color:var(--accent);font-weight:600}.no-image-placeholder[data-astro-cid-wjffcvy7]{color:rgb(var(--gray));text-align:center;flex-direction:column;align-items:center;gap:.5em;padding:2em 1em;font-size:.85em;display:flex}.no-image-placeholder[data-astro-cid-wjffcvy7] .placeholder-icon[data-astro-cid-wjffcvy7]{opacity:.5;font-size:2em}.controls-disabled[data-astro-cid-wjffcvy7]{pointer-events:none;opacity:.45}.lightbox-overlay[data-astro-cid-wjffcvy7]{z-index:9999;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox-overlay[data-astro-cid-wjffcvy7].active{display:flex}.lightbox-content[data-astro-cid-wjffcvy7]{cursor:default;max-width:95vw;max-height:95vh;position:relative}.lightbox-content[data-astro-cid-wjffcvy7] img[data-astro-cid-wjffcvy7]{object-fit:contain;border-radius:4px;max-width:95vw;max-height:90vh;display:block;box-shadow:0 8px 40px #00000080}.lightbox-close[data-astro-cid-wjffcvy7]{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3em;transition:background .2s;display:flex;position:absolute;top:-40px;right:0}.lightbox-close[data-astro-cid-wjffcvy7]:hover{background:#ffffff4d}.lightbox-label[data-astro-cid-wjffcvy7]{color:#ffffffb3;text-align:center;margin-top:.5em;font-size:.85em}.preview-canvas-wrap[data-astro-cid-wjffcvy7]{cursor:pointer;position:relative}.preview-canvas-wrap[data-astro-cid-wjffcvy7]:after{content:"🔍";opacity:0;pointer-events:none;font-size:.75em;transition:opacity .2s;position:absolute;top:6px;right:8px}.preview-canvas-wrap[data-astro-cid-wjffcvy7]:hover:after{opacity:.7}@media (width<=768px){.tool-layout[data-astro-cid-wjffcvy7]{grid-template-columns:1fr}.preview-dual[data-astro-cid-wjffcvy7]{grid-template-columns:1fr 1fr}}@media (width<=500px){.panel[data-astro-cid-wjffcvy7]{padding:1em}.preview-dual[data-astro-cid-wjffcvy7]{grid-template-columns:1fr}.upload-zone[data-astro-cid-wjffcvy7]{padding:2em 1em}.format-btns[data-astro-cid-wjffcvy7]{flex-wrap:wrap}.format-btn[data-astro-cid-wjffcvy7]{flex:auto;min-width:60px}}