:root{color:#3f3f46;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;font-size:12px}button,input{font:inherit}button{border:0}.page{width:min(100% - 48px,1440px);margin:0 auto;padding:24px 0 40px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.app-intro{max-width:560px}.eyebrow{margin:0 0 8px;color:#71717a;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.app-header h1{margin:0;color:#27272a;font-size:28px;line-height:1.05;letter-spacing:0}.app-tagline{margin:10px 0 0;max-width:480px;color:#71717a;font-size:13px;font-weight:600;line-height:1.5}.app-links{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}.app-link{display:inline-flex;align-items:center;gap:7px;min-height:34px;border-radius:8px;padding:0 13px;color:#27272a;background:#f4f4f5;font-weight:800;text-decoration:none;transition:background-color .12s ease,color .12s ease,transform .12s ease}.app-link:hover{color:#fff;background:#27272a;transform:translateY(-1px)}.app-link svg{flex-shrink:0}.app-layout{display:grid;grid-template-columns:180px minmax(0,1fr) 260px;gap:22px;align-items:start}.main-column{width:min(100%,1040px);min-width:0}.search-shell{position:sticky;top:18px;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:54px;border-radius:10px;padding:0 12px 0 16px;color:#71717a;background:#f4f4f5}.search-icon{color:#52525b}.search-shell input{width:100%;border:0;color:#3f3f46;background:transparent;outline:none;font-size:18px;letter-spacing:0}.search-shell input::placeholder{color:#9ca3af}kbd{border-radius:6px;padding:5px 8px;color:#71717a;background:#e9e9ec;box-shadow:inset 0 0 0 1px #0000000d;font-size:12px;font-weight:700}.result-meta{display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:#71717a;font-size:12px;font-weight:800}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,52px);gap:10px;margin-top:16px}.icon-card{display:grid;width:52px;height:52px;place-items:center;border:1px solid transparent;border-radius:8px;color:#3f3f46;background:#f4f4f5;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,transform .12s ease}.icon-card:hover{color:#27272a;background:#efeff1;transform:translateY(-1px)}.icon-card.is-selected{border-color:#ef6b6b;background:#fafafa}.empty-state{display:grid;min-height:240px;place-items:center;color:#71717a;font-size:20px}.category-sidebar,.inspector-sidebar{position:sticky;top:18px;display:grid;gap:10px}.sidebar-section{border-radius:10px;padding:12px;background:#f8f8f9}.selected-section{display:grid;gap:10px}.preview-tile{display:grid;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:8px;color:#27272a;background-color:#fff;background-image:linear-gradient(#ececef 1px,transparent 1px),linear-gradient(90deg,#ececef 1px,transparent 1px);background-size:16px 16px}.selected-section h2,.section-title h2{margin:0;color:#27272a;font-size:15px;line-height:1.15;letter-spacing:0}.selected-section p{margin:0;color:#71717a;font-size:12px;font-weight:700}.copy-row{display:grid;gap:8px}.primary-action,.secondary-action{min-height:34px;border-radius:999px;padding:0 12px;cursor:pointer;font-size:12px;font-weight:800}.primary-action,.secondary-action{color:#3f3f46;background:#eeeef2}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.section-title span{border-radius:6px;padding:4px 7px;color:#71717a;background:#ececf0;font-size:11px;font-weight:800}.control-label,.range-label{display:grid;gap:8px;color:#52525b;font-size:12px;font-weight:800}.control-label{grid-template-columns:1fr auto;align-items:center}.control-label input{width:34px;height:26px;border:0;padding:0;background:transparent;cursor:pointer}.swatch-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:10px 0 12px}.swatch{aspect-ratio:1;border:2px solid transparent;border-radius:999px;background:var(--swatch-color);cursor:pointer}.swatch.is-active{border-color:#fff;box-shadow:0 0 0 2px #27272a}.range-label{grid-template-columns:1fr auto;align-items:center}.range-label input{grid-column:1 / -1;width:100%;accent-color:#27272a}.category-list{display:grid;gap:6px}.category-button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;border-radius:7px;padding:0 9px;color:#52525b;background:#fff;cursor:pointer;font-weight:800}.category-button strong{color:#a1a1aa;font-size:11px}.category-button.is-active{color:#fff;background:#27272a}.category-button.is-active strong{color:#d4d4d8}@media (max-width: 1180px){.app-layout{grid-template-columns:1fr 260px}.category-sidebar,.inspector-sidebar{position:static}.category-sidebar{grid-row:1;grid-column:1 / -1}.category-list{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.selected-section{grid-template-columns:96px 1fr}.selected-section .copy-row,.selected-section p{grid-column:2}}@media (max-width: 720px){.page{width:min(100% - 20px,1440px);padding-top:18px}.app-header{display:grid;align-items:stretch}.app-header h1{font-size:24px}.app-layout,.category-list{grid-template-columns:1fr}.search-shell{min-height:48px;padding-left:18px}.search-shell input{font-size:16px}kbd{display:none}.icon-grid{grid-template-columns:repeat(auto-fill,52px);gap:8px}.selected-section{grid-template-columns:1fr}.selected-section .copy-row,.selected-section p{grid-column:auto}}