.fav-tool{max-width:1400px;margin:0 auto}.fav-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-bottom:24px}.fav-left{display:flex;flex-direction:column;gap:20px;padding:24px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.fav-right{position:relative}.fav-sticky{position:sticky;top:80px;display:flex;flex-direction:column;gap:16px}.control-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.control-group input[type=text],.control-group select{width:100%;padding:8px 12px;font-size:.95rem;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg);color:var(--text);transition:border-color .15s ease}.control-group input[type=text]:focus,.control-group select:focus{outline:none;border-color:var(--primary)}.control-group input[type=range]{width:100%}.mode-toggle{display:flex;gap:8px}.mode-btn{flex:1;padding:10px 16px;font-size:.9rem;font-weight:600;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.mode-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.shape-toggle{display:flex;gap:8px}.shape-btn{flex:1;padding:8px 12px;font-size:.85rem;font-weight:600;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.shape-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.text-row{display:flex;gap:12px;margin-top:12px}.text-col{flex:1}.text-col label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;display:block}.color-row{display:flex;gap:8px;align-items:center}.color-row input[type=color]{width:40px;height:36px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:2px;background-color:var(--bg)}.hex-input{flex:1;padding:8px 10px!important;font-size:.85rem!important;font-family:Courier New,monospace;text-transform:uppercase}.color-presets{display:flex;gap:8px;flex-wrap:wrap}.preset-btn{width:36px;height:36px;border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:.85rem;font-weight:900;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,border-color .15s ease}.preset-btn:hover{transform:scale(1.1);border-color:var(--primary)}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:32px 20px;text-align:center;cursor:pointer;transition:all .15s ease}.upload-zone:hover,.upload-zone.dragover{border-color:var(--primary);background-color:var(--primary-light)}.upload-icon{font-size:2rem;margin-bottom:8px}.upload-text{font-weight:600;font-size:.95rem;margin-bottom:4px}.upload-hint{font-size:.8rem;color:var(--text-tertiary)}.upload-warning{margin-top:8px;padding:8px 12px;font-size:.85rem;color:#92400e;background-color:#fef3c7;border-radius:var(--radius);border:1px solid #fde68a}.platform-checks{display:flex;flex-direction:column;gap:10px}.check-item{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);transition:all .15s ease}.check-item:hover{border-color:var(--primary);background-color:var(--primary-light)}.check-item input[type=checkbox]{margin-top:3px;width:18px;height:18px;cursor:pointer}.check-item span{font-size:.9rem;font-weight:600;line-height:1.4}.check-item small{font-weight:400;color:var(--text-tertiary);font-size:.8rem}.browser-mockup{border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;background-color:var(--bg-secondary)}.browser-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border)}.browser-dots{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background-color:#ef4444}.dot.yellow{background-color:#f59e0b}.dot.green{background-color:#10b981}.browser-tabs{display:flex;gap:4px;align-items:center}.browser-tab{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px 6px 0 0;font-size:.8rem;color:var(--text-tertiary)}.browser-tab.active{background-color:var(--bg);color:var(--text);border:1px solid var(--border);border-bottom:1px solid var(--bg)}.tab-favicon{width:16px;height:16px;border-radius:2px}.tab-title{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-close{color:var(--text-tertiary);cursor:pointer;font-size:1rem;line-height:1}.tab-new{color:var(--text-tertiary);cursor:pointer}.preview-section{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.preview-wrap{display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--bg);border-radius:var(--radius)}#preview-canvas{width:200px;height:200px;border-radius:12px;image-rendering:auto}.preview-info{font-size:.8rem;color:var(--text-tertiary)}.download-actions{display:flex;gap:10px;flex-wrap:wrap}.download-actions .btn{flex:1;min-width:120px}.icons-section{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.icons-title{font-size:1.1rem;font-weight:700;margin-bottom:16px}.icon-accordion{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;overflow:hidden}.icon-accordion:last-child{margin-bottom:0}.accordion-header{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;background-color:var(--bg-tertiary);transition:background-color .15s ease;user-select:none}.accordion-header:hover{background-color:var(--primary-light)}.accordion-arrow{font-size:.7rem;color:var(--text-tertiary);width:14px;flex-shrink:0}.accordion-title{font-size:.9rem;font-weight:600;flex:1}.accordion-count{font-size:.75rem;color:var(--text-tertiary);background-color:var(--bg);padding:2px 8px;border-radius:999px}.accordion-body{padding:12px}.icon-grid-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.icon-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease;text-align:center}.icon-cell:hover{border-color:var(--primary);background-color:var(--primary-light);transform:translateY(-2px)}.icon-canvas-wrap{display:flex;align-items:center;justify-content:center;height:52px}.icon-canvas-wrap canvas{max-width:44px;max-height:44px;border-radius:4px}.icon-size-label{font-size:.75rem;font-weight:600;color:var(--text)}.icon-filename{font-size:.65rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.btn-xs{padding:2px 8px;font-size:.7rem}.empty-state{text-align:center;padding:40px 20px;color:var(--text-tertiary);font-size:.95rem}.faq-section{max-width:800px;margin:0 auto;padding:48px 0}.faq-section h2{font-size:1.75rem;margin-bottom:28px}.faq-item{margin-bottom:24px}.faq-item h3{font-size:1.1rem;margin-bottom:8px}.faq-item p{color:var(--text-secondary);line-height:1.7}.faq-item code{font-family:Courier New,monospace;background-color:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:.85rem}@media (max-width: 900px){.fav-split{grid-template-columns:1fr}.fav-sticky{position:static}}@media (max-width: 768px){.text-row,.download-actions{flex-direction:column}.download-actions .btn{min-width:100%}}