.pp-static-message{max-width:65ch;margin-top:24px;border-left:2px solid var(--br-ink);padding-left:14px}.pp-page button:disabled,.pp-page input:disabled{cursor:default}.pp-specimen,.pp-preset-swatch{forced-color-adjust:none}.pp-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:clamp(28px,5vw,72px);align-items:start;margin:42px 0 64px}.pp-controls{grid-column:2;grid-row:1;min-width:0}.pp-section-title{font:400 30px/1.12 var(--serif);letter-spacing:-.04em;margin:0 0 24px}.pp-color-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pp-color-field label{display:block;font-size:14px;font-weight:600}.pp-color-field label>span{display:block;margin:5px 0 12px;font-size:11px;font-weight:400;color:var(--br-muted)}.pp-color-field>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pp-color-field input[type=color]{flex-shrink:0;width:52px;height:52px;padding:3px;border:1px solid var(--br-line);border-radius:0;background:transparent;cursor:pointer}.pp-color-field .pp-hex{flex:1;width:96px;min-width:84px;min-height:44px;padding:10px 8px;border:1px solid var(--br-line);border-radius:0;color:var(--br-ink);background:transparent;font:12px/1.5 var(--mono)}.pp-color-field .pp-hex[aria-invalid=true]{border-color:#923b24}.pp-hex-hint{margin-top:8px;font:10px/1.5 var(--mono);color:var(--br-muted)}.pp-hex-hint.pp-hex-error{color:#923b24}.pp-reverse{display:flex;align-items:center;gap:8px;min-height:44px;margin:17px 0 24px;padding:0;color:var(--br-ink);border:0;background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:4px}.pp-presets{border:0;padding:0;margin:0 0 29px}.pp-presets legend{margin-bottom:10px;font:10px/1.5 var(--mono);color:var(--br-muted)}.pp-presets button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:7px 0;border:0;border-bottom:1px solid var(--br-line);background:transparent;color:var(--br-ink);font-size:12px;text-align:left}.pp-presets button[aria-pressed=true]{font-weight:600}.pp-presets button[aria-pressed=true]:after{content:"✓";margin-left:auto}.pp-preset-swatch{display:grid;place-items:center;width:34px;height:30px;border:1px solid #1c211c30;font:18px/1 var(--serif)}.pp-proof{border-top:1px solid var(--br-ink);padding-top:23px}.pp-ratio{font:400 clamp(52px,5.4vw,76px)/1.15 var(--serif);letter-spacing:-.05em;margin:13px 0 20px}.pp-ratio>span:last-child{font-size:.42em;letter-spacing:-.02em}.pp-thresholds{margin:0}.pp-thresholds>div{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--br-line);padding:12px 0;font-size:12px}.pp-thresholds dt>span{display:block;color:var(--br-muted);font:10px/1.5 var(--mono);margin-top:4px}.pp-thresholds dd{display:flex;align-items:center;gap:5px;margin:0;font-size:11px;white-space:nowrap}.pp-proof-note{margin-top:15px;font-size:11px;line-height:1.6;color:var(--br-muted)}.pp-specimen{grid-column:1;grid-row:1;min-width:0;position:relative;overflow:hidden;padding:clamp(22px,3vw,42px);background:var(--pp-paper);color:var(--pp-ink);border:1px solid #1c211c26;box-shadow:0 9px 24px #1c211c08}.pp-specimen-top,.pp-specimen-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font:9px/1.5 var(--mono);letter-spacing:.03em}.pp-specimen-top{padding-bottom:19px;border-bottom:1px solid currentColor}.pp-specimen-mark{display:flex;justify-content:space-between;align-items:center;margin:40px 0 29px;font:400 clamp(92px,12vw,165px)/.9 var(--serif);letter-spacing:-.07em}.pp-specimen-mark>span{font-size:.44em;line-height:1}.pp-specimen h2{font:400 clamp(42px,5.6vw,72px)/.98 var(--serif);letter-spacing:-.055em}.pp-specimen-copy{max-width:32ch;margin:24px 0 33px;font-size:15px;line-height:1.75}.pp-type-sample{display:flex;flex-direction:column;gap:5px;font:13px/1.6 Archivo,Arial,sans-serif;letter-spacing:.04em;overflow-wrap:anywhere}.pp-specimen-bottom{border-top:1px solid currentColor;padding-top:20px;margin-top:33px}.pp-export{border-top:1px solid var(--br-line);padding-top:32px}.pp-export-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.pp-export-heading .pp-section-title{margin:10px 0 0}.pp-export .br-actions{flex-wrap:wrap}.pp-export .br-button{min-height:44px}.pp-output-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 0 11px;font:11px/1.6 var(--mono)}.pp-output-label>span{color:var(--br-muted);font:12px/1.5 Archivo,Arial,sans-serif}.pp-css{display:block;width:100%;min-height:315px;resize:vertical;font:12px/1.7 var(--mono);-moz-tab-size:2;-o-tab-size:2;tab-size:2}.pp-scope-note{max-width:78ch;margin-top:14px}@media(max-width:850px){.pp-workspace{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:28px}.pp-color-pair{gap:14px}.pp-color-field>div{align-items:flex-start;flex-direction:column;gap:7px}.pp-color-field .pp-hex{width:100%}.pp-export-heading{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.pp-color-field .pp-hex{font-size:16px;min-width:100px}.pp-workspace{grid-template-columns:minmax(0,1fr);gap:34px;margin-top:30px;margin-bottom:38px}.pp-controls,.pp-specimen{grid-column:1;grid-row:auto}.pp-color-field>div{flex-direction:row;align-items:center;gap:10px}.pp-specimen{padding:25px}.pp-specimen-mark{font-size:128px;margin:35px 0 30px}.pp-specimen h2{font-size:52px}.pp-specimen-copy{font-size:14px}.pp-specimen-top,.pp-specimen-bottom{font-size:8px}.pp-export-heading{gap:20px}.pp-css{font-size:11px;min-height:300px}.pp-type-sample{font-size:12px}}