:root{--color--accent-1:#e84697;--color--accent-2:#ffb3b2;--color--accent-3:#ffe5e5;--bg-color--light:#f7f4f0;--bdr-color--badge:rgba(17, 17, 17, 0.07);--bg-color--body:#ffffff;--color--body:#111111;--color--body--light:#414141;--color--button:#ffffff}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif}body{background-color:var(--bg-color--body);color:var(--color--body);line-height:1.6;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:1rem}.header-section{position:sticky;top:0;background-color:var(--bg-color--body);padding:.5rem 0;z-index:100;border-bottom:1px solid #eee;margin-bottom:.3rem;width:100%;left:0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content{max-width:1200px;margin:0 auto;padding:0 1rem}.page-title{font-size:1.8rem;color:var(--color--body);margin-top:1rem;text-align:left;font-weight:300;text-transform:uppercase;letter-spacing:.02em;line-height:1.2}.search-container{margin-bottom:.3rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.search-row{display:flex;gap:.5rem;width:100%;margin-bottom:.3rem}.toggle-row{width:100%;display:flex;align-items:center;gap:.5rem;margin-top:.3rem}.search-input{flex:1;min-width:150px;padding:.5rem;font-size:1rem;border:1px solid #ddd;border-radius:4px;outline:0;transition:border-color .3s;height:35px}.search-input:focus{border-color:#999}.search-input.active-filter:focus{border-color:var(--color--accent-1)}.filters-row{display:flex;gap:.5rem;width:100%}.filter-group{flex:1;display:flex;flex-direction:column;gap:.2rem}.filter-label{font-size:.7rem;color:var(--color--body--light);font-weight:400}.filter-select{padding:.5rem;font-size:.9rem;border:1px solid #ddd;border-radius:4px;outline:0;transition:border-color .3s;background-color:#fff;flex:1}.filter-select:focus{border-color:#999}.filter-select.active-filter:focus{border-color:var(--color--accent-1)}.filter-select.active-filter,.search-input.active-filter{border-color:var(--color--accent-1);border-width:2px}.view-options{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--color--body--light)}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--color--accent-1)}input:checked+.toggle-slider:before{transform:translateX(20px)}.card-dimensions{font-size:.9rem;color:var(--color--body--light);min-width:100px;margin-top:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:65px}.card-dimensions div{margin-bottom:.2rem}.card-dimensions div.match{font-weight:700;background-color:var(--color--accent-3);border-radius:3px;display:inline-block}.card-dimensions div.nomatch{display:inline-block}.collections{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.collections.search-mode{display:block}.collection{background-color:var(--bg-color--light);padding:.8rem;box-shadow:0 4px 6px rgba(0,0,0,.1);height:100%;display:flex;flex-direction:column}.collection.search-mode{flex-direction:row;flex-wrap:wrap;padding:1rem;margin-bottom:.5rem}.collection-header{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-bottom:.5rem}.collection-header.search-mode{flex-direction:row;align-items:flex-start;text-align:left;width:100%;margin-bottom:.8rem;flex-wrap:wrap;gap:1rem}.collection-header.search-mode .collection-image{width:200px;height:200px;margin-right:0;margin-bottom:0;flex-shrink:0;object-fit:cover}.collection-info{flex:1;min-width:250px;text-align:left;display:flex;flex-direction:column}.collection-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.5rem;justify-content:space-between}.collection-actions.single-item{justify-content:flex-end}.show-cards-btn{padding:.4rem .2rem;background:0 0;color:#6c757d;border:none;cursor:pointer;font-size:.9rem;font-weight:500;line-height:1.4;text-decoration:underline;text-underline-offset:3px;transition:color .3s;white-space:nowrap}.show-cards-btn:hover{color:#495057;text-decoration:underline}.show-cards-btn:active{transform:translateY(0)}.collection-title{font-size:1.4rem;color:var(--color--body);margin-bottom:.4rem;text-align:left;font-weight:500}.collection-description{color:var(--color--body--light);margin-bottom:.5rem;white-space:pre-wrap;text-align:left}.highlight{background-color:var(--color--accent-2);border-radius:2px;display:inline;padding:0;margin:0}.collection-link{display:inline-block;padding:.5rem 1rem;background-color:var(--color--accent-1);color:var(--color--button);text-decoration:none;border-radius:6px;transition:background-color .3s;align-self:flex-end;margin-top:.5rem}.collection-link:hover{background-color:var(--color--accent-2)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;margin-top:.5rem;width:100%}.card{background-color:var(--bg-color--body);border:1px solid var(--bdr-color--badge);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:box-shadow .3s,transform .2s;display:flex;flex-direction:column;height:220px}.card.match{border:2px solid var(--color--accent-1);box-shadow:0 2px 8px rgba(232,70,151,.2)}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.card-thumbnail{width:100%;height:100px;overflow:hidden;background-color:var(--bg-color--light);display:flex;align-items:center;justify-content:center}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover .card-image{transform:scale(1.05)}.card-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#d0d0d0}.placeholder-icon{width:40px;height:40px;fill:currentColor;opacity:.8}.card-content{padding:.6rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.card-name{font-size:.95rem;color:var(--color--body);margin:0 0 .4rem;line-height:1.2;font-weight:500;text-align:center}.hidden{display:none}.collection-image{width:100%;height:200px;object-fit:cover;margin-bottom:1rem}.no-results{text-align:center;padding:2rem;color:var(--color--body--light);font-size:1.2rem;background-color:var(--bg-color--light);border-radius:4px;margin:1rem 0}@media (min-width:601px){.search-row{margin-bottom:0}.filters-row{flex:1;min-width:200px}.search-container{flex-wrap:nowrap}}@media (max-width:600px){.search-container{flex-direction:column;align-items:stretch}.filters-row,.search-input{width:100%;max-width:none}.filters-row{flex-direction:row}.filter-group{flex:1}.header-content{padding:0 .5rem}.collection-header{flex-direction:column;align-items:stretch}.collection-actions{justify-content:center;margin-top:.8rem}.collection-link,.show-cards-btn{flex:1;text-align:center;min-width:120px}.collection-header.search-mode{flex-direction:column;align-items:flex-start;text-align:left}.collection-header.search-mode .collection-image{width:100%;max-width:300px;height:200px;margin-bottom:1rem;object-fit:cover}.collection-info{width:100%;text-align:left}.collections{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.page-title{font-size:1.5rem;margin-bottom:1rem}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(3px)}.modal-content{background-color:var(--bg-color--body);margin:2% auto;padding:0;border-radius:8px;width:90%;max-width:1200px;max-height:90vh;box-shadow:0 4px 20px rgba(0,0,0,.3);overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee;background-color:var(--bg-color--light)}.modal-header h2{margin:0;color:var(--color--body);font-size:1.5rem;font-weight:500}.close-btn{background:0 0;border:none;font-size:2rem;cursor:pointer;color:var(--color--body--light);padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s}.close-btn:hover{background-color:rgba(0,0,0,.1);color:var(--color--body)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.modal-cards-grid .card{background-color:var(--bg-color--body);border:1px solid var(--bdr-color--badge);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.modal-cards-grid .card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.modal-cards-grid .card-thumbnail{width:100%;height:120px;overflow:hidden;background-color:var(--bg-color--light);display:flex;align-items:center;justify-content:center}.modal-cards-grid .card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.modal-cards-grid .card:hover .card-image{transform:scale(1.05)}.modal-cards-grid .card-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#d0d0d0}.modal-cards-grid .placeholder-icon{width:40px;height:40px;fill:currentColor;opacity:.8}.modal-cards-grid .card-content{padding:.6rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.modal-cards-grid .card-name{font-size:.95rem;color:var(--color--body);margin:0 0 .4rem;line-height:1.2;font-weight:500;text-align:center}.modal-cards-grid .card-dimensions{font-size:.9rem;color:var(--color--body--light)}@media (max-width:600px){.modal-content{margin:5% auto;width:95%;max-height:85vh}.modal-body,.modal-header{padding:1rem}.modal-cards-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}.modal-cards-grid .card-thumbnail{height:100px}}