.circuit-thumbnail-workspace { display:grid; gap:14px; min-width:0; padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); color:var(--text); }
.circuit-thumbnail-workspace h4,.circuit-thumbnail-workspace p { margin:0; }
.circuit-thumbnail-workspace h4 { font-size:1rem; }
.circuit-thumbnail-source,.circuit-thumbnail-hint { color:var(--muted); font-size:.88rem; line-height:1.5; }
.circuit-thumbnail-stage { display:grid; grid-template: minmax(0,1fr) / minmax(0,1fr); place-items:center; width:100%; min-height:220px; height:clamp(220px,26vw,340px); overflow:hidden; border:1px solid var(--line); border-radius:8px; background:#f8fafc; color:#172b43; }
.circuit-thumbnail-stage[data-background="dark"] { background:#0b1728; color:#f1f5f9; }
.circuit-thumbnail-stage[data-background="transparent"] { background-color:#f8fafc; background-image:conic-gradient(#e2e8f0 25%,transparent 0 50%,#e2e8f0 0 75%,transparent 0); background-size:20px 20px; }
.circuit-thumbnail-stage img { display:block; min-width:0; min-height:0; max-width:100%; max-height:100%; width:100%; height:100%; object-fit:contain; }
.circuit-thumbnail-stage p { padding:24px; text-align:center; }
.circuit-thumbnail-options { display:flex; flex-wrap:wrap; align-items:end; gap:14px 22px; }
.circuit-thumbnail-options .field { flex:1 1 140px; max-width:240px; }
.circuit-thumbnail-check { display:flex; align-items:center; gap:8px; min-height:40px; cursor:pointer; }
.circuit-thumbnail-check input { width:18px; height:18px; accent-color:var(--accent); }
.circuit-thumbnail-actions { display:flex; flex-wrap:wrap; gap:8px; }
.circuit-thumbnail-actions .btn { min-height:40px; }
.circuit-thumbnail-message { min-height:1.5em; font-size:.9rem; line-height:1.5; }
@media(max-width:600px) { .circuit-thumbnail-workspace { padding:14px; } .circuit-thumbnail-actions .btn { flex:1 1 160px; } .circuit-thumbnail-options .field { max-width:none; } }