.cp [hidden]{display:none!important}.cp{display:grid;gap:18px}.cp-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch}.cp-drop{position:relative;display:grid!important;place-items:center;align-content:center;text-align:center;gap:6px!important;min-height:120px;border:2px dashed #c9d3cc;border-radius:var(--r);background:var(--bg);padding:18px 16px;cursor:pointer;color:var(--mute);font-weight:500!important}.cp-drop b{color:var(--ink);font-size:16px}.cp-drop .ic{color:var(--g2)}.cp-drop:hover,.cp-drop.is-over{border-color:var(--g2);background:var(--g-soft)}.cp-drop:focus-within{outline:3px solid var(--gold);outline-offset:2px}.cp-file{position:absolute;width:1px!important;height:1px;opacity:0;pointer-events:none}.cp-acts{display:grid;gap:8px;align-content:center}.cp-ghost{background:#fff!important;color:var(--g)!important;border:1px solid var(--g2)!important;box-shadow:none!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px}.cp-ghost:hover{background:var(--g-soft)!important;transform:none!important}.cp-view{position:relative;border-radius:var(--r-sm);overflow:hidden;display:grid;place-items:center;min-height:180px;background:repeating-conic-gradient(#eceae3 0 25%,#fff 0 50%) 0 0/18px 18px;border:1px solid var(--line)}.cp-view.is-over{outline:3px dashed var(--g2);outline-offset:-6px}.cp-view>canvas{display:block;max-width:100%;max-height:60vh;width:auto;height:auto;cursor:crosshair;touch-action:pan-y pinch-zoom}.cp-view>canvas:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.cp-badge{position:absolute;left:10px;top:10px;background:#14211bc7;color:#fff;font-size:12.5px;font-weight:600;border-radius:99px;padding:3px 10px;pointer-events:none}.cp-loupe{position:absolute;left:0;top:0;width:110px;pointer-events:none;display:grid;justify-items:center;gap:4px;z-index:2}.cp-loupe canvas{width:110px;height:110px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #00000040,0 10px 24px -8px #00000080;image-rendering:pixelated;background:#fff}.cp-loupe b{background:#14211b;color:#fff;font:600 12.5px ui-monospace,Consolas,monospace;border-radius:8px;padding:2px 8px}.cp-side{display:grid;gap:18px}.cp-l{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.cp-ks button{min-width:44px;min-height:44px!important;padding:0 12px!important;justify-content:center}.cp-share{display:flex;height:22px;border-radius:99px;overflow:hidden;margin:14px 0 6px;box-shadow:inset 0 0 0 1px #00000014;background:#eee}.cp-share i{display:block;height:100%;min-width:2px}.cp-status{margin:0;font-size:14px;color:var(--mute)}.cp-exp{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cp-exp button{min-height:44px;display:inline-flex;align-items:center;gap:6px}.cp-pick{display:flex;gap:12px;align-items:stretch}.cp-pchip{flex:none;width:92px;border-radius:var(--r-sm);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #0000001a;min-height:120px}.cp-pchip b{font-family:var(--font-head);font-size:28px}.cp-pvals{display:grid;gap:4px;min-width:0;flex:1}.cp-pvals small{color:var(--mute);font-size:13px}.cp-val{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important;min-height:44px;text-align:left;padding:4px 10px!important;font:500 14px ui-monospace,Consolas,monospace!important;border-radius:10px;overflow-wrap:anywhere}.cp-val:hover{border-color:var(--g2)!important;color:var(--g)!important;transform:none!important}.cp-hex{font-weight:700!important;font-size:16px!important;text-transform:uppercase}.cp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px}.cp-sw{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:grid;align-content:start;box-shadow:var(--shadow-sm);min-width:0}.cp-blk{display:flex!important;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;min-height:118px;width:100%;border-radius:0!important;border:0!important;padding:10px 12px!important;text-align:left;box-shadow:none!important;font-weight:600}.cp-blk:hover{transform:none!important;filter:brightness(1.04)}.cp-blk .aa{font-family:var(--font-head);font-size:26px;line-height:1.1;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.cp-blk .aa small{font-family:inherit;font-size:12.5px;font-weight:600;opacity:.9}.cp-blk .hx{font:700 17px ui-monospace,Consolas,monospace;text-transform:uppercase}.cp-info{padding:8px 10px 10px;display:grid;gap:4px}.cp-info .cp-val{min-height:40px;font:500 13.5px Hind Siliguri,sans-serif!important;font-variant-numeric:tabular-nums}.cp-meta{font-size:13px;color:var(--mute);margin:2px 2px 0}.cp-meta b{color:var(--ink)}.cp-bar{height:6px;border-radius:99px;background:#eef1ee;overflow:hidden}.cp-bar i{display:block;height:100%;background:var(--g2)}@media(max-width:820px){.cp-top{grid-template-columns:1fr}.cp-acts{grid-template-columns:1fr 1fr}}@media(max-width:620px){.cp-grid{grid-template-columns:1fr 1fr;gap:8px}.cp-blk{min-height:96px}.cp-exp>button{flex:1 1 100%;justify-content:center}.cp-view>canvas{max-height:50vh}}