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