/* Studio — layered on mochi.css (shared PCB-page design) */
button{width:100%;margin-top:12px}
button.sec{width:auto}
button.blue{background:#eaf2ff;border-color:#8fb4ff;box-shadow:0 3px 0 #b9cffc;color:#1e3a8a}
button.ok{background:var(--mint);border-color:#5fd3a8;box-shadow:0 3px 0 #8fdcbf;color:#14532d}
.row button{flex:1;min-width:140px;margin-top:0;width:auto}
#status,#pingst{font-size:14px;font-weight:700;margin:10px 0 0}
#status:empty,#pingst:empty{display:none}
#log{font-size:12px;white-space:pre-wrap;background:#fdf0f6;border:1px solid var(--line);padding:10px;border-radius:14px;max-height:160px;overflow:auto;margin-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
#log:empty{display:none}
.preview-box{display:none;margin-top:14px;padding:14px;border:2px dashed var(--pink);border-radius:18px;text-align:center;background:linear-gradient(180deg,#fff,#fff5fa)}
.preview-box.show{display:block}
#previewGif{max-width:240px;max-height:240px;border-radius:14px;background:#2b2140;border:4px solid #2b2140;box-shadow:var(--shadow)}
.meta{font-size:12px;color:var(--muted);margin-top:8px}
.badge{display:inline-block;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--pink2);color:var(--ink);margin:0 4px}