.code-dialog{width:min(980px,94vw);max-width:94vw;height:min(780px,90vh);max-height:90vh;padding:26px;border:1px solid #d4cbe1;border-radius:16px;background:#faf9fc;color:#292333;box-shadow:0 30px 100px #20132e55;overflow:auto}.code-dialog::backdrop{background:#21182c88;backdrop-filter:blur(4px)}.code-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.code-heading-row h2{font:700 24px/1.3 system-ui,sans-serif;letter-spacing:-.5px;margin:6px 0}.code-eyebrow{font:10px monospace;letter-spacing:2px;color:#8c75a3}.code-close{background:none;border:1px solid #ddd5e6;border-radius:7px;padding:6px 12px;color:#655071}.code-explanation,.code-caption{font:13px/1.6 system-ui,sans-serif;color:#7d6f89;margin:10px 0 16px}.code-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 0;border-block:1px solid #e2dce8}.code-tabs,.code-actions{display:flex;gap:5px;flex-wrap:wrap}.code-controls button{font:12px system-ui,sans-serif;padding:9px 12px;border:1px solid #ded4e7;background:white;color:#746180;border-radius:6px;cursor:pointer}.code-tabs button[aria-selected=true]{background:#e9e0f6;color:#634592;border-color:#bda7d6}.code-controls button:hover{border-color:#a380c1}.code-dialog pre{height:calc(100% - 245px);min-height:230px;margin:0;background:#252130;color:#e3dced;padding:20px;border-radius:9px;overflow:auto;tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.code-dialog code{font:inherit}.code-status{font:12px system-ui,sans-serif;color:#665275;min-height:20px;margin-top:10px}.code-dialog :focus-visible{outline:3px solid #d39251;outline-offset:3px}#view-code{white-space:nowrap;margin-left:0}.code-dialog[open]{display:block}@media(max-width:600px){.code-dialog{padding:18px}.code-dialog pre{height:350px}.code-heading-row h2{font-size:20px}}

.code-dialog{height:auto;max-height:90vh}.code-dialog pre{height:auto;min-height:90px;max-height:52vh;margin-top:16px}.code-controls{align-items:center}.code-controls .code-caption{margin:0;flex:1}.code-explanation{margin-bottom:12px}
.code-dialog{background:#1d1924;color:#eee6f6;border-color:#53415f}.code-heading-row h2{color:#eee6f6}.code-eyebrow{color:#c4a0e1}.code-explanation,.code-caption{color:#b4a4bf}.code-controls{border-color:#44354f}.code-controls button,.code-close{background:#302539;color:#e8cff9;border-color:#624774}.code-controls button:hover,.code-close:hover{background:#40304d;border-color:#aa80c5}.code-dialog pre{background:#100e15;color:#e3d6ec;border:1px solid #3b2e47}.code-status{color:#cbb0de}

.card-code-option{display:block;margin:12px 0;color:#beaed0;font-size:12px}.card-code-option[hidden]{display:none}