.my-card-layout{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:24px;margin:20px 0}.my-card-preview canvas{display:block;width:100%;height:auto;max-height:none;border-radius:16px}.my-card-controls>button,.my-card-controls fieldset button,.my-card-form button{margin:8px 8px 8px 0}.my-card-controls details{margin:22px 0;padding:16px;border:1px solid #42536b;border-radius:12px}.my-card-controls summary{cursor:pointer;color:#52e59b}.my-card-controls table{width:100%;border-collapse:collapse;font-size:14px}.my-card-controls td,.my-card-controls th{text-align:left;padding:8px 3px;border-bottom:1px solid #36485e}.my-card-controls li{margin:12px 0}.my-card-form{max-width:520px;padding:20px;background:#0d1b2e;border:1px solid #3b5065;border-radius:16px}.my-card-form label{display:block;margin:14px 0}.my-card-form input,.my-card-form select{display:block;width:100%;padding:12px;margin-top:8px;background:#071525;color:#edf5ff;border:1px solid #566b82;border-radius:8px;font:inherit}.my-card-controls fieldset{padding:12px;border:1px solid #42536b;border-radius:10px}.my-card-controls [aria-pressed=true]{border:2px solid #39df8b}.card-moment{margin:12px 0}.card-moment button{margin-right:10px}.card-tier-reveal{animation:cardReveal .5s ease-out}.my-card-form :focus-visible,.my-card-controls :focus-visible{outline:3px solid #39df8b;outline-offset:3px}@keyframes cardReveal{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){.my-card-layout{grid-template-columns:minmax(0,1fr)}.my-card-preview{max-width:440px;margin:auto;width:100%}}@media(prefers-reduced-motion:reduce){.card-tier-reveal{animation:none;transform:none}}