.deck-library{margin:18px 0 22px;padding:24px;border:1px solid #e3e9df;border-radius:19px;background:#fff;box-shadow:0 12px 30px #153c3512}.deck-library-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.deck-library-top span{font-size:10px;letter-spacing:.15em;color:#a98b62;font-weight:900}.deck-library-top h3{font-size:23px;color:#163e37;margin:5px 0}.deck-library-top p{font-size:12px;color:#74877a;margin:0}.deck-library-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.deck-library-tools input{min-width:260px;border:1px solid #d8e1d8;border-radius:10px;padding:10px 12px;color:#21483d;background:#fff}.deck-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.deck-template-card{border:1px solid #e4e8df;border-radius:14px;overflow:hidden;background:#fff}.deck-template-art{height:158px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 84% 28%,#d4c18a66,transparent 38%),linear-gradient(120deg,#153e38,#3a6c5b)}.deck-template-art small{font-size:8px;letter-spacing:.12em;opacity:.8}.deck-template-art strong{font-family:'Noto Serif SC',serif;font-size:20px;line-height:1.3;max-width:200px}.deck-template-art span{font-size:9px;opacity:.8}.deck-template-art.theme-amber{background:radial-gradient(circle at 80% 28%,#f5ca8270,transparent 42%),linear-gradient(125deg,#3a241d,#96613e)}.deck-template-art.theme-midnight{background:radial-gradient(circle at 80% 28%,#9fc9d066,transparent 40%),linear-gradient(125deg,#132338,#365c6c)}.deck-template-art.theme-ivory{color:#24483c;background:radial-gradient(circle at 82% 23%,#ddb99390,transparent 45%),linear-gradient(125deg,#f7f0e2,#ded7c8)}.deck-template-info{padding:13px;display:flex;justify-content:space-between;align-items:center;gap:8px}.deck-template-info div{display:grid;gap:4px;min-width:0}.deck-template-info b{color:#173c35;font-size:12px}.deck-template-info small{color:#82958b;font-size:10px}.deck-template-info button{border:0;background:#eaf3ea;color:#17634e;border-radius:8px;padding:8px;font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer}.deck-template-info button:hover{background:#dcebdc}
@media(max-width:1000px){.deck-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.deck-library{padding:17px}.deck-library-top{align-items:flex-start}.deck-library-top .button{font-size:10px;padding:9px}.deck-library-tools input{width:100%;min-width:0}.deck-template-grid{grid-template-columns:1fr}}