:root{--primary:#8400ff;--primary-dark:#6b00cc;--secondary:#a03bff;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border:#e5e7eb;--border-light:#f3f4f6;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--radius:12px;--radius-sm:8px;--sidebar-width:280px;--header-height:64px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-secondary);color:var(--text-primary);line-height:1.6}.icon-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px;transition:all .2s ease}.icon-card.expanded{grid-column:span 2}.icon-preview{display:flex;justify-content:center;align-items:center;cursor:pointer}.icon-inspector{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.icon-header{display:flex;justify-content:space-between;margin-bottom:10px}.icon-sub{font-size:12px;color:#777}.icon-controls{display:flex;gap:12px;margin-bottom:10px}.icon-controls label{font-size:12px;display:flex;flex-direction:column}.icon-actions{display:flex;flex-wrap:wrap;gap:8px}.icon-actions button{padding:6px 10px;font-size:12px;border-radius:8px;border:1px solid #ddd;background:#f9f9f9;cursor:pointer}.icon-actions button:hover{background:#eee}@media (max-width:767px){body{padding-bottom:80px}}