.main[data-astro-cid-lln7thxh]{min-height:calc(100vh - 80px);padding:2rem 0}.page-header[data-astro-cid-lln7thxh]{text-align:center;margin-bottom:3rem}.page-title[data-astro-cid-lln7thxh]{font-size:2.5rem;font-weight:700;margin-bottom:1rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px}.page-description[data-astro-cid-lln7thxh]{font-size:1.125rem;color:var(--color-secondary);margin-bottom:2rem;font-family:var(--font-sans)}.format-support[data-astro-cid-lln7thxh]{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.format-item[data-astro-cid-lln7thxh]{padding:.25rem .5rem;background-color:var(--color-accent);color:var(--color-bg);font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:4px}.compressor-container[data-astro-cid-lln7thxh]{background-color:var(--color-card);padding:2rem;margin-bottom:3rem}.upload-area[data-astro-cid-lln7thxh]{border:2px dashed var(--color-border);border-radius:8px;padding:3rem 2rem;text-align:center;transition:all .3s ease;cursor:pointer}.upload-area[data-astro-cid-lln7thxh]:hover,.upload-area[data-astro-cid-lln7thxh].drag-over{border-color:var(--color-accent);background-color:var(--color-code-bg)}.upload-icon[data-astro-cid-lln7thxh]{font-size:3rem;margin-bottom:1rem}.upload-content[data-astro-cid-lln7thxh] h3[data-astro-cid-lln7thxh]{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.upload-description[data-astro-cid-lln7thxh]{color:var(--color-secondary);margin-bottom:.5rem;font-family:var(--font-sans)}.upload-limit[data-astro-cid-lln7thxh]{color:var(--color-muted);font-size:.875rem;margin-bottom:1.5rem;font-family:var(--font-mono)}.select-file-btn[data-astro-cid-lln7thxh]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--color-accent);color:var(--color-bg);border:none;border-radius:4px;font-family:var(--font-mono);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.select-file-btn[data-astro-cid-lln7thxh]:hover{background-color:var(--color-text);transform:translateY(-1px)}.editor-section[data-astro-cid-lln7thxh]{margin-top:2rem}.image-comparison[data-astro-cid-lln7thxh]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.image-panel[data-astro-cid-lln7thxh]{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background-color:var(--color-code-bg)}.panel-header[data-astro-cid-lln7thxh]{padding:1rem;border-bottom:1px solid var(--color-border);background-color:var(--color-card)}.panel-header[data-astro-cid-lln7thxh] h3[data-astro-cid-lln7thxh]{font-family:var(--font-mono);font-size:1rem;font-weight:700;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1px}.image-info[data-astro-cid-lln7thxh]{display:flex;gap:1rem;font-size:.875rem;font-family:var(--font-mono)}.size-info[data-astro-cid-lln7thxh]{color:var(--color-accent);font-weight:700}.dimension-info[data-astro-cid-lln7thxh]{color:var(--color-secondary)}.compression-ratio[data-astro-cid-lln7thxh]{font-weight:700}.compression-ratio[data-astro-cid-lln7thxh].positive{color:#10b981}.compression-ratio[data-astro-cid-lln7thxh].negative{color:#ef4444}.image-container[data-astro-cid-lln7thxh]{position:relative;padding:1rem;min-height:200px;display:flex;align-items:center;justify-content:center}.image-container[data-astro-cid-lln7thxh] img[data-astro-cid-lln7thxh]{max-width:100%;max-height:300px;border-radius:4px;box-shadow:0 2px 8px #0000001a}.loading-overlay[data-astro-cid-lln7thxh]{position:absolute;inset:0;background-color:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:var(--font-mono)}.loading-spinner[data-astro-cid-lln7thxh]{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.controls-panel[data-astro-cid-lln7thxh]{border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;background-color:var(--color-code-bg)}.control-section[data-astro-cid-lln7thxh]{margin-bottom:1.5rem}.control-section[data-astro-cid-lln7thxh]:last-child{margin-bottom:0}.control-section[data-astro-cid-lln7thxh] h4[data-astro-cid-lln7thxh]{font-family:var(--font-mono);font-size:.9rem;font-weight:700;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-accent)}.format-selector[data-astro-cid-lln7thxh]{display:flex;gap:1rem;flex-wrap:wrap}.format-option[data-astro-cid-lln7thxh]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:var(--font-mono);font-size:.875rem}.format-option[data-astro-cid-lln7thxh]:hover{border-color:var(--color-accent)}.format-option[data-astro-cid-lln7thxh] input[data-astro-cid-lln7thxh][type=radio]:checked+span[data-astro-cid-lln7thxh]{color:var(--color-accent);font-weight:700}.quality-control[data-astro-cid-lln7thxh]{display:flex;align-items:center;gap:1rem}.slider[data-astro-cid-lln7thxh]{flex:1;height:8px;border-radius:4px;background:linear-gradient(to right,#e5e5e5,#d1d5db);outline:none;transition:all .3s ease;box-shadow:inset 0 1px 3px #0000001a}.slider[data-astro-cid-lln7thxh]:hover{background:linear-gradient(to right,#d1d5db,#9ca3af)}.slider[data-astro-cid-lln7thxh]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),#3b82f6);cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .2s ease}.slider[data-astro-cid-lln7thxh]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.slider[data-astro-cid-lln7thxh]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),#3b82f6);cursor:pointer;border:none;box-shadow:0 2px 8px #0003}.quality-value[data-astro-cid-lln7thxh]{font-family:var(--font-mono);font-weight:700;color:var(--color-accent);min-width:50px;text-align:center;padding:.5rem .75rem;background:linear-gradient(135deg,var(--color-code-bg),var(--color-bg));border:2px solid var(--color-border);border-radius:8px;font-size:.9rem;letter-spacing:1px;box-shadow:0 1px 3px #0000001a}.resize-controls[data-astro-cid-lln7thxh]{display:flex;flex-direction:column;gap:1rem}.resize-option[data-astro-cid-lln7thxh]{display:flex;align-items:center;gap:.5rem;font-family:var(--font-sans);cursor:pointer}.dimension-inputs[data-astro-cid-lln7thxh]{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.input-group[data-astro-cid-lln7thxh]{display:flex;flex-direction:column;gap:.5rem}.input-with-unit[data-astro-cid-lln7thxh]{position:relative;display:inline-block}.input-with-unit[data-astro-cid-lln7thxh] .unit[data-astro-cid-lln7thxh]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--color-secondary);pointer-events:none;text-transform:uppercase;letter-spacing:1px}.input-group[data-astro-cid-lln7thxh] label[data-astro-cid-lln7thxh]{font-family:var(--font-mono);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.input-group[data-astro-cid-lln7thxh] input[data-astro-cid-lln7thxh]{padding:.75rem 3rem .75rem 1rem;border:2px solid var(--color-border);border-radius:8px;font-family:var(--font-mono);background:linear-gradient(135deg,var(--color-bg),var(--color-code-bg));width:120px;text-align:center;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.input-group[data-astro-cid-lln7thxh] input[data-astro-cid-lln7thxh]:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.1);transform:translateY(-2px);background:var(--color-bg)}.input-group[data-astro-cid-lln7thxh] input[data-astro-cid-lln7thxh]:hover{border-color:var(--color-text);transform:translateY(-1px)}.maintain-ratio[data-astro-cid-lln7thxh]{display:flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:.875rem;cursor:pointer}.advanced-controls[data-astro-cid-lln7thxh]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.advanced-control[data-astro-cid-lln7thxh]{display:flex;flex-direction:column;gap:.25rem}.advanced-control[data-astro-cid-lln7thxh] label[data-astro-cid-lln7thxh]{font-family:var(--font-mono);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.advanced-control[data-astro-cid-lln7thxh] input[data-astro-cid-lln7thxh],.advanced-control[data-astro-cid-lln7thxh] select[data-astro-cid-lln7thxh]{padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:8px;font-family:var(--font-mono);background-color:var(--color-bg);font-size:.875rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.advanced-control[data-astro-cid-lln7thxh] input[data-astro-cid-lln7thxh]:focus,.advanced-control[data-astro-cid-lln7thxh] select[data-astro-cid-lln7thxh]:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.1);transform:translateY(-1px)}.advanced-control[data-astro-cid-lln7thxh] input[data-astro-cid-lln7thxh][type=number],.advanced-control[data-astro-cid-lln7thxh] .number-input[data-astro-cid-lln7thxh]{text-align:center;font-weight:600;background:linear-gradient(135deg,var(--color-bg),var(--color-code-bg));position:relative}.advanced-control[data-astro-cid-lln7thxh] input[data-astro-cid-lln7thxh][type=number]::-webkit-outer-spin-button,.advanced-control[data-astro-cid-lln7thxh] input[data-astro-cid-lln7thxh][type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.advanced-control[data-astro-cid-lln7thxh] input[data-astro-cid-lln7thxh][type=number]{-moz-appearance:textfield}.advanced-control[data-astro-cid-lln7thxh] input[data-astro-cid-lln7thxh][type=checkbox]{width:18px;height:18px;padding:0;cursor:pointer;accent-color:var(--color-accent)}.action-buttons[data-astro-cid-lln7thxh]{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.compress-btn[data-astro-cid-lln7thxh],.download-btn[data-astro-cid-lln7thxh],.reset-btn[data-astro-cid-lln7thxh]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:4px;font-family:var(--font-mono);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.compress-btn[data-astro-cid-lln7thxh]{background-color:var(--color-accent);color:var(--color-bg)}.download-btn[data-astro-cid-lln7thxh]{background-color:#10b981;color:#fff}.reset-btn[data-astro-cid-lln7thxh]{background-color:transparent;color:var(--color-secondary);border:1px solid var(--color-border)}.compress-btn[data-astro-cid-lln7thxh]:hover,.download-btn[data-astro-cid-lln7thxh]:hover{transform:translateY(-1px)}.reset-btn[data-astro-cid-lln7thxh]:hover{border-color:var(--color-text);color:var(--color-text)}.instructions-section[data-astro-cid-lln7thxh]{margin-bottom:2rem}.instructions-content[data-astro-cid-lln7thxh]{background-color:var(--color-card);padding:2rem}.instructions-title[data-astro-cid-lln7thxh]{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--color-accent)}.instructions-grid[data-astro-cid-lln7thxh]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.instruction-item[data-astro-cid-lln7thxh]{text-align:center}.instruction-icon[data-astro-cid-lln7thxh]{font-size:2rem;margin-bottom:1rem}.instruction-item[data-astro-cid-lln7thxh] h3[data-astro-cid-lln7thxh]{font-family:var(--font-mono);font-size:1rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.instruction-item[data-astro-cid-lln7thxh] p[data-astro-cid-lln7thxh]{color:var(--color-secondary);font-size:.9rem;line-height:1.5;margin:0;font-family:var(--font-sans)}.hidden[data-astro-cid-lln7thxh]{display:none!important}.toast-container[data-astro-cid-lln7thxh]{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast[data-astro-cid-lln7thxh]{display:flex;align-items:center;gap:12px;min-width:300px;max-width:500px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:var(--font-sans);font-size:.9rem;line-height:1.4;backdrop-filter:blur(10px);transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-show[data-astro-cid-lln7thxh]{transform:translate(0);opacity:1}.toast-success[data-astro-cid-lln7thxh]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-left:4px solid #34d399}.toast-error[data-astro-cid-lln7thxh]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-left:4px solid #f87171}.toast-warning[data-astro-cid-lln7thxh]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-left:4px solid #fbbf24}.toast-info[data-astro-cid-lln7thxh]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-left:4px solid #60a5fa}.toast-icon[data-astro-cid-lln7thxh]{font-size:1.2rem;flex-shrink:0}.toast-message[data-astro-cid-lln7thxh]{flex:1;font-weight:500}.toast-close[data-astro-cid-lln7thxh]{background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0}.toast-close[data-astro-cid-lln7thxh]:hover{background-color:#fff3}@media (max-width: 768px){.compressor-container[data-astro-cid-lln7thxh]{padding:1.5rem}.upload-area[data-astro-cid-lln7thxh]{padding:2rem 1rem}.upload-icon[data-astro-cid-lln7thxh],.page-title[data-astro-cid-lln7thxh]{font-size:2rem}.image-comparison[data-astro-cid-lln7thxh]{grid-template-columns:1fr;gap:1rem}.format-selector[data-astro-cid-lln7thxh]{grid-template-columns:repeat(2,1fr)}.dimension-inputs[data-astro-cid-lln7thxh]{flex-direction:column;align-items:stretch}.input-group[data-astro-cid-lln7thxh] input[data-astro-cid-lln7thxh]{width:100%}.action-buttons[data-astro-cid-lln7thxh]{flex-direction:column}.instructions-grid[data-astro-cid-lln7thxh]{grid-template-columns:1fr;gap:1.5rem}.toast-container[data-astro-cid-lln7thxh]{top:10px;right:10px;left:10px}.toast[data-astro-cid-lln7thxh]{min-width:auto;max-width:none;width:100%}}