.it-layout{align-content:start;gap:1rem;display:grid}.it-header{margin-bottom:.15rem}.it-privacy{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 8%, var(--surface));align-items:flex-start;gap:.7rem;padding:.9rem 1rem;display:flex}.it-privacy-icon{width:22px;height:22px;color:var(--accent);flex-shrink:0;margin-top:1px}.it-privacy strong{font-size:.95rem;display:block}.it-privacy span{color:var(--muted);margin-top:.15rem;font-size:.88rem;display:block}.it-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);gap:1rem;padding:1.15rem 1.25rem;display:grid}.it-results-card{padding:0;overflow:hidden}.it-dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;color:var(--muted);flex-direction:column;align-items:center;gap:.4rem;padding:1.7rem 1rem;transition:border-color .15s,background .15s;display:flex}.it-dropzone strong{color:var(--text);font-size:.98rem}.it-dropzone span{font-size:.86rem}.it-dropzone--active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.it-dropzone:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.it-dropzone-icon{color:var(--muted);margin-bottom:.15rem}.it-file-input{display:none}.it-controls{align-items:start;gap:.9rem;display:grid}.it-controls--compress{grid-template-columns:1.05fr .85fr 1fr}.it-controls--convert{grid-template-columns:1fr 1fr}.it-control{flex-direction:column;gap:.4rem;min-width:0;display:flex}.it-control>label{color:var(--text);font-size:.86rem;font-weight:600}.it-control output{color:var(--accent);font-weight:700}.it-control-hint{color:var(--muted);font-size:.78rem;line-height:1.45}.it-control select,.it-number-input{appearance:none;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:.45rem .7rem;font-size:.92rem;transition:border-color .15s}.it-control select:focus,.it-number-input:focus{border-color:var(--accent);outline:none}.it-control select:disabled,.it-number-input:disabled,.it-control input[type=range]:disabled{opacity:.5;cursor:not-allowed}.it-control input[type=range]{width:100%;accent-color:var(--accent);margin:.35rem 0}.it-actions{flex-wrap:wrap;gap:.6rem;display:flex}.it-actions .btn{padding:.45rem 1rem;font-size:.9rem}.it-status{min-height:1.3em;color:var(--accent);font-size:.9rem}.it-status--error{color:var(--danger-text,#fca5a5)}.it-result-header,.it-row{grid-template-columns:60px minmax(0,1fr) minmax(150px,auto) 84px;align-items:center;gap:.85rem;padding:.6rem .85rem;display:grid}.it-result-header{color:var(--muted);border-bottom:1px solid var(--border);font-size:.78rem}.it-list{max-height:400px;overflow-y:auto}.it-empty{text-align:center;color:var(--muted);padding:1.6rem 1rem;font-size:.9rem}.it-row{border-bottom:1px solid var(--border);font-size:.88rem}.it-row:last-child{border-bottom:none}.it-thumb-wrap{border:1px solid var(--border);background-color:color-mix(in srgb, var(--border) 30%, transparent);background-image:linear-gradient(45deg, color-mix(in srgb, var(--border) 55%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--border) 55%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--border) 55%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--border) 55%, transparent) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:8px;width:56px;height:56px;overflow:hidden}.it-thumb{object-fit:cover;width:100%;height:100%;display:block}.it-thumb-fallback{width:100%;height:100%;color:var(--muted);background:var(--surface);place-items:center;font-size:.68rem;font-weight:700;display:grid}.it-file-info{flex-direction:column;gap:3px;min-width:0;display:flex}.it-file-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.it-file-meta{color:var(--muted);font-size:.77rem}.it-result-info{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.it-saving{color:var(--muted);background:color-mix(in srgb, var(--border) 45%, transparent);border-radius:999px;padding:.08rem .45rem;font-size:.75rem;font-weight:700;display:inline-block}.it-saving--good{color:var(--accent-hover);background:color-mix(in srgb, var(--accent) 16%, transparent)}.it-saving--bad{color:var(--danger-text,#9b1c1c);background:var(--danger-bg,#fde8e8)}.it-size-line{color:var(--muted);white-space:nowrap;font-size:.77rem}.it-state{color:var(--muted);font-size:.8rem}.it-dl-btn{width:100%;padding:.3rem .55rem;font-size:.8rem}@media (width<=760px){.it-controls--compress,.it-controls--convert{grid-template-columns:1fr}.it-result-header{display:none}.it-row{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"thumb info action""thumb result action";align-items:center;row-gap:.35rem}.it-thumb-wrap{grid-area:thumb;width:48px;height:48px}.it-file-info{grid-area:info}.it-result-info{grid-area:result}.it-action{grid-area:action}}