#brand-lab-wrapper{--sidebar-width: 300px;--utility-width: 300px;--accent-ui: #e6e6e6;--sidebar-bg: linear-gradient(180deg, #1a1a1a 0%, #262626 100%);display:grid;grid-template-columns:1fr var(--utility-width);align-items:stretch;color:var(--pc-cream);font-family:var(--pc-font-body),"Segoe UI",sans-serif;overflow:hidden}#wp-main-col{grid-column:1;grid-row:1;min-width:0;display:flex;flex-direction:column}@media (max-width: 1150px){#brand-lab-wrapper{grid-template-columns:1fr}}#brand-lab-wrapper .pc-btn--glass{background-color:#ffffff1a!important;border:1px solid rgba(255,255,255,.26)!important;color:#f4f4f4!important;box-shadow:inset 0 1px #ffffff3d,0 8px 20px -12px #0000008c!important}#brand-lab-wrapper .pc-btn--glass:hover{background-color:#ffffff2e!important;border-color:#ffffff6b!important;box-shadow:inset 0 1px #ffffff52,0 10px 24px -12px #0009!important;animation:none!important}#brand-lab-wrapper .pc-btn--ink{background-color:#1f1f1f!important;color:var(--pc-cream)!important;box-shadow:0 2px #0003!important}#brand-lab-wrapper .pc-btn--ink:hover{background-color:#333!important;box-shadow:0 6px 18px -8px #0006!important}#wp-titlebar{display:flex;align-items:center;padding:7px clamp(30px,4vw,40px);background:var(--sidebar-bg);border-bottom:1px solid rgba(255,255,255,.12);position:relative}#wp-titlebar .pc-eyebrow--light{margin:0 0 2px;position:relative;z-index:1}#wp-titlebar h1{font-family:var(--pc-font-display);font-weight:400;font-size:clamp(1.25rem,1rem + 1.1vw,1.7rem);color:var(--pc-white);margin:0;position:relative;z-index:1}.wp-titlebar__desc{margin:0 0 14px;font-size:.85rem;line-height:1.4;color:#f6f2ebb8;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}#wp-body{display:grid;grid-template-columns:var(--sidebar-width) 1fr;align-items:stretch;flex:1}#brand-lab-wrapper #wp-controls{grid-column:1;padding:10px clamp(30px,4vw,40px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:5px;border-right:1px solid rgba(255,255,255,.1);background:var(--sidebar-bg);position:relative}#brand-lab-wrapper .wheel-box{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}#brand-lab-wrapper canvas{cursor:crosshair;border-radius:50%;background:#ffffff0a;box-shadow:0 4px 10px #0006;touch-action:none}#brand-lab-wrapper #wp-wheel-desktop{display:none}#brand-lab-wrapper .hue-duo{display:block}#brand-lab-wrapper .hue-duo__track-wrap{position:relative;width:100%;height:28px;touch-action:pan-y}#brand-lab-wrapper .hue-duo__track{position:absolute;left:9px;right:9px;top:50%;transform:translateY(-50%);height:8px;border-radius:4px;background:linear-gradient(to right,red,#ffbf00,#80ff00,#00ff40,#0ff,#0040ff,#8000ff,#ff00bf,red)}#brand-lab-wrapper .hue-duo__input{position:absolute;left:0;top:0;width:100%;height:28px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none}#brand-lab-wrapper .hue-duo__input::-webkit-slider-runnable-track{background:transparent;height:28px}#brand-lab-wrapper .hue-duo__input::-moz-range-track{background:transparent;height:28px;border:none}#brand-lab-wrapper .hue-duo__input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:18px;height:18px;margin-top:5px;border-radius:50%;background:#fff;border:2px solid #111;box-shadow:0 2px 4px #00000080}#brand-lab-wrapper .hue-duo__input::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #111;box-shadow:0 2px 4px #00000080}#brand-lab-wrapper .control-group{display:flex;flex-direction:column;gap:3px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:5px 12px;border-radius:3px;position:relative;z-index:1}#brand-lab-wrapper #wp-tone-sliders{display:flex;flex-direction:column;gap:5px}#brand-lab-wrapper .wp-btn-row{display:flex;gap:8px}#brand-lab-wrapper .wp-btn-row .pc-btn{flex:1;padding:8px;font-size:.7rem;justify-content:center}#brand-lab-wrapper .wp-btn-row .pc-btn svg{width:13px;height:13px;flex:none}#brand-lab-wrapper label{font-family:var(--pc-font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f6f2eb94;margin-bottom:1px;display:block}#brand-lab-wrapper input[type=range]{width:100%;cursor:pointer;margin:1px 0;accent-color:var(--accent-ui);display:block}#brand-lab-wrapper input[type=text]{width:100%;box-sizing:border-box;padding:4px 10px;border:1px solid rgba(255,255,255,.16);border-radius:3px;background:#ffffff0f;color:var(--pc-cream);font-family:var(--pc-font-body);font-size:13px}#brand-lab-wrapper input[type=text]::placeholder{color:#f6f2eb66}#brand-lab-wrapper .hex-input-row{display:flex;gap:6px}#brand-lab-wrapper .hex-input-row input[type=text]{flex:1;min-width:0;font-family:var(--pc-font-mono);text-transform:uppercase;transition:border-color .15s,background-color .15s}#brand-lab-wrapper .hex-input-row input[type=text].is-invalid{border-color:#e07a7a;background:#e07a7a1f}#brand-lab-wrapper .hex-input-row .pc-btn{flex:none;padding:4px 12px;font-size:.7rem}#brand-lab-wrapper .hex-input-error{display:none;margin:4px 0 0;font-family:var(--pc-font-mono);font-size:10px;color:#e07a7a;text-transform:none;letter-spacing:normal}#brand-lab-wrapper .hex-input-error.is-visible{display:block}#brand-lab-wrapper #wp-display-area{grid-column:2;display:flex;gap:2px;background:var(--pc-cream)}#brand-lab-wrapper #wp-utility{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:8px;padding:14px clamp(30px,4vw,40px) 14px 14px;box-sizing:border-box;background:var(--sidebar-bg);border-left:1px solid rgba(255,255,255,.1);color:var(--pc-cream)}#brand-lab-wrapper #wp-utility .pc-pa-panel{margin:0}#brand-lab-wrapper .pc-pa-panel--grow{flex:1;display:flex;flex-direction:column}#brand-lab-wrapper .pc-pa-panel--grow .pc-pa-history{flex:1}#brand-lab-wrapper .color-column{flex:1;display:flex;flex-direction:column}#brand-lab-wrapper .swatch{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--pc-font-mono);font-size:13px;font-weight:700;cursor:pointer;transition:.1s;position:relative}#brand-lab-wrapper .swatch:hover{z-index:10;box-shadow:inset 0 0 0 2px #0000008c,inset 0 0 0 4px #ffffffe6}#brand-lab-wrapper .swatch.is-picking{cursor:crosshair}#brand-lab-wrapper .swatch__wcag{position:absolute;top:5px;right:5px;display:flex;gap:3px}#brand-lab-wrapper .swatch__wcag-dot{width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--pc-font-mono);font-size:9px;font-weight:700;line-height:1;border:1px solid rgba(0,0,0,.25)}#brand-lab-wrapper .hidden{display:none!important}#brand-lab-wrapper #wp-export-msg{font-family:var(--pc-font-mono);font-size:12px;color:#ffffffc7;margin:0;min-height:1.2em}@media (max-width: 1150px){#brand-lab-wrapper #wp-display-area{min-height:500px}#brand-lab-wrapper #wp-utility{grid-column:1;grid-row:2;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto auto;gap:10px;padding-left:clamp(30px,4vw,40px);border-left:none;border-top:1px solid rgba(255,255,255,.1)}#brand-lab-wrapper #wp-utility .wp-titlebar__desc{grid-column:1 / -1}#brand-lab-wrapper #wp-utility .pc-pa-panel:nth-of-type(1){grid-column:1;grid-row:2 / 4}#brand-lab-wrapper #wp-utility .pc-pa-panel:nth-of-type(2){grid-column:2;grid-row:2}#brand-lab-wrapper #wp-utility .pc-pa-panel:nth-of-type(3){grid-column:2;grid-row:3}}@media (max-width: 800px){#wp-body{grid-template-columns:1fr}#brand-lab-wrapper #wp-display-area{grid-column:1;grid-row:1;min-height:420px}#brand-lab-wrapper #wp-controls{grid-column:1;grid-row:2;border-right:none}#brand-lab-wrapper #wp-utility{display:flex;flex-direction:column}#brand-lab-wrapper #wp-utility .pc-pa-panel{flex:none}#brand-lab-wrapper .hue-duo{order:1}#brand-lab-wrapper #wp-tone-sliders{flex-direction:row;gap:6px;order:4}#brand-lab-wrapper #wp-tone-sliders .control-group{flex:1;align-items:center;padding:6px 2px;gap:6px}#brand-lab-wrapper #wp-tone-sliders label{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-size:8px;margin:0}#brand-lab-wrapper #wp-tone-sliders input[type=range]{writing-mode:vertical-lr;direction:rtl;width:6px;height:90px;margin:0;touch-action:none}#brand-lab-wrapper .wp-btn-row{order:5}#brand-lab-wrapper #wp-export-msg{order:6}#brand-lab-wrapper #wp-name-group{order:7;margin-top:4px}}.pc-pa-panel{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:14px}.pc-pa-panel h3{font-size:.92rem;margin:0 0 8px;display:flex;align-items:center;gap:8px}.pc-pa-panel__tag{font-family:var(--pc-font-mono);font-size:.62rem;font-weight:700;letter-spacing:.06em;color:#f6f2eba6;background:#ffffff14;padding:3px 6px;border-radius:3px}.pc-pa-panel__hint{font-size:.76rem;color:#f6f2eb8c;margin:-4px 0 8px;line-height:1.35}.pc-pa-contrast__row{display:flex;gap:14px;margin-bottom:8px}.pc-pa-swatch-picker{flex:1;min-width:0}.pc-pa-swatch-picker>label{font-family:var(--pc-font-mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:#f6f2eb8c;display:block;margin-bottom:4px}.pc-pa-swatch-picker__grid{display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;max-height:168px;overflow-y:auto;padding:6px;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:#0000002e}.pc-pa-swatch-picker__swatch{width:20px;height:20px;flex:none;border-radius:3px;border:1px solid rgba(255,255,255,.22);cursor:pointer;padding:0}.pc-pa-swatch-picker__swatch.is-selected{outline:2px solid rgba(255,255,255,.85);outline-offset:1px}.pc-pa-contrast__preview{border-radius:4px;padding:28px 20px;text-align:center;margin-bottom:6px;transition:background-color .2s,color .2s}.pc-pa-contrast__preview-headline{margin:0 0 10px;font-family:var(--pc-font-body);font-weight:800;font-size:clamp(1.5rem,1.1rem + 1.8vw,2rem);line-height:1.15}.pc-pa-contrast__preview-body{margin:0;font-family:var(--pc-font-body);font-weight:500;font-size:.85rem;line-height:1.45;opacity:.85}.pc-pa-contrast__result{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:.78rem}.pc-pa-contrast__ratio{font-family:var(--pc-font-mono);font-weight:700}.pc-pa-badge{font-family:var(--pc-font-mono);font-size:.68rem;font-weight:700;padding:3px 7px;border-radius:3px}.pc-pa-badge.is-pass{background:#5ac8782e;color:#7ee0a0}.pc-pa-badge.is-fail{background:#dc5a5a2e;color:#f0a3a3}.pc-pa-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.pc-pa-export-grid .pc-btn{font-size:.7rem;padding:6px 8px;text-align:center;justify-content:center;white-space:normal}#brand-lab-wrapper .pc-pa-export-grid .pc-btn.pc-btn--ink{background-color:#2b2b2b!important;border:1px solid rgba(255,255,255,.12)}#brand-lab-wrapper .pc-pa-export-grid .pc-btn.pc-btn--ink:hover{background-color:#383838!important}.pc-pa-history{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.pc-pa-history__empty{font-size:.85rem;color:#f6f2eb80;margin:0}.pc-pa-history__item{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:8px 10px;cursor:pointer}.pc-pa-history__item:hover{border-color:#fff6}.pc-pa-history__swatches{display:flex;flex:none}.pc-pa-history__swatches span{width:14px;height:22px;display:block}.pc-pa-history__meta{flex:1;min-width:0}.pc-pa-history__name{font-size:.82rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-pa-history__date{font-size:.68rem;color:#f6f2eb73;margin:0}.pc-pa-history__delete{flex:none;background:none;border:0;color:#f6f2eb66;cursor:pointer;font-size:1rem;line-height:1;padding:4px}.pc-pa-history__delete:hover{color:#f0a3a3}