.drop{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:1.5rem 1rem;text-align:center;cursor:pointer;background:var(--surface-2);transition:border-color .15s,background .15s}.drop.over,.drop:focus-visible,.drop:hover{border-color:var(--accent);background:var(--surface)}.drop strong{display:block;color:var(--accent-text);margin-bottom:.25rem}.drop span{display:block;color:var(--muted);font-size:.85rem}.thumbs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.thumb{position:relative;width:72px;border:2px solid var(--border);border-radius:var(--radius-sm);padding:.2rem;background:var(--surface);cursor:pointer;line-height:0}.thumb.active{border-color:var(--accent)}.thumb img{width:100%;height:48px;object-fit:contain;display:block}.thumb .tname{display:block;font-size:.65rem;line-height:1.2;color:var(--muted);margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb .tdel{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--err-text);font-size:.85rem;line-height:1;cursor:pointer;padding:0}.panel{display:flex;justify-content:center;padding:.9rem;background:#202226;border-radius:var(--radius-sm);border:1px solid var(--border)}.panel .bezel{background:#0b0c0e;padding:10px;border-radius:10px;box-shadow:inset 0 0 0 1px #3a3d42;line-height:0}.panel.round .bezel{border-radius:999px;padding:12px}.panel canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;max-width:100%}.panel.round canvas{border-radius:999px}.panel-meta{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;font-size:.82rem;color:var(--muted)}.mem{margin-top:.75rem}.mem-row{display:grid;grid-template-columns:1fr auto;gap:.25rem .5rem;font-size:.82rem;margin-bottom:.5rem}.mem-row .mlabel{color:var(--text-2)}.mem-row .mval{font-family:var(--mono);color:var(--text-2);font-size:.78rem}.mem-row .mbar{grid-column:1/-1;height:7px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.mem-row .mfill{height:100%;background:var(--ok);transition:width .2s}.mem-row.warn .mfill{background:var(--warn)}.mem-row.over .mfill{background:var(--err)}.sizeline{display:flex;align-items:center;gap:.5rem}.sizeline input{min-width:0}.sizeline span{color:var(--muted)}.slider-row{display:flex;align-items:center;gap:.6rem}.slider-row input[type=range]{flex:1;min-width:0}.slider-row output{font-family:var(--mono);font-size:.8rem;min-width:2.6rem;text-align:right;color:var(--text-2)}.checks{display:flex;flex-wrap:wrap;gap:.75rem 1.1rem}.checks label{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;cursor:pointer;margin:0;font-weight:400}.segs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.segs button{font-size:.85rem;padding:.4rem .7rem}.segs button[aria-pressed=true]{background:var(--btn-bg);color:var(--accent-ink);border-color:var(--btn-bg)}.chroma-row{display:flex;align-items:center;gap:.5rem}.chroma-row input[type=color]{padding:0;width:42px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:0 0;cursor:pointer}.stat-line{font-family:var(--mono);font-size:.82rem;color:var(--text-2);margin-top:.5rem}