:root{--accent: #7c5cff;--accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);--accent-line: color-mix(in srgb, var(--accent) 45%, transparent);--radius: 16px;--radius-sm: 10px;--sidebar: 252px;--sidebar-collapsed: 76px;--ease: cubic-bezier(.2, .8, .2, 1);--font: "Inter", "Segoe UI", system-ui, -apple-system, "Noto Sans Arabic", Tahoma, sans-serif;--green: #22c55e;--yellow: #eab308;--orange: #f97316;--red: #ef4444}:root[data-theme=dark]{color-scheme:dark;--bg: #08080a;--surface: #0e0e11;--card: #121216;--card-2: #18181d;--card-hover: #1c1c22;--border: #22222a;--border-strong: #2e2e38;--text: #ededf2;--muted: #8b8b9a;--faint: #55556a;--bar: #26262f;--shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 10px 30px rgba(0, 0, 0, .35)}:root[data-theme=light]{color-scheme:light;--bg: #f5f6f8;--surface: #ffffff;--card: #ffffff;--card-2: #f3f4f7;--card-hover: #f8f9fb;--border: #e5e7ec;--border-strong: #d6d9e0;--text: #14151a;--muted: #6b7080;--faint: #a3a7b3;--bar: #e8eaef;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .06)}:root[data-motion=reduced] *{animation:none!important;transition:none!important}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:3px solid var(--bg)}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12.5px}.tiny{font-size:11px}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.nowrap{flex-wrap:nowrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:16px}.stack.sm{gap:8px}.grid{display:grid;gap:16px}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-main{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}@media(max-width:1200px){.cols-4,.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-main{grid-template-columns:1fr}}@media(max-width:640px){.cols-4,.cols-3,.cols-2{grid-template-columns:1fr}}.fade-in{animation:fadeIn .35s var(--ease) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}}.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .25s var(--ease)}.shell.collapsed{grid-template-columns:var(--sidebar-collapsed) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--surface);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;padding:14px 12px;gap:4px;overflow:hidden;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px}.brand-logo{width:36px;height:36px;border-radius:11px;background:var(--accent);display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:0 6px 18px var(--accent-soft)}.brand-name{font-weight:750;font-size:16px;letter-spacing:-.02em;white-space:nowrap}.brand-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line)}.guild-pill{display:flex;align-items:center;gap:10px;padding:9px;border-radius:12px;background:var(--card);border:1px solid var(--border);margin-bottom:8px;cursor:pointer;transition:.15s}.guild-pill:hover{border-color:var(--border-strong)}.guild-pill img,.guild-pill .ph{width:32px;height:32px;border-radius:9px;flex-shrink:0}.ph{background:var(--card-2);display:grid;place-items:center;font-weight:700;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 20%,transparent);display:inline-block}.status-dot.red{background:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 20%,transparent)}.nav{flex:1;overflow-y:auto;overflow-x:hidden;margin:0 -4px;padding:0 4px}.nav-section{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--faint);padding:16px 10px 6px;text-transform:uppercase;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:8px 10px;border:0;background:none;border-radius:10px;color:var(--muted);cursor:pointer;text-align:start;white-space:nowrap;transition:background .15s,color .15s;position:relative}.nav-item svg{flex-shrink:0}.nav-item:hover{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--text)}.nav-item.active{background:color-mix(in srgb,var(--accent) 17%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent);color:var(--text);font-weight:650}.nav-item.active svg,.nav-item:hover svg{color:var(--accent)}.nav-count{margin-inline-start:auto;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--card);border:1px solid var(--border);color:var(--text)}.collapsed .brand-name,.collapsed .brand-tag,.collapsed .nav-label,.collapsed .nav-count,.collapsed .guild-meta,.collapsed .nav-section{display:none}.collapsed .nav-item,.collapsed .guild-pill,.collapsed .brand{justify-content:center}.collapsed .nav-section-sep{display:block}.nav-section-sep{display:none;height:1px;background:var(--border);margin:10px 8px}.user-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border-top:1px solid var(--border);margin-top:6px}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--card-2)}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 28px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.search{display:flex;align-items:center;gap:10px;flex:1;max-width:420px;padding:8px 12px;border-radius:11px;background:var(--card);border:1px solid var(--border);color:var(--faint);cursor:pointer;transition:.15s}.search:hover{border-color:var(--border-strong)}.kbd{margin-inline-start:auto;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:6px;border:1px solid var(--border-strong);color:var(--muted)}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid transparent;background:none;color:var(--muted);cursor:pointer;position:relative;transition:.15s}.icon-btn:hover{background:var(--card);border-color:var(--border);color:var(--text)}.icon-btn .ping{position:absolute;top:7px;inset-inline-end:8px;width:8px;height:8px;border-radius:50%;background:var(--red);border:2px solid var(--bg)}.content{padding:28px;max-width:1400px;width:100%;margin:0 auto}.mobile-only{display:none}@media(max-width:900px){.shell,.shell.collapsed{grid-template-columns:1fr}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:280px;transform:translate(-105%);transition:transform .25s var(--ease);box-shadow:var(--shadow)}[dir=rtl] .sidebar{transform:translate(105%)}.sidebar.open{transform:none!important}.collapsed .nav-label,.collapsed .nav-section,.collapsed .brand-name,.collapsed .guild-meta,.collapsed .nav-count,.collapsed .brand-tag{display:initial}.mobile-only{display:grid}.desktop-only{display:none!important}.topbar,.content{padding-inline:16px}.content{padding-top:18px}}.scrim{position:fixed;inset:0;background:#00000080;z-index:25;animation:fadeIn .2s}.page-head{display:flex;align-items:center;gap:14px;margin-bottom:22px;flex-wrap:wrap}.page-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 8px 24px var(--accent-soft);flex-shrink:0}.page-title{font-size:24px;font-weight:750;letter-spacing:-.02em}.page-sub{color:var(--muted);font-size:13px;margin-top:3px;display:flex;align-items:center;gap:8px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:border-color .2s,transform .2s var(--ease);min-width:0}.card.hover:hover{border-color:var(--border-strong);transform:translateY(-2px)}.card-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.card-title{font-weight:650;font-size:15px}.card-sub{color:var(--muted);font-size:12px;margin-top:2px}.stat-top{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px;font-weight:500}.stat-top .chip{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--card-2);color:var(--muted)}.stat-value{font-size:28px;font-weight:750;letter-spacing:-.03em;margin:12px 0 4px;font-variant-numeric:tabular-nums}.stat-delta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.stat-delta.up{color:var(--green)}.stat-delta.down{color:var(--red)}.spark{display:flex;align-items:flex-end;gap:3px;height:30px;margin-top:14px;direction:ltr}.spark span{flex:1;border-radius:3px;background:var(--bar);min-height:4px;transition:height .4s var(--ease)}.spark span.hi{background:var(--accent)}.chart{display:flex;align-items:flex-end;gap:5px;height:240px;padding-top:8px;direction:ltr}.chart .col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative;cursor:default}.chart .seg{width:100%;border-radius:4px;min-height:3px;transition:height .45s var(--ease)}.chart .seg+.seg{margin-top:2px}.chart .col:hover .tip{opacity:1;transform:translate(-50%,-6px)}.tip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);opacity:0;pointer-events:none;transition:.15s;background:var(--card-2);border:1px solid var(--border-strong);padding:7px 10px;border-radius:9px;font-size:11.5px;white-space:nowrap;z-index:5;box-shadow:var(--shadow)}.axis{display:flex;gap:5px;direction:ltr;margin-top:8px}.axis span{flex:1;text-align:center;font-size:10px;color:var(--faint)}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.legend i{width:9px;height:9px;border-radius:3px;display:inline-block;margin-inline-end:6px}.rank{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--border)}.rank:last-child{border-bottom:0}.rank .ini{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--card-2);font-size:11px;font-weight:750;color:var(--muted);flex-shrink:0}.rank .num{font-weight:700;font-variant-numeric:tabular-nums}.bar-track{height:4px;background:var(--bar);border-radius:4px;overflow:hidden;margin-top:6px}.bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .5s var(--ease)}.event{display:flex;gap:12px;padding:12px 2px;border-bottom:1px solid var(--border);align-items:flex-start}.event:last-child{border-bottom:0}.sev{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.sev.critical{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red)}.sev.high{background:color-mix(in srgb,var(--orange) 14%,transparent);color:var(--orange)}.sev.medium{background:color-mix(in srgb,var(--yellow) 14%,transparent);color:var(--yellow)}.sev.low{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--card-2);border:1px solid var(--border);color:var(--muted);white-space:nowrap}.badge.green{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,transparent);background:color-mix(in srgb,var(--green) 10%,transparent)}.badge.red{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,transparent);background:color-mix(in srgb,var(--red) 10%,transparent)}.badge.orange{color:var(--orange);border-color:color-mix(in srgb,var(--orange) 35%,transparent);background:color-mix(in srgb,var(--orange) 10%,transparent)}.badge.yellow{color:var(--yellow);border-color:color-mix(in srgb,var(--yellow) 35%,transparent);background:color-mix(in srgb,var(--yellow) 10%,transparent)}.badge.accent{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card);cursor:pointer;font-weight:550;transition:.15s;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--card-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}.btn.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,transparent);background:color-mix(in srgb,var(--red) 8%,transparent)}.btn.ghost{background:none;border-color:transparent}.btn.lg{padding:11px 20px;font-size:15px}.btn.sm{padding:5px 10px;font-size:12.5px}.input,.select,textarea.input{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px;min-width:0;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input.num{width:78px;text-align:center}textarea.input{width:100%;resize:vertical}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>label,.label{font-size:12.5px;color:var(--muted);font-weight:550}.seg-ctl{display:inline-flex;padding:3px;border-radius:11px;background:var(--card);border:1px solid var(--border);gap:2px}.seg-ctl button{border:0;background:none;padding:6px 12px;border-radius:8px;cursor:pointer;color:var(--muted);font-weight:600;font-size:12.5px}.seg-ctl button.on{background:var(--card-2);color:var(--text);box-shadow:0 1px 2px #0003}.toggle{position:relative;width:40px;height:22px;border-radius:999px;background:var(--border-strong);border:0;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:inset-inline-start .2s var(--ease);box-shadow:0 1px 3px #0000004d}.toggle.on{background:var(--accent)}.toggle.on:after{inset-inline-start:21px}.toggle:disabled{opacity:.45;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border-radius:8px;background:var(--card-2);border:1px solid var(--border);font-size:12.5px}.chip button{background:none;border:0;cursor:pointer;color:var(--muted);padding:0 2px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;overflow-x:auto}.tabs button{border:0;background:none;padding:10px 14px;cursor:pointer;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.table-wrap{overflow-x:auto;margin:0 -18px;padding:0 18px}.table{width:100%;border-collapse:collapse}.table th{text-align:start;font-size:11.5px;font-weight:650;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:12px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--card-hover)}.banner{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:12px;border:1px solid var(--border);background:var(--card)}.banner.red{border-color:color-mix(in srgb,var(--red) 40%,transparent);background:color-mix(in srgb,var(--red) 8%,var(--card))}.banner.yellow{border-color:color-mix(in srgb,var(--yellow) 40%,transparent);background:color-mix(in srgb,var(--yellow) 7%,var(--card))}.banner.accent{border-color:var(--accent-line);background:color-mix(in srgb,var(--accent) 7%,var(--card))}.overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;animation:fadeIn .2s}.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(520px,100vw);background:var(--surface);border-inline-start:1px solid var(--border);z-index:61;display:flex;flex-direction:column;animation:slideIn .28s var(--ease)}[dir=ltr] .drawer{animation-name:slideInLtr}@keyframes slideIn{0%{transform:translate(-30px);opacity:0}}@keyframes slideInLtr{0%{transform:translate(30px);opacity:0}}.drawer-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}.drawer-body{flex:1;overflow-y:auto;padding:20px}.drawer-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:10px}.palette{position:fixed;top:12vh;left:50%;transform:translate(-50%);width:min(600px,94vw);background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;z-index:61;box-shadow:0 30px 80px #00000080;overflow:hidden;animation:fadeIn .18s var(--ease)}.palette input{width:100%;border:0;border-bottom:1px solid var(--border);background:none;padding:16px 18px;font-size:15px;outline:none}.palette-list{max-height:50vh;overflow-y:auto;padding:6px}.palette-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;color:var(--muted)}.palette-item.on{background:var(--card-2);color:var(--text)}.popover{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:360px;max-width:92vw;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 20px 60px #00000073;z-index:40;overflow:hidden;animation:fadeIn .18s var(--ease)}.popover-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center}.popover-body{max-height:420px;overflow-y:auto}.pop-item{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer}.pop-item:hover{background:var(--card-hover)}.menu-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;color:var(--muted)}.menu-item:hover{background:var(--card-hover);color:var(--text)}.skel{background:linear-gradient(90deg,var(--card-2) 25%,var(--card-hover) 50%,var(--card-2) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite linear;border-radius:8px}@keyframes shimmer{to{background-position:-200% 0}}.toasts{position:fixed;bottom:20px;inset-inline-start:20px;display:flex;flex-direction:column;gap:10px;z-index:80}.toast{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border-strong);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);animation:fadeIn .25s var(--ease);max-width:420px}.toast.error{border-inline-start:3px solid var(--red)}.toast.success{border-inline-start:3px solid var(--green)}.toast.info{border-inline-start:3px solid var(--accent)}.sys-card{display:flex;flex-direction:column;gap:12px}.sys-card .desc{color:var(--muted);font-size:12.5px;line-height:1.5}.sys-meta{display:flex;gap:8px;flex-wrap:wrap}.kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--border);font-size:13px}.kv:last-child{border-bottom:0}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.hero{max-width:440px;width:100%;text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center;padding:40px 32px}.guild-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.guild-tile{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;cursor:pointer;padding:24px 16px}.guild-tile img,.guild-tile .ph{width:64px;height:64px;border-radius:18px;font-size:22px}.ring{--p: 0;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--bar) 0);display:grid;place-items:center;flex-shrink:0}.ring:before{content:"";width:50px;height:50px;border-radius:50%;background:var(--card);grid-area:1 / 1}.ring b{grid-area:1 / 1;z-index:1;font-size:14px}.dc-msg{background:#313338;color:#dbdee1;border-radius:12px;padding:14px 16px;direction:ltr;text-align:left;font-family:gg sans,Segoe UI,Tahoma,sans-serif}.dc-row{display:flex;gap:12px}.dc-bot-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);display:grid;place-items:center;color:#fff;flex-shrink:0}.dc-name{font-weight:600;color:#f2f3f5}.dc-tag{background:#5865f2;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;margin-left:4px}.dc-content{margin:2px 0 6px;white-space:pre-wrap}.dc-mention{background:#5865f24d;color:#c9cdfb;border-radius:3px;padding:0 2px;font-weight:500}.dc-embed{display:grid;grid-template-columns:1fr auto;gap:8px 16px;background:#2b2d31;border-radius:4px;border-left:4px solid;padding:10px 16px 14px 12px;max-width:432px}.dc-author{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#f2f3f5}.dc-author img{width:24px;height:24px;border-radius:50%}.dc-title{font-weight:700;color:#f2f3f5;font-size:16px}.dc-desc{font-size:14px;white-space:pre-wrap;line-height:1.4}.dc-thumb{width:80px;height:80px;border-radius:4px;object-fit:cover;grid-row:1 / span 3;grid-column:2}.dc-image{grid-column:1 / -1;width:100%;max-height:260px;object-fit:cover;border-radius:4px;margin-top:4px}.dc-footer{grid-column:1 / -1;font-size:12px;color:#b5bac1}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips button{background:var(--card-2);border:1px solid var(--border);border-radius:8px;padding:4px 10px;cursor:pointer;font-size:12px}.chips button:hover{border-color:var(--accent)}.swatch{width:30px;height:30px;border-radius:9px;border:2px solid transparent;cursor:pointer}.swatch.on{border-color:var(--text);box-shadow:0 0 0 2px var(--bg) inset}