.pcx-scroll-area{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--pc-scroll-thumb) var(--pc-scroll-track)}
.pcx-scroll-area::-webkit-scrollbar{width:12px;height:12px}
.pcx-scroll-area--sm::-webkit-scrollbar{width:8px;height:8px}
.pcx-scroll-area::-webkit-scrollbar-track{background:var(--pc-scroll-track);border-left:2px solid var(--pc-scroll-edge)}
.pcx-scroll-area::-webkit-scrollbar-thumb{background:var(--pc-scroll-thumb);border:2px solid var(--pc-scroll-track);border-radius:0}
.pcx-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--pc-scroll-thumb-hover)}
.pcx-scroll-area::-webkit-scrollbar-corner{background:var(--pc-scroll-track)}
.pc-dropdown{position:relative;display:inline-block;max-width:100%}
.pc-dropdown--block{display:block;width:100%}
.pc-dropdown__btn{width:100%;min-height:44px;display:flex;align-items:center;gap:var(--pc-space-2);padding:9px 11px;background:var(--pc-field);color:var(--pc-text);border:var(--pc-border) solid;border-color:var(--pc-shadow) var(--pc-highlight) var(--pc-highlight) var(--pc-shadow);cursor:pointer;text-align:left}
.pc-dropdown__btn:hover{background:var(--pc-surface-raised)}
.pc-dropdown__btn[aria-expanded="true"]{border-color:var(--pc-action);box-shadow:0 0 0 2px var(--pc-focus)}
.pc-dropdown__btn.is-empty{color:var(--pc-text-muted)}
.pc-dropdown__btn::after{content:"";margin-left:auto;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;transition:transform var(--pc-motion-fast) steps(2,end)}
.pc-dropdown__btn[aria-expanded="true"]::after{transform:scaleY(-1)}
.pc-dropdown__panel{position:fixed;inset:auto;margin:0;z-index:var(--pc-z-menu);min-width:180px;max-width:min(360px,calc(100vw - 16px));max-height:min(360px,calc(100vh - 16px));padding:var(--pc-space-1);overflow:auto;background:var(--pc-surface);color:var(--pc-text);border:var(--pc-border) solid;border-color:var(--pc-highlight) var(--pc-shadow) var(--pc-shadow) var(--pc-highlight);box-shadow:6px 6px 0 rgba(10,7,5,.34)}
.pc-dropdown__panel::backdrop{background:transparent}
@supports not selector(:popover-open){.pc-dropdown__panel{display:none}.pc-dropdown__panel.is-open{display:block}}
.pc-option{width:100%;min-height:40px;display:flex;align-items:center;gap:var(--pc-space-2);padding:8px 10px;background:transparent;color:var(--pc-text);border:0;cursor:pointer;text-align:left}
.pc-option:hover,.pc-option.is-active{background:var(--pc-action);color:var(--pc-ink)}
.pc-option[aria-selected="true"]{background:var(--pc-surface-hover);box-shadow:inset 4px 0 0 var(--pc-action)}
.pc-option[aria-selected="true"].is-active,.pc-option[aria-selected="true"]:hover{background:var(--pc-action);color:var(--pc-ink)}
.pc-option[disabled]{opacity:.4;cursor:not-allowed;background:transparent}
.pc-option__text{flex:1;min-width:0}
.pc-option__note{display:block;font-size:var(--pc-han-xs);opacity:.74}
.pc-option__tick{width:12px;height:12px;visibility:hidden;position:relative}
.pc-option[aria-selected="true"] .pc-option__tick{visibility:visible}
.pc-option__tick::after{content:"";position:absolute;left:2px;top:0;width:5px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
.pc-optgroup{padding:8px 10px 4px;color:var(--pc-text-muted);font-family:var(--pc-font-bit);font-size:var(--pc-bit-xs)}
.pc-dropdown__search{padding:var(--pc-space-1);border-bottom:var(--pc-border) solid var(--pc-shadow);margin-bottom:var(--pc-space-1)}
.pc-dropdown__search .pc-input{width:100%;min-height:40px;padding:8px 9px;background:var(--pc-field);color:var(--pc-text);border:2px solid var(--pc-shadow)}
.pc-dropdown__none{padding:16px 10px;text-align:center;color:var(--pc-text-muted)}
.pc-dropdown__panel.is-sheet{position:fixed;left:0!important;right:0;bottom:0;top:auto!important;width:100%;max-width:none;max-height:min(72dvh,560px);padding:var(--pc-space-4);border-width:var(--pc-border) 0 0;box-shadow:0 -8px 0 rgba(10,7,5,.32)}
.pc-dropdown__panel.is-sheet::backdrop{background:var(--pc-scrim)}
.pc-dropdown__panel.is-sheet::before{content:"";display:block;width:48px;height:4px;margin:0 auto var(--pc-space-3);background:var(--pc-road)}
.pc-dropdown__panel.is-sheet .pc-option{min-height:48px}

.pcx-menu{position:fixed;inset:auto;margin:0;z-index:var(--pc-z-menu);min-width:190px;padding:var(--pc-space-1);background:var(--pc-surface);color:var(--pc-text);border:var(--pc-border) solid;border-color:var(--pc-highlight) var(--pc-shadow) var(--pc-shadow) var(--pc-highlight);box-shadow:6px 6px 0 rgba(10,7,5,.34)}
.pcx-menu::backdrop{background:transparent}
@supports not selector(:popover-open){.pcx-menu{display:none;position:absolute}.pcx-menu.is-open{display:block}}
.pcx-menu__item{width:100%;min-height:40px;display:flex;align-items:center;gap:var(--pc-space-2);padding:8px 10px;background:transparent;color:var(--pc-text);border:0;cursor:pointer;text-align:left}
.pcx-menu__item:hover,.pcx-menu__item:focus{background:var(--pc-action);color:var(--pc-ink);outline:none}
.pcx-menu__item--danger{color:var(--pc-danger)}
.pcx-menu__item--danger:hover,.pcx-menu__item--danger:focus{background:var(--pc-danger);color:var(--pc-ink)}
.pcx-menu__sep{height:0;border:0;border-top:1px solid var(--pc-shadow);border-bottom:1px solid var(--pc-highlight);margin:var(--pc-space-1) 0}

.pcx-alert{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--pc-space-2);align-items:center;padding:10px;background:var(--pc-dialog-body);color:var(--pc-sheet-text);border:var(--pc-border) solid var(--pc-notice-lo);border-left:6px solid var(--pc-notice)}
.pcx-alert__mark{display:grid;place-items:center;min-height:36px;background:var(--pc-notice);color:var(--pc-ink);font-family:var(--pc-font-bit)}
.pcx-alert strong,.pcx-alert small{display:block}.pcx-alert small{color:var(--pc-text-muted)}
.pcx-tooltip-wrap{position:relative;display:inline-flex}
.pcx-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:var(--pc-z-toast);width:max-content;max-width:220px;padding:6px 8px;transform:translateX(-50%);background:var(--pc-dialog-head);color:#F0E4D2;border:2px solid var(--pc-action);font-size:var(--pc-han-xs);visibility:hidden;opacity:0;pointer-events:none}
.pcx-tooltip-wrap:hover .pcx-tooltip,.pcx-tooltip-wrap:focus-within .pcx-tooltip{visibility:visible;opacity:1}
.pcx-popover{position:fixed;inset:auto;margin:0;z-index:var(--pc-z-menu);width:min(300px,calc(100vw - 16px));padding:var(--pc-space-3);background:var(--pc-dialog-body);color:var(--pc-sheet-text);border:var(--pc-border) solid var(--pc-action);box-shadow:6px 6px 0 rgba(10,7,5,.34)}
.pcx-popover::backdrop{background:transparent}
@supports not selector(:popover-open){.pcx-popover{display:none;position:absolute}.pcx-popover.is-open{display:block}}

.pcx-app-header{min-width:0;min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--pc-space-4);padding:10px var(--pc-space-4);background:var(--pc-dialog-head);color:var(--pc-action-hi);border:var(--pc-border) solid;border-color:var(--pc-highlight) var(--pc-shadow) var(--pc-shadow) var(--pc-highlight);border-bottom:4px solid var(--pc-action);box-shadow:4px 4px 0 var(--pc-shadow)}
.pcx-app-header__brand{min-width:0;display:flex;align-items:center;gap:var(--pc-space-3)}
.pcx-app-header__brand img{width:auto;height:34px;max-width:160px;object-fit:contain;image-rendering:pixelated}
.pcx-app-header__copy{min-width:0}
.pcx-app-header__copy strong,.pcx-app-header__copy small{display:block}
.pcx-app-header__copy strong{color:var(--pc-action-hi);font-size:var(--pc-han-lg)}
.pcx-app-header__copy small{margin-top:2px;color:var(--pc-action);font-size:var(--pc-han-xs)}
.pcx-app-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pc-space-2);flex-wrap:wrap}

.pcx-tabs{display:flex;align-items:stretch;gap:2px;padding:2px;background:var(--pc-road);border:var(--pc-border) solid;border-color:var(--pc-shadow) var(--pc-highlight) var(--pc-highlight) var(--pc-shadow)}
.pcx-tabs__tab{min-width:0;min-height:44px;flex:1;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;background:var(--pc-control);color:var(--pc-text-muted);border:0;cursor:pointer;font-size:var(--pc-han-sm);font-weight:800}
.pcx-tabs__tab:hover,.pcx-tabs__tab.is-hovered{background:var(--pc-surface-hover);color:var(--pc-text)}
.pcx-tabs__tab:focus-visible,.pcx-tabs__tab.is-focused{position:relative;z-index:1;outline:3px solid var(--pc-focus);outline-offset:-3px}
.pcx-tabs__tab:active{transform:translate3d(1px,1px,0)}
.pcx-tabs__tab.is-selected,.pcx-tabs__tab[aria-selected="true"]{background:var(--pc-action);color:var(--pc-ink);box-shadow:inset 0 -4px 0 var(--pc-action-deep)}
.pcx-tabs__tab:disabled,.pcx-tabs__tab[aria-disabled="true"]{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none}

.pcx-choice-card{min-width:0;min-height:44px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:var(--pc-space-3);padding:10px 12px;background:var(--pc-surface);color:var(--pc-text);border:var(--pc-border) solid;border-color:var(--pc-highlight) var(--pc-shadow) var(--pc-shadow) var(--pc-highlight);cursor:pointer;text-align:left}
.pcx-choice-card:hover,.pcx-choice-card.is-hovered{background:var(--pc-surface-hover)}
.pcx-choice-card:focus-visible,.pcx-choice-card.is-focused{outline:3px solid var(--pc-focus);outline-offset:2px}
.pcx-choice-card:active{transform:translate3d(1px,1px,0)}
.pcx-choice-card.is-selected,.pcx-choice-card[aria-checked="true"]{background:var(--pc-sheet-2);border-color:var(--pc-action);box-shadow:inset 5px 0 0 var(--pc-action)}
.pcx-choice-card:disabled,.pcx-choice-card[aria-disabled="true"]{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none}
.pcx-choice-card__mark{width:16px;height:16px;background:var(--pc-field);border:2px solid var(--pc-road)}
.pcx-choice-card.is-selected .pcx-choice-card__mark,.pcx-choice-card[aria-checked="true"] .pcx-choice-card__mark{background:var(--pc-action);border:4px solid var(--pc-field);box-shadow:0 0 0 2px var(--pc-action)}
.pcx-choice-card__copy{min-width:0}
.pcx-choice-card__copy strong,.pcx-choice-card__copy small{display:block}
.pcx-choice-card__copy strong{font-size:var(--pc-han-sm)}
.pcx-choice-card__copy small{margin-top:3px;color:var(--pc-text-muted);font-size:var(--pc-han-xs)}

.pcx-input-group{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch}
.pcx-input-group__addon{min-height:44px;display:flex;align-items:center;padding:8px 10px;background:var(--pc-surface-raised);color:var(--pc-text-muted);border:var(--pc-border) solid var(--pc-shadow);font-family:var(--pc-font-bit);font-size:var(--pc-bit-sm)}
.pcx-input-group>.pcx-input{min-width:0;position:relative;z-index:1}
.pcx-input-group>.pcx-input+.pcx-input-group__addon{border-left:0}
.pcx-input-group>.pcx-input-group__addon+.pcx-input{border-left:0}

.pcx-password-field{position:relative;min-width:0}
.pcx-password-field .pcx-input{padding-right:54px}
.pcx-password-field__toggle{position:absolute;right:0;top:0;z-index:2;width:44px;height:44px;display:grid;place-items:center;padding:0;background:transparent;color:var(--pc-text-muted);border:0;cursor:pointer}
.pcx-password-field .pcx-input--lg+.pcx-password-field__toggle{top:5px}
.pcx-password-field__toggle:hover,.pcx-password-field__toggle.is-hovered{background:var(--pc-surface-hover);color:var(--pc-text)}
.pcx-password-field__toggle:focus-visible,.pcx-password-field__toggle.is-focused{outline:3px solid var(--pc-focus);outline-offset:-3px}
.pcx-password-field__toggle:active{transform:translate3d(1px,1px,0)}
.pcx-password-field__toggle img{width:20px;height:20px;object-fit:contain;image-rendering:pixelated}

.pcx-provider-btn{width:100%;min-height:44px;display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:var(--pc-space-2);padding:8px 12px;background:var(--pc-field);color:var(--pc-text);border:var(--pc-border) solid;border-color:var(--pc-highlight) var(--pc-shadow) var(--pc-shadow) var(--pc-highlight);cursor:pointer;font-size:var(--pc-han-sm);font-weight:800}
.pcx-provider-btn:hover,.pcx-provider-btn.is-hovered{background:var(--pc-surface-hover)}
.pcx-provider-btn:focus-visible,.pcx-provider-btn.is-focused{outline:3px solid var(--pc-focus);outline-offset:2px}
.pcx-provider-btn:active{transform:translate3d(1px,1px,0)}
.pcx-provider-btn:disabled,.pcx-provider-btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none}
.pcx-provider-btn img,.pcx-provider-btn .pcx-icon{width:20px;height:20px;object-fit:contain}

.pcx-section-bar{min-width:0;min-height:44px;display:flex;align-items:center;gap:var(--pc-space-3);padding:8px 12px;background:var(--pc-sheet-2);color:var(--pc-sheet-text);border:var(--pc-border) solid var(--pc-sheet-line);border-left:6px solid var(--pc-action)}
.pcx-section-bar__copy{min-width:0;flex:1}
.pcx-section-bar__copy strong,.pcx-section-bar__copy small{display:block}
.pcx-section-bar__copy strong{font-size:var(--pc-han-lg)}
.pcx-section-bar__copy small{margin-top:2px;color:var(--pc-text-muted);font-size:var(--pc-han-xs)}
.pcx-section-bar__meta{color:var(--pc-action-deep);font-family:var(--pc-font-bit);font-size:var(--pc-bit-sm)}

body.pcx-dialog-open{overflow:hidden}
.pcx-scrim{position:fixed;inset:0;z-index:var(--pc-z-dialog);display:grid;place-items:center;padding:var(--pc-space-4);background:var(--pc-scrim)}
.pcx-scrim[hidden]{display:none}
.pcx-dialog{--pcx-dialog-body:var(--pc-dialog-body);--pcx-dialog-foot:var(--pc-dialog-foot);--pcx-dialog-text:var(--pc-dialog-text);--pcx-dialog-line:var(--pc-dialog-line);width:min(100%,440px);max-height:min(88dvh,720px);overflow:auto;background:var(--pcx-dialog-body);color:var(--pcx-dialog-text);border:var(--pc-border) solid;border-color:var(--pc-highlight) var(--pc-shadow) var(--pc-shadow) var(--pc-highlight);box-shadow:8px 8px 0 rgba(26,20,16,.42)}
.pcx-dialog--narrow{width:min(100%,360px)}
.pcx-dialog--wide{width:min(100%,680px)}
.pcx-dialog__head{min-height:56px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:stretch;background:var(--pc-dialog-head);color:#F0E4D2;border-bottom:4px solid var(--pc-action)}
.pcx-dialog__mark{align-self:stretch;display:grid;place-items:center;background:var(--pc-action);color:var(--pc-ink);font:7px var(--pc-font-bit);letter-spacing:.04em}
.pcx-dialog__mark img{width:26px;height:26px;object-fit:contain;image-rendering:pixelated}
.pcx-dialog__title{align-self:center;margin:0;padding:8px 12px;color:#F0E4D2;font-size:var(--pc-han-lg);font-weight:700}
.pcx-dialog__close{align-self:center;margin-right:8px;background:#3A2E1F;color:#F0E4D2;border-color:#4A3A26 #0A0705 #0A0705 #4A3A26}
.pcx-dialog__close:hover{background:var(--pc-action);color:var(--pc-ink)}
.pcx-dialog__body{padding:18px;background:var(--pcx-dialog-body);color:var(--pcx-dialog-text);font-size:var(--pc-han-md)}
.pcx-dialog__body>p{margin:0 0 var(--pc-space-3)}
.pcx-dialog__foot{min-height:62px;padding:10px 18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;background:var(--pcx-dialog-foot);border-top:var(--pc-border) solid var(--pcx-dialog-line)}
.pcx-impact{display:grid;grid-template-columns:max-content 1fr;gap:6px var(--pc-space-2);padding:10px 11px;background:var(--pc-sheet-2);font-size:var(--pc-han-sm)}
.pcx-impact strong{font-size:var(--pc-han-sm)}
.pcx-impact--danger{border-left:4px solid var(--pc-danger);background:color-mix(in srgb,var(--pc-danger) 12%,var(--pc-sheet-2))}

.pcx-feedback-stage{min-width:0;max-width:100%}
.pcx-feedback-stage__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pc-space-3);margin-bottom:var(--pc-space-4)}
.pcx-feedback-stage__head h3{margin:2px 0 0;color:var(--pc-text);font-size:var(--pc-han-xl)}
.pcx-feedback-stage__head p{margin:4px 0 0;color:var(--pc-text-muted);font-size:var(--pc-han-sm)}
.pcx-feedback-stage__eyebrow{display:inline-flex;padding:4px 7px;background:var(--pc-action);color:var(--pc-ink);font-family:var(--pc-font-bit);font-size:var(--pc-bit-xs)}
.pcx-feedback-stage__grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:var(--pc-space-4);align-items:start}
.pcx-feedback-stage__grid>*{min-width:0}
.pcx-dialog--specimen{width:100%;min-width:0;max-height:none;box-shadow:8px 8px 0 rgba(10,7,5,.42)}
.pcx-dialog--specimen .pcx-dialog__head{grid-template-columns:42px 1fr 28px}
.pcx-dialog__close-glyph{font-family:var(--pc-font-bit);text-align:center;color:#F0E4D2}
.pcx-dialog--specimen .pcx-dialog__foot{min-width:0;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pcx-dialog--specimen .pcx-dialog__foot-note{max-width:220px;color:var(--pc-sheet-text-muted);font-size:var(--pc-han-xs)}
.pcx-feedback-stage .pcx-feedback-demo{gap:var(--pc-space-2)}

.pcx-feedback-demo{display:grid;gap:var(--pc-space-2)}
.pcx-toast{min-height:52px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:stretch;background:var(--pc-dialog-body);color:var(--pc-sheet-text);border:var(--pc-border) solid var(--pc-sheet-line);box-shadow:4px 4px 0 rgba(10,7,5,.24)}
.pcx-toast[hidden]{display:none}
.pcx-toast__icon{display:grid;place-items:center;background:var(--pc-road);color:var(--pc-ink);font-family:var(--pc-font-bit);font-size:var(--pc-bit-md);font-style:normal}
.pcx-toast__copy{min-width:0;padding:7px 9px}
.pcx-toast__copy strong{display:block;font-size:var(--pc-han-sm)}
.pcx-toast__copy small{display:block;color:var(--pc-text-muted);font-size:var(--pc-han-xs);line-height:1.45}
.pcx-toast__meta{align-self:center;padding:0 9px;color:var(--pc-text-muted);font-family:var(--pc-font-bit);font-size:var(--pc-bit-xs)}
.pcx-toast--success{border-color:var(--pc-success-deep)}
.pcx-toast--success .pcx-toast__icon{background:var(--pc-success)}
.pcx-toast--busy{border-color:var(--pc-action-deep)}
.pcx-toast--busy .pcx-toast__icon{background:var(--pc-action);animation:pcx-blink 1s steps(1,end) infinite}
.pcx-toast--notice{border-color:var(--pc-notice-lo)}
.pcx-toast--notice .pcx-toast__icon{background:var(--pc-notice)}
.pcx-toast--danger{border-color:var(--pc-danger)}
.pcx-toast--danger .pcx-toast__icon{background:var(--pc-danger);color:var(--pc-dialog-body)}

.pcx-toast-stack{position:fixed;right:var(--pc-space-4);bottom:var(--pc-space-4);z-index:var(--pc-z-toast);width:min(360px,calc(100vw - 32px));display:grid;gap:var(--pc-space-2)}

@media (max-width:640px){
  .pcx-dialog__foot{flex-direction:column-reverse}
  .pcx-dialog__foot .pcx-btn{width:100%}
  .pcx-toast{grid-template-columns:36px minmax(0,1fr)}
  .pcx-toast__meta{grid-column:2;padding:0 9px 7px}
}
@media (max-width:980px){.pcx-feedback-stage__grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.pcx-app-header{grid-template-columns:minmax(0,1fr)}.pcx-app-header__actions{justify-content:flex-start}.pcx-tabs{flex-direction:column}.pcx-choice-card{grid-template-columns:20px minmax(0,1fr)}.pcx-choice-card>.pcx-tag{grid-column:2}.pcx-input-group{grid-template-columns:minmax(0,1fr)}.pcx-input-group__addon{border:var(--pc-border) solid var(--pc-shadow)}.pcx-input-group>.pcx-input+.pcx-input-group__addon,.pcx-input-group>.pcx-input-group__addon+.pcx-input{border-left:var(--pc-border) solid var(--pc-shadow);border-top:0}.pcx-section-bar{align-items:flex-start;flex-direction:column}}
@media (max-width:520px){.pcx-dialog__foot{align-items:stretch}.pcx-dialog__foot .pc-btn{width:100%}.pcx-feedback-stage__head{display:block}.pcx-feedback-stage__eyebrow{margin-top:var(--pc-space-2)}.pcx-dialog--specimen .pcx-dialog__foot{align-items:stretch}.pcx-dialog--specimen .pcx-dialog__foot-note{max-width:none}.pcx-tooltip{left:0;transform:none}}