.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:148px;padding:24px 16px;border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text-2);text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.drop-zone.is-hover,.drop-zone:focus-visible,.drop-zone:hover{border-color:var(--accent);background:var(--surface);outline:0}.drop-zone strong{color:var(--text);font-size:1.05rem}.drop-zone small{color:var(--muted)}.size-presets{display:flex;flex-wrap:wrap;gap:8px}.size-presets .btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.frame-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin}.frame-chip{position:relative;flex:0 0 auto;padding:4px;border:2px solid var(--border);border-radius:var(--radius-sm);background:#000;cursor:pointer;line-height:0;transition:border-color .15s,opacity .15s}.frame-chip:focus-visible,.frame-chip:hover{border-color:var(--accent);outline:0}.frame-chip.is-off{opacity:.3}.frame-thumb{width:72px;height:auto;image-rendering:pixelated}.frame-num{position:absolute;right:4px;bottom:4px;padding:0 4px;border-radius:4px;background:rgba(0,0,0,.65);color:#fff;font-family:var(--mono-font, ui-monospace, "Cascadia Code", Consolas, monospace);font-size:.7rem;line-height:1.5}.preview-screen{display:flex;align-items:center;justify-content:center;min-height:160px;padding:16px;border-radius:var(--radius);background:#101114;border:1px solid var(--border)}.oled-canvas{width:100%;max-width:384px;height:auto;image-rendering:pixelated;background:#000}.preview-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.frame-count{color:var(--muted);font-size:.9rem}.memory-report{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:12px;padding:12px 14px;border-left:4px solid var(--muted);border-radius:var(--radius-sm);background:var(--surface-2);font-size:.92rem}.memory-report:empty{display:none}.memory-report strong{font-size:1.05rem;color:var(--text)}.memory-report span{color:var(--text-2)}.memory-report.is-ok{border-left-color:var(--ok)}.memory-report.is-warn{border-left-color:var(--warn)}.memory-report.is-bad{border-left-color:var(--err)}.output-area{width:100%;min-height:220px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-family:ui-monospace,"Cascadia Code",Consolas,"Courier New",monospace;font-size:.82rem;line-height:1.5;white-space:pre;overflow:auto;resize:vertical;tab-size:2}.output-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}@media (max-width:640px){.frame-thumb{width:56px}.preview-screen{padding:10px}}@media (max-width:1199px){.tool-split--sticky-sm .tool-split__aside .oled-canvas{width:100%;max-width:232px;max-height:16vh}.tool-split--sticky-sm .tool-split__aside .preview-screen{min-height:0}.tool-split--sticky-sm .tool-split__aside .memory-report{gap:2px 10px;line-height:1.35}}