main{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 24px;gap:28px}.tw-controls{width:100%;max-width:1100px}.tw-search-input{width:100%;background:var(--bg3);border:1px solid var(--border);color:#fff;padding:14px 18px;border-radius:var(--r);outline:none;font-size:16px;transition:border-color .2s}.tw-search-input:focus{border-color:var(--accent)}.tw-search-input::placeholder{color:var(--muted)}.tw-grid{width:100%;max-width:1100px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.tw-color-group{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.tw-color-group-header{padding:10px 12px;font-size:14px;font-weight:700;color:#fff;text-transform:capitalize;border-bottom:1px solid var(--border);background:var(--bg3)}.tw-swatch{height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative}.tw-swatch:hover{transform:scale(1.08);z-index:2;box-shadow:0 4px 16px #0006}.tw-swatch .tw-label{font-size:9px;font-weight:600;font-family:JetBrains Mono,monospace;text-shadow:0 1px 3px rgba(0,0,0,.6);color:#fff;pointer-events:none;opacity:0;transition:opacity .15s}.tw-swatch:hover .tw-label{opacity:1}.tw-swatch .tw-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:11px;font-family:JetBrains Mono,monospace;white-space:nowrap;color:#fff;z-index:10;pointer-events:none}.tw-swatch:hover .tw-tooltip{display:block}@media(max-width:768px){main{padding:20px 12px;gap:16px}.tw-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}}.t-tailwind-colors-1,.t-tailwind-colors-1-51974{display:flex;gap:8px;margin-bottom:12px}