.panel{position:sticky;top:0;z-index:200;background:#111;color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.65rem 1.4rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.05em}
.panel .lbl{color:#888;text-transform:uppercase;letter-spacing:.12em}
.panel .sw{width:20px;height:20px;border-radius:50%;border:1px solid #444;cursor:pointer;padding:0}
.panel .sw.on{outline:2px solid #fff;outline-offset:1px}
.panel input[type=color]{width:24px;height:24px;border:1px solid #444;background:none;cursor:pointer;border-radius:50%;padding:0}
.panel .hexout{color:#bbb;min-width:62px}
.panel .navlink{color:#bbb;text-decoration:none;border-bottom:1px solid #444;padding-bottom:1px}
.panel .navlink:hover{color:#fff;border-color:#fff}
.panel .navlink.cur{color:#fff;border-color:#fff}