.cards-main{padding:52px 0 75px}.cards-intro{max-width:780px;margin-bottom:26px}.cards-intro h1{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.18;margin:8px 0 14px}.cards-intro p{color:#53615a}.cards-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.card-controls,.card-preview{background:#fffdf8;border:1px solid #dfe5dd;border-radius:20px;padding:22px;box-shadow:0 12px 30px #10342b0d}.card-controls label{display:block;font-weight:800;margin:8px 0 5px}.card-controls select{width:100%;padding:11px;border:1px solid #ccd9d1;background:white;border-radius:10px;font:inherit;margin-bottom:16px}.card-controls .full{width:100%;margin:5px 0 14px}.card-controls a,.card-credit a{color:#0f6b63;font-weight:800}.card-controls p{color:#66736f}.card-note{border-top:1px solid #dfe5dd;padding-top:16px;font-size:.9rem}.card-preview{display:flex;justify-content:center;background:#e7eee8}.card-preview canvas{display:block;width:min(100%,560px);height:auto;box-shadow:0 12px 35px #10342b22}.card-credit{border-top:1px solid #dfe5dd;margin-top:36px;padding-top:25px;color:#66736f}@media(max-width:760px){.cards-main{padding:26px 0 50px}.cards-layout{grid-template-columns:1fr}.card-controls,.card-preview{padding:17px}}
.card-controls .card-fallback{display:block;margin:5px 0 13px;font-size:.88rem}.card-controls .card-fallback[hidden]{display:none}