.ascii-studio-grid{display:grid;grid-template-columns:360px 1fr;gap:2rem;margin-top:2rem}@media (max-width: 1024px){.ascii-studio-grid{grid-template-columns:1fr}}.ascii-controls-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:1.25rem}.dropzone-box{border:2px dashed var(--border);border-radius:var(--r-lg);padding:1.5rem 1rem;text-align:center;cursor:pointer;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:all .2s ease}.dropzone-box:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone-text{font-size:.88rem;font-weight:700;color:var(--text-1)}.dropzone-sub{font-size:.75rem;color:var(--text-3)}.image-preview-thumb{display:flex;align-items:center;gap:.75rem;background:var(--surface-2);padding:.5rem .75rem;border-radius:var(--r-md);border:1px solid var(--border)}.image-preview-thumb img{width:36px;height:36px;border-radius:6px;object-fit:cover}.image-preview-thumb span{font-size:.82rem;font-weight:600;color:var(--success)}.charset-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.charset-btn{padding:.5rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease}.charset-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text-1)}.ascii-preview-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column}.ascii-canvas-viewport{background:#090d16;border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem;min-height:480px;max-height:600px;overflow:auto;display:flex;align-items:flex-start;justify-content:center}.ascii-pre{margin:0;font-family:JetBrains Mono,monospace;font-size:.55rem;line-height:.65;letter-spacing:.05em;color:var(--info);white-space:pre}.empty-ascii-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-3);margin:auto;text-align:center}