.pixelgram-card { margin:0 0 1rem; border:1px solid #d5ccea; border-radius:12px; overflow:hidden; background:#fff; color:#211731; }
.pixelgram-card[hidden] { display:none!important; }
.pixelgram-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:14px; }
.pixelgram-grid figure { margin:0; min-width:0; }
.pixelgram-grid figcaption { font-size:.8rem; font-weight:700; margin-bottom:8px; overflow-wrap:anywhere; }
.pixelgram-grid canvas { display:block; width:100%; height:auto; background:#eee9f5; border-radius:6px; cursor:crosshair; image-rendering:auto; }
.pixelgram-grid canvas:focus-visible { outline:3px solid #7750a6; outline-offset:2px; }
.pixelgram-inspector { background:#f3edf9; border-radius:6px; padding:10px; margin:0 14px 10px; font-family:ui-monospace,monospace; font-size:.8rem; overflow-wrap:anywhere; }
.pixelgram-note { margin:0 14px 8px; font-size:.8rem; line-height:1.5; }
.pixelgram-credit { margin:0 14px 14px; font-size:.7rem; line-height:1.5; color:#595167; }
.pixelgram-credit a { color:#5b328b; }
body.pixelgram-active .turtle-card { display:none!important; }
body.pixelgram-active .outputs { display:block!important; }
body.pixelgram-active .console-card { display:block!important; }
@media (max-width:500px) { .pixelgram-grid { grid-template-columns:1fr; } }