.card-container{aspect-ratio:3/2;perspective:1500px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;border-radius:.5rem;padding-bottom:32px}.card-container,.mcp-container{width:100%;max-width:999px;height:100%}.card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 16px rgba(0,0,0,.08),0 -2px 4px rgba(0,0,0,.05),0 2px 6px rgba(0,0,0,.03);border-radius:.5rem;position:relative;will-change:transform}.card.flipped{transform:rotateX(180deg)}.card-container.sliding .card,.mcp-container.sliding .card{animation:slideIn .5s ease forwards}@keyframes slideIn{0%{transform:translateX(-15%) rotateX(0deg)}to{transform:translateX(0) rotateX(0deg)}}.card-back,.card-front{width:100%;height:100%;backface-visibility:hidden;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#ffffff;border-radius:.5rem;overflow-y:auto;padding:12px;transform:translateZ(0)}.card-front{z-index:2}.card.flipped .card-front{z-index:1}.card-back{transform:rotateX(180deg);z-index:1}.card.flipped .card-back{z-index:2}.card-actions{position:absolute;display:flex;align-items:center;gap:.5rem}.card-actions.top-left{top:1rem;left:1rem}.label{font-size:.875rem;font-weight:600}.icon,.label{color:#6b7280}.icon{cursor:pointer}.button-container{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.button-yellow{background-color:#facc15;padding:.5rem 1rem;border-radius:.375rem;color:white;font-weight:700;transition:background-color .3s ease}.button-yellow:hover{background-color:#eab308}.button-green{background-color:#22c55e;padding:.5rem 1rem;border-radius:.375rem;color:white;font-weight:700;transition:background-color .3s ease}.button-green:hover{background-color:#16a34a}.mcp-card{width:100%;max-width:999px;height:auto;transform-style:preserve-3d;transition:transform .5s ease,box-shadow .5s ease;box-shadow:0 6px 16px rgba(0,0,0,.08),0 -2px 4px rgba(0,0,0,.05),0 2px 6px rgba(0,0,0,.03);border-radius:.5rem;position:relative;display:flex;flex-direction:column;will-change:transform}.card-container.ratio-16x9{aspect-ratio:16/7}.card-container.ratio-7x4{aspect-ratio:7/4}.card-container.tight-gap{padding-bottom:12px}@media (max-width:640px){.card-container.embedded{aspect-ratio:3/4}}