.card{border:1px solid rgba(0,0,0,0.08);transition:transform 0.2s}.preview-container{max-width:100%;width:min(300px,100%);height:auto;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border-radius:8px;overflow:hidden;position:relative;border:1px solid #eee;margin:0 auto}.preview-size-info{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,0.6);color:#ffffff;padding:4px 8px;border-radius:4px;font-size:12px;z-index:10}.icon-preview{transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:bold;transform-origin:center center;box-sizing:border-box;min-width:0;min-height:0}.color-option{width:30px;height:30px;border-radius:50%;display:inline-block;margin-right:8px;cursor:pointer;border:2px solid transparent}.color-option.active{border-color:#333}.container-fluid{padding:1rem 1.5rem}.form-label{font-weight:500;margin-bottom:0.4rem;font-size:0.95rem}.style-preset-card{cursor:pointer;border-radius:8px;overflow:hidden;transition:all 0.2s;height:100%}.style-preset-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.1)}.style-preset-preview{height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.color-scheme-card{cursor:pointer;padding:10px;border-radius:8px;border:1px solid #dee2e6;transition:all 0.2s}.color-scheme-card:hover{border-color:var(--primary-color)}.color-scheme-colors{display:flex;height:24px;border-radius:4px;overflow:hidden;margin-top:8px}.color-scheme-color{flex:1}.custom-tabs{display:flex;border-bottom:2px solid #dee2e6;margin-bottom:1rem}.custom-tab{padding:0.5rem 1rem;cursor:pointer;font-size:0.95rem;font-weight:500;color:#6c757d;border-bottom:3px solid transparent;transition:all 0.2s;position:relative;bottom:-2px}.custom-tab:hover{color:var(--primary-color)}.custom-tab.active{color:var(--primary-color);font-weight:600;border-bottom-color:var(--primary-color)}@media (max-width:576px){.custom-tab{padding:0.5rem}.custom-tab .tab-text{display:none}.custom-tab i{margin-right:0}}.button-group-nowrap{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;justify-content:center}@media (max-width:576px){.button-group-nowrap .btn{padding:0.25rem 0.75rem}.button-group-nowrap .button-text{display:none}.button-group-nowrap i{margin-right:0}}.custom-tab-content{display:none}.custom-tab-content.active{display:block}.fa-icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-height:200px;overflow-y:auto;padding:10px;border:1px solid #dee2e6;border-radius:8px;background-color:#f8f9fa}.fa-icon-item{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:6px;cursor:pointer;transition:all 0.2s;background-color:#ffffff;border:1px solid transparent}.fa-icon-item:hover{border-color:var(--primary-color);background-color:rgba(74,108,247,0.05)}.fa-icon-item.active{border-color:var(--primary-color);background-color:rgba(74,108,247,0.1)}.fa-icon-item i{font-size:1.5rem;margin-bottom:5px;color:#333}@media (max-width:768px){.container-fluid{padding:0.75rem 1rem}.preview-container{min-height:250px}.fa-icon-grid{grid-template-columns:repeat(4,1fr)}}.font-preview-item{padding:8px;border-radius:4px;cursor:pointer;transition:all 0.2s;border:1px solid transparent}.font-preview-item:hover{background-color:rgba(74,108,247,0.05);border-color:rgba(74,108,247,0.2)}.font-preview-item.active{background-color:rgba(74,108,247,0.1);border-color:rgba(74,108,247,0.5)}.uploaded-icon-preview{max-width:100%;max-height:100%;object-fit:contain}.icon-type-badge{position:absolute;top:8px;right:8px;font-size:0.7rem;padding:2px 6px;border-radius:10px;background-color:rgba(0,0,0,0.7);color:#ffffff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:normal;text-transform:none}.style-preset-card{background:transparent;border:none;border-radius:var(--border-radius-sm);padding:4px;cursor:pointer;transition:all 0.3s ease;box-shadow:none;overflow:hidden;text-align:center;min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.style-preset-card:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px var(--shadow-color-primary-20)}.style-preset-preview{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;flex-shrink:0;margin:0 auto}.style-preset-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(0,0,0,0.1));pointer-events:none}.style-preset-card:hover .style-preset-preview{transform:scale(1.05)}.style-preset-card:hover .small.text-center.fw-medium{color:var(--primary-color);font-weight:600}@keyframes style-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.style-preset-card:active{animation:style-pulse 0.2s ease}