/* AMH color experiment bar: same CSS as the Lab. Built by extract.mjs */
#cbar{--jub:#8dff5a;--jub2:#c8ff9e;--gb:#87cf35;--ink:#eef3ff;--dim:#9aa7c2;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;text-align:left}
#cbar{--cb:#8dff5a;--cbt:#06210a;max-width:none;margin:0;position:relative;z-index:4}
#cbar .row{display:flex;height:56px;border-bottom:1px solid #ffffff1f;box-shadow:0 6px 18px #0006}
#cbar .stripes{display:flex;flex:0 0 auto;max-width:42%;overflow:hidden;direction:rtl}
#cbar .stripes i{display:block;flex:0 0 4px;width:4px;height:100%}
#cbar .stripes i.stk{opacity:.55}
#cbar .main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;padding:0 10px 0 14px;background:var(--cb);color:var(--cbt);cursor:pointer;transition:background .5s;border:0;font:inherit;text-align:left}
#cbar .main:focus-visible{outline:3px solid #fff;outline-offset:-3px}
#cbar .lbl{font-weight:800;font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cbar .lbl small{display:block;font-weight:600;font-size:11.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cbar .btns{margin-left:auto;display:flex;gap:6px;flex:0 0 auto}
#cbar .btns>span{font-family:inherit;font-weight:700;font-size:12px;line-height:1;padding:8px 10px;border-radius:99px;border:1.5px solid currentColor;background:#ffffff2e;color:inherit;cursor:pointer}
#cbar .tab{display:none;position:absolute;right:12px;top:0;font-family:inherit;font-weight:700;font-size:11.5px;line-height:1;padding:6px 10px 7px;border-radius:0 0 10px 10px;border:0;background:var(--cb);color:var(--cbt);cursor:pointer}
#cbar.hid .row,#cbar.hid .panel{display:none}
#cbar.hid .tab{display:block}
#cbar.hid{height:0}
#cbar .panel{display:none;background:#091a34f5;border-bottom:2px solid var(--gb);padding:14px 16px 16px}
#cbar .panel.on{display:block}
#cbar .pin{max-width:1080px;margin:0 auto}
#cbar h3{margin:0 0 6px;font-size:16px;color:var(--jub2)}
#cbar .sw{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}
#cbar .sw button{width:30px;height:30px;border-radius:8px;border:2px solid #ffffff40;cursor:pointer;padding:0}
#cbar .sw button.sel{border-color:#fff;box-shadow:0 0 0 2px #000,0 0 10px #fff8}
#cbar .pick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 10px}
#cbar .pick input[type=color]{width:44px;height:34px;border:0;background:none;padding:0;cursor:pointer}
#cbar input[type=text],#cbar select,#cbar textarea{font:inherit;font-size:14px;color:var(--ink);background:#0c2142;border:1px solid #92d64a66;border-radius:9px;padding:7px 9px;min-width:0}
#cbar .hex{width:96px;font-family:ui-monospace,Menlo,monospace!important}
#cbar .f{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:6px 0}
#cbar textarea{width:100%;min-height:54px;resize:vertical;margin-top:8px}
#cbar .go{font-family:inherit;font-weight:800;font-size:15px;line-height:1;padding:11px 18px;border-radius:12px;border:0;cursor:pointer;color:#06210a;background:linear-gradient(135deg,var(--jub2),var(--jub))}
#cbar .ghost{font-family:inherit;font-weight:700;font-size:13px;line-height:1;padding:9px 12px;border-radius:10px;border:1px solid #92d64a88;background:#091a34;color:#d6ff8a;cursor:pointer}
#cbar .opt{margin:4px 0 0}
#cbar .opt>summary{cursor:pointer;font-weight:700;font-size:13.5px;color:#d6ff8a;padding:6px 0}
#cbar .flag{width:20px;height:15px;vertical-align:-2px;margin-right:5px;border-radius:2px}
#cbar .tp{display:flex;gap:8px;align-items:flex-start;margin:8px 0 0;font-size:13.5px;color:#d9e2f0;cursor:pointer}
#cbar .tp input{margin-top:3px;accent-color:#8dff5a}
#cbar .pl-line{margin-top:2px;font-style:italic;color:#c8ff9e}
#cbar .pl-line b{font-style:normal;color:#d6ff8a}
#cbar textarea.pline{margin-top:8px}
@media (max-width:600px){#cbar .f{grid-template-columns:1fr 1fr}#cbar textarea{min-height:44px}}
#cbar .wmap{margin:12px 0 0;border:1px solid #ffffff14;border-radius:12px;background:#060d1e;padding:8px}
#cbar .wmap svg{display:block;overflow:hidden;width:100%;height:auto}
#cbar .wlist{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}
#cbar .wc{font-size:12px;color:#d9e2f0;border:1px solid #92d64a55;border-radius:99px;padding:3px 8px}
#cbar .fine{font-size:12px;color:#93a6c2;margin:8px 0 0}
#cbar .msg{font-weight:700;color:#d6ff8a;margin:8px 0 0;min-height:1.2em}
#cbar .big{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
#cbar .big .chip{width:64px;height:64px;border-radius:14px;border:2px solid #ffffff55}
#cbar .kv{font-size:13.5px;color:#d9e2f0}
#cbar .kv b{color:#d6ff8a}
#cbar .code{display:flex;height:34px;margin:12px 0;border-radius:8px;overflow:hidden;border:1px solid #ffffff22}
#cbar .code i{flex:1 1 0;min-width:1px}
#cbar .log{list-style:none;margin:8px 0 0;padding:0 6px 0 0;max-height:250px;overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff14;border-radius:10px}
#cbar .log li{display:flex;gap:9px;align-items:flex-start;padding:7px 0;border-top:1px solid #ffffff12;font-size:13px;color:#d9e2f0}
#cbar .log .c{flex:0 0 22px;height:22px;border-radius:6px;border:1px solid #ffffff44}
#cbar .log .tm{color:#7f93ad;font-size:11.5px}
#cbar .stag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#06210a;background:#d6ff8a;border-radius:99px;padding:1px 6px}
@media (max-width:600px){#cbar .lbl{font-size:13.5px}#cbar .stripes{max-width:30%}}
#cbar code{word-break:break-all;color:#d6ff8a}
#cbar .row{position:relative}
#cbar .hist{position:absolute;inset:0;display:flex;z-index:0}
#cbar .hist i{display:block;flex:1 1 0;min-width:3px;height:100%;box-shadow:inset -1px 0 0 #00000040}
#cbar .stripes{display:none}
#cbar .main{position:relative;z-index:1;background:transparent!important}
#cbar .lbl{background:var(--cb);color:var(--cbt);padding:5px 10px;border-radius:10px;box-shadow:0 2px 10px #0007;max-width:100%}
#cbar .btns>span{background:var(--cb)!important;color:var(--cbt)!important;box-shadow:0 2px 8px #0006}
#cbar .code i{flex:1 1 0;min-width:2px}
#cbar{position:relative;z-index:2}