.svgc-code{font-family:var(--font-mono);min-height:220px;font-size:.8125rem;line-height:1.5}.svgc-size{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:.5rem;display:grid}.svgc-size .ui-icon-btn{margin-bottom:2px}.svgc-size .ui-icon-btn[aria-pressed=true]{color:var(--accent-indigo);border-color:var(--border-focus)}.svgc-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;display:grid}.svgc-preview{border:1px solid var(--border-card);border-radius:var(--radius-md);background:repeating-conic-gradient(var(--bg-tertiary) 0% 25%, var(--bg-secondary) 0% 50%) 50% / 18px 18px;place-items:center;min-height:220px;padding:.75rem;display:grid}.svgc-preview img{object-fit:contain;max-width:100%;max-height:360px}.svgc-files{flex-direction:column;gap:.35rem;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.svgc-file{align-items:center;gap:.35rem;display:flex}.svgc-file-main{border:1px solid var(--border-card);border-radius:var(--radius-sm);background:var(--bg-card);min-width:0;min-height:40px;color:var(--text-primary);text-align:left;cursor:pointer;flex:1;justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .7rem;font-size:.85rem;display:flex}.svgc-file-main[aria-current=true]{border-color:var(--accent-indigo);background:var(--border-subtle)}.svgc-file-main:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}.svgc-file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.svgc-file-meta{color:var(--text-secondary);flex-shrink:0;font-size:.75rem}.svgc-file-meta.is-bad{color:var(--accent-red)}.svgc-color{border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;width:44px;height:40px;padding:2px}@media (width<=768px){.svgc-code.ui-input,.svgc-size .ui-input,.svgc-row .ui-input{font-size:1rem}}@media (width<=420px){.svgc-row{grid-template-columns:minmax(0,1fr)}}