.pbcp{--pbcp-ink:var(--ink,#241915);--pbcp-line:#24191552;--pbcp-focus:var(--crust,#b4521c);--pbcp-err:#a4161a;min-width:0;max-width:360px;font:inherit;color:inherit;gap:12px;font-size:16px;display:grid}.pbcp *{box-sizing:border-box}.pbcp [hidden]{display:none!important}.pbcp-head{align-items:center;gap:12px;min-width:0;display:flex}.pbcp-chip{border:2px solid var(--pbcp-line);border-radius:12px;flex:none;width:44px;height:44px}.pbcp-name{min-width:0;line-height:1.3;display:grid}.pbcp-name b{overflow-wrap:anywhere;text-align:start;direction:ltr;unicode-bidi:isolate;font-weight:700}.pbcp-name span{opacity:.85;overflow-wrap:anywhere;font-size:14px}.pbcp-sv{border:2px solid var(--pbcp-line);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;direction:ltr;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#fff0);border-radius:12px;outline:none;height:168px;position:relative}.pbcp-sv:focus-visible{outline:3px solid var(--pbcp-focus);outline-offset:2px}.pbcp-thumb{pointer-events:none;border:3px solid #fff;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;box-shadow:0 0 0 1.5px #000000b3,0 1px 4px #0006}.pbcp-hue{appearance:none;cursor:pointer;direction:ltr;background:0 0;width:100%;height:44px;margin:0}.pbcp-hue::-webkit-slider-runnable-track{border:2px solid var(--pbcp-line);background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:9px;height:18px}.pbcp-hue::-moz-range-track{border:2px solid var(--pbcp-line);background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:9px;height:14px}.pbcp-hue::-webkit-slider-thumb{appearance:none;background:0 0;border:3px solid #fff;border-radius:50%;width:28px;height:28px;margin-top:-9px;box-shadow:0 0 0 1.5px #000000b3,0 1px 4px #0006}.pbcp-hue::-moz-range-thumb{background:0 0;border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1.5px #000000b3}.pbcp-hue:focus-visible{outline:3px solid var(--pbcp-focus);outline-offset:2px;border-radius:9px}.pbcp-row{align-items:flex-end;gap:8px;min-width:0;display:flex}.pbcp-f{flex:1;gap:4px;min-width:0;display:grid}.pbcp-f label{font-size:14px;font-weight:700}.pbcp-hex{appearance:none;width:100%;min-width:0;height:48px;font:inherit;border:2px solid var(--pbcp-line);color:#241915;text-align:start;direction:ltr;background:#fff;border-radius:12px;padding:0 12px;font-size:16px}.pbcp-hex:focus-visible{outline:3px solid var(--pbcp-focus);outline-offset:2px}.pbcp-hex[aria-invalid=true]{border-color:var(--pbcp-err)}.pbcp-btn{border:2px solid var(--pbcp-line);min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:99px;padding:.3em 1em;font-size:15px;font-weight:700}.pbcp-btn:focus-visible,.pbcp-sw:focus-visible{outline:3px solid var(--pbcp-focus);outline-offset:2px}.pbcp-btn[disabled]{opacity:.5;cursor:default}.pbcp-eye{flex:none;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:inline-flex}.pbcp-eye svg{width:22px;height:22px}.pbcp-err{color:var(--pbcp-err);margin:0;font-size:14px;font-weight:600}.pbcp-hint{opacity:.85;margin:0;font-size:14px}.pbcp-grp{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.pbcp-grp>legend,.pbcp-lab{padding:0;font-size:14px;font-weight:700}.pbcp-sws{flex-wrap:wrap;gap:6px;display:flex}.pbcp-sw{border:2px solid var(--pbcp-line);cursor:pointer;background-clip:padding-box;border-radius:50%;flex:none;width:44px;height:44px;padding:0}.pbcp-sw[aria-pressed=true]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--pbcp-ink)}.pbcp-contrast{border:2px solid var(--pbcp-line);border-radius:12px;gap:6px;margin:0;padding:10px 12px;font-size:14px;display:grid}.pbcp-contrast.low{border-color:var(--pbcp-err)}.pbcp-contrast p{margin:0;line-height:1.4}.pbcp-contrast .low{color:var(--pbcp-err);font-weight:700}.pbcp-contrast .ok{font-weight:600}.pbcp-fixrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pbcp-fixsw{border:2px solid var(--pbcp-line);border-radius:8px;width:28px;height:28px}.pbcp-print{border:2px dashed var(--pbcp-line);border-radius:12px;margin:0;padding:8px 12px;font-size:14px;line-height:1.4}.pbcp-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.pbcp-sw{transition:box-shadow .12s}}@media (forced-colors:active){.pbcp-sw[aria-pressed=true]{outline:3px solid highlight}}