.tool-header{margin-bottom:2rem}.tool-header p{font-size:1.1rem}.tool-container{max-width:800px;margin:0 auto}.engine-toggle{display:inline-flex;align-items:center;background:var(--surface-muted);padding:.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.toggle-label{font-size:.9rem;font-weight:600;margin-right:1rem;padding-left:.5rem;color:var(--text-muted)}.engine-btn{background:0 0;border:none;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-weight:500;color:var(--text-muted);transition:var(--transition)}.engine-btn.active{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--primary)}.upload-area{border:2px dashed var(--primary);border-radius:var(--radius-lg);background:rgba(79,70,229,.02);padding:3rem 2rem;text-align:center;cursor:pointer;transition:var(--transition)}.upload-area.drag-over,.upload-area:hover{background:rgba(79,70,229,.08);border-color:var(--primary-hover)}.upload-area h3{margin-bottom:.5rem;color:var(--primary)}.settings-panel{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;background:var(--surface-muted);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.setting-group{display:flex;flex-direction:column}.setting-group label{font-weight:600;margin-bottom:.5rem}.setting-group select{padding:.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);outline:0;font-family:inherit;font-size:.95rem;background:var(--surface);color:var(--text-main)}.setting-group input[type=range]{width:100%;margin-bottom:.5rem;accent-color:var(--primary)}.text-muted{font-size:.8rem;color:var(--text-muted)}.image-preview{display:flex;gap:1.5rem;justify-content:center}@media (max-width:600px){.image-preview{flex-direction:column}.settings-panel{grid-template-columns:1fr}}.preview-box{flex:1;position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);background:var(--checker-base);min-height:200px;display:flex;flex-direction:column}.preview-box img{width:100%;height:300px;object-fit:contain;background-image:linear-gradient(45deg,var(--checker-accent) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-accent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-accent) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-accent) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;color:#fff;z-index:10}.badge-original{background:var(--text-muted)}.badge-compressed{background:var(--secondary)}.stats{padding:.75rem;background:var(--surface);text-align:center;font-weight:500;border-top:1px solid var(--border-color)}.text-primary{color:var(--primary)}.font-bold{font-weight:700;font-size:1.2rem}.result-item{margin-bottom:2.5rem}.file-title{color:var(--text-main);font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:space-between;align-items:center}.delete-btn{background:0 0;border:none;color:#ef4444;cursor:pointer;padding:.25rem;border-radius:var(--radius-md);transition:var(--transition);display:inline-flex;align-items:center;justify-content:center}.delete-btn:hover{background:rgba(239,68,68,.1)}.ratio-text{font-size:1.1rem}