.crafting-image-preview{padding:var(--spacing-xl);background:var(--bg-primary);border:2px dashed var(--border-light);border-radius:var(--radius-md);min-height:300px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);position:relative;overflow:hidden;transition:all var(--transition-normal);text-align:center}.crafting-image-preview:hover{border-color:var(--accent-blue);background:var(--bg-tertiary)}.crafting-image-preview p{margin:0;font-size:.95rem;color:var(--text-secondary)}.crafting-image-preview img{max-width:100%;max-height:500px;object-fit:contain;display:block;border-radius:var(--radius-md)}.share-card__meta-materials{display:inline-flex;align-items:center;gap:.25rem}.share-card__meta-left{flex-wrap:wrap!important;align-items:center}.share-card__meta-badge{white-space:nowrap}.share-card__class-tag{display:inline-block;padding:2px 8px;background:var(--accent-blue);color:#fff;font-size:.75rem;font-weight:600;border-radius:4px;white-space:nowrap;line-height:1.4}.share-card__badges{display:flex;gap:.5rem;margin-bottom:var(--spacing-md);flex-wrap:wrap}.share-card__links-row{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--spacing-sm);flex-wrap:wrap}.share-card__link-item{display:flex;align-items:center;padding:0;background:0 0;border:none;font-size:.85rem}.share-card__link-item a{color:var(--accent-blue);text-decoration:none;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-card__link-item a:hover{text-decoration:underline}.share-card__homepage{display:flex;align-items:center;padding:0;background:0 0;border:none;font-size:.85rem}.share-card__homepage a{display:inline!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:var(--accent-blue);text-decoration:none}.share-card__homepage a:hover{text-decoration:underline}.share-card__cost-amount{font-size:1rem;font-weight:600;color:var(--accent-orange);margin-right:.25rem}.share-card__cost-icon{width:24px;height:24px;object-fit:contain}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.checkbox-group label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);user-select:none;font-size:.9rem;font-weight:500}.checkbox-group label:hover{background:var(--bg-tertiary);border-color:var(--accent-blue);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-blue)}.checkbox-group input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-group label:has(input:disabled){opacity:.6;cursor:not-allowed}.checkbox-group label:has(input:checked){background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 4px 12px rgba(41,128,185,.3)}.filter-bar{margin-bottom:var(--spacing-md)}.filter-bar__tabs{display:flex;flex-wrap:wrap;gap:.5rem}.filter-bar__btn{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:.2s;font-size:.9rem;display:inline-flex;align-items:center}.filter-bar__btn:has(.class-icon){padding:0 .5rem 0 0;border-radius:6px;gap:.25rem}.filter-bar__btn:hover{background:var(--bg-tertiary);border-color:var(--accent-blue)}.filter-bar__btn--active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.class-icon{width:32px;height:32px;object-fit:contain;border-radius:3px;flex-shrink:0}.share-list{grid-template-columns:1fr!important}.share-card__image-container{height:auto!important;aspect-ratio:16/9;width:100%;background:var(--bg-tertiary)}.share-card__body{padding:var(--spacing-md) var(--spacing-lg)!important}.share-card__title{margin-bottom:var(--spacing-xs)!important}.share-card__meta{margin-bottom:var(--spacing-sm)!important}.page-header{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;padding:0;line-height:1.2}.action-bar{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.search-box{display:flex;gap:.5rem;align-items:center;max-width:500px;width:100%}.search-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;transition:.2s}.search-input:focus{outline:0;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(41,128,185,.1)}.search-box .btn{padding:.75rem 1.5rem;border-radius:8px;white-space:nowrap}.currency-selector{position:relative;width:100%}.currency-selector__display{padding:.75rem;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:.2s;min-height:48px}.currency-selector__display:hover{border-color:var(--accent-blue)}.currency-selector__display.active{border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(41,128,185,.1)}.currency-selector__placeholder{color:var(--text-secondary)}.currency-selector__display img{width:32px;height:32px;object-fit:contain}.currency-selector__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:300px;overflow-y:auto;z-index:1000;display:none}.currency-selector__dropdown.active{display:block}.currency-selector__option{padding:.75rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:background .2s}.currency-selector__option:hover{background:var(--bg-tertiary)}.currency-selector__option:first-child:hover{background:var(--bg-secondary)}.currency-selector__option img{width:32px;height:32px;object-fit:contain}.currency-selector__option span{color:var(--text-primary)}@media (max-width:768px){.search-box{max-width:100%}.checkbox-group{gap:var(--spacing-sm)}.checkbox-group label{padding:.4rem .8rem;font-size:.9rem}.filter-bar__tabs{gap:.4rem}.filter-bar__btn{padding:.4rem .8rem;font-size:.85rem}}.match-status-bar{background:linear-gradient(135deg,rgba(41,128,185,.1) 0,rgba(142,68,173,.1) 100%);border:1px solid var(--accent-blue);border-radius:8px;padding:1rem;margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;gap:1rem}.match-status-content{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-size:1rem}.match-icon{font-size:1.25rem}.match-text strong{color:var(--accent-blue);font-weight:600}.match-cancel-btn{padding:.5rem 1rem;background:0 0;border:1px solid var(--border-medium);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:.2s;font-size:.9rem}.match-cancel-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-dark)}.share-empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-top:2rem}.share-empty__icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.share-empty__text{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.share-empty__subtext{font-size:.95rem;margin-bottom:1.5rem;opacity:.8}