:root{--bg:#0f1220;--panel:#171a2b;--muted:#9aa3b2;--text:#e8eef7;--accent:#7cc4ff}*{box-sizing:border-box;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial}body{margin:0;background:linear-gradient(180deg,#0d111a,#0f1220);color:var(--text);display:flex;justify-content:center;align-items:center;min-height:100vh}.app{max-width:1000px;margin:32px auto;padding:24px;width:100%}.card{background:var(--panel);border:1px solid #22263d;border-radius:16px;box-shadow:0 8px 30px #00000059;padding:20px}h1{font-size:clamp(20px,3vw,28px);margin:0 0 14px}p.sub{color:var(--muted);margin-top:0}.row{display:flex;gap:12px;flex-wrap:wrap}.input{flex:1;min-width:180px;display:flex;flex-direction:column;gap:6px}label{font-size:12px;color:var(--muted)}input[type=text],input[type=search]{padding:12px 14px;border-radius:12px;border:1px solid #273152;background:#0f1324;color:var(--text);outline:none}input[type=text]:focus{border-color:#3554ff}.btn{padding:12px 14px;border-radius:12px;border:1px solid #2b3358;background:#121735;color:#dfe7ff;cursor:pointer}.btn:hover{filter:brightness(1.15)}.btn.secondary{background:#0e142c;border-color:#2a3153;color:#bfc9e6}.btn.icon{display:inline-flex;align-items:center;gap:8px}.swatch{width:100%;min-height:120px;border-radius:14px;border:1px solid #273152}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:18px}.item{background:#11162e;border:1px solid #222a53;border-radius:14px;overflow:hidden}.item .chip{height:90px}.item .meta{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.meta .txt{display:flex;flex-direction:column}.meta .name{font-weight:600}.meta .hex{font-family:ui-monospace,monospace;color:#9fb4ff}.actions{display:flex;gap:6px}.small{font-size:12px;color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.spacer{flex:1}.inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #2b3358;border-radius:999px;background:#0f1324;color:#cfe0ff;font-size:12px}