/* Scoped demo: all editor styles outside the two pickers remain unchanged.
   Contrast on white: text #232125 15.96:1; muted #626262 6.10:1;
   action #A2601F 4.97:1. */
.picker-demo-notice{border:1px solid #DDDAD6;background:#F7F5F3;padding:12px;margin:16px 0;font-size:14px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.picker-demo-notice button{min-height:44px;padding:8px 12px;border:1px solid #A2601F;border-radius:10px;background:#fff;color:#A2601F;cursor:pointer}.picker-demo-notice>span{font-size:12px;color:#626262;width:100%}
dialog.fa-choice{--choice-bg:#fff;--choice-surf:#F7F5F3;--choice-fg:#232125;--choice-muted:#626262;--choice-line:#DDDAD6;--choice-border:#B8B7B8;--choice-action:#A2601F;--choice-brand:#3B6443;color:var(--choice-fg);background:var(--choice-bg);width:min(880px,calc(100vw - 48px));max-width:none;height:min(800px,calc(100dvh - 64px));max-height:none;padding:0;border:0;border-top:4px solid var(--choice-brand);border-radius:14px;box-shadow:0 12px 28px rgba(35,33,37,.2);font-family:'IBM Plex Sans','Segoe UI',sans-serif;font-size:16px;line-height:1.5;overflow:hidden;position:fixed;inset:0;margin:auto;z-index:100000}
dialog.fa-choice[open]{display:flex;flex-direction:column}dialog.fa-choice::backdrop{background:rgba(35,33,37,.48)}.fa-choice *{box-sizing:border-box}.fa-choice [hidden]{display:none!important}.fa-choice button,.fa-choice input{font:inherit;box-shadow:none;text-shadow:none}.fa-choice button{cursor:pointer;touch-action:manipulation;min-height:44px;border:1px solid var(--choice-border);border-radius:10px;background:var(--choice-bg);color:var(--choice-fg);padding:8px 16px}.fa-choice button:hover{border-color:var(--choice-action)}.fa-choice button:focus-visible,.fa-choice input:focus-visible{outline:3px solid var(--choice-action);outline-offset:2px}.fa-choice-head{padding:24px 24px 16px;flex:none;border-bottom:1px solid var(--choice-line)}.fa-choice-title-row{display:flex;justify-content:space-between;align-items:start;gap:16px}.fa-choice h2{font-family:'Archivo Narrow','Arial Narrow',sans-serif!important;font-size:32px!important;line-height:1.2!important;color:var(--choice-fg)!important;background:none!important;border:0!important;padding:0!important;margin:0 0 8px!important;text-transform:none!important}.fa-choice p{margin:0;color:var(--choice-muted);font-size:14px}.fa-choice .fa-choice-close{font-size:24px;padding:4px;min-width:44px;flex:none}.fa-choice-fields{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}.fa-choice-fields.has-preview{grid-template-columns:1fr 1fr}.fa-choice label{display:block;font-size:13px;color:var(--choice-muted);margin:0 0 4px}.fa-choice input[type=search],.fa-choice input[type=text]{width:100%;height:48px;padding:12px;background:var(--choice-bg);border:1px solid var(--choice-border);border-radius:10px;font-size:16px;margin:0;color:var(--choice-fg)}.fa-choice-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.fa-choice-count{font-size:13px;color:var(--choice-muted)}.fa-choice-scroll{overflow:auto;overscroll-behavior:contain;padding:20px 24px;flex:1;min-height:0;scrollbar-gutter:stable}.fa-choice-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.fa-choice-grid.fonts{grid-template-columns:repeat(2,minmax(0,1fr))}.fa-choice .fa-choice-card{padding:12px;min-width:0;text-align:left;border-color:var(--choice-line);position:relative;display:block;width:100%;height:auto;transition:none}.fa-choice .fa-choice-card[aria-pressed=true]{border:2px solid var(--choice-action);padding:11px}.fa-choice-swatch{display:block;height:72px;border:1px solid var(--choice-border);border-radius:4px;margin-bottom:12px}.fa-choice-card strong{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:500;overflow-wrap:anywhere}.fa-choice-card small{display:block;font-size:12px;color:var(--choice-muted);margin-top:4px}.fa-choice-code{font-family:'IBM Plex Mono',Consolas,monospace;font-variant-numeric:tabular-nums}.fa-choice-check{color:var(--choice-action);font-size:16px;flex:none}.fa-choice-card img{display:block!important;width:100%!important;height:72px!important;max-height:72px!important;object-fit:contain;background:#fff;margin:12px 0 0!important;padding:0!important;border:0!important}.fa-choice-note{font-size:12px!important;color:var(--choice-muted)!important;margin-top:16px!important}.fa-choice-foot{border-top:1px solid var(--choice-line);background:var(--choice-surf);padding:16px 24px;flex:none;font-size:13px;color:var(--choice-muted);display:flex;align-items:center;justify-content:space-between;gap:16px}.fa-choice-foot strong{color:var(--choice-fg);font-weight:500}.fa-choice .fa-choice-empty{padding:32px 0;font-size:16px}.fa-choice .fa-choice-card:hover{background:var(--choice-surf)}
@media(max-width:768px){dialog.fa-choice{width:calc(100vw - 24px);height:calc(100dvh - 24px);border-radius:14px}.fa-choice-head{padding:16px}.fa-choice h2{font-size:26px!important}.fa-choice-scroll{padding:16px}.fa-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fa-choice-fields.has-preview{grid-template-columns:1fr}.fa-choice-foot{padding:12px 16px}.fa-choice-swatch{height:56px}.fa-choice-card strong{font-size:13px}.fa-choice-tools{margin-top:12px}}
@media(max-width:420px){.fa-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fa-choice-grid.fonts{grid-template-columns:minmax(0,1fr)}.fa-choice .fa-choice-card{padding:12px}.fa-choice .fa-choice-card[aria-pressed=true]{padding:11px}.fa-choice-foot{align-items:start;flex-direction:column;gap:4px}.fa-choice p{font-size:13px}.fa-choice-card img{height:64px!important}.fa-choice-fields{gap:8px}}

/* Fit above the on-screen keyboard, including Safari visual viewport panning. */
.fa-choice-title-row>div{flex:1;min-width:0}
.fa-choice .fa-choice-keyboard{font-size:12px;padding:4px 8px;flex:none;max-width:104px;line-height:1.2}
@media(max-width:768px){
  dialog.fa-choice{top:calc(var(--choice-visible-top,0px) + 8px);bottom:auto;margin:0 auto;height:calc(var(--choice-visible-height,100dvh) - 16px)}
  .fa-choice.is-compact .fa-choice-head{padding:8px 12px}
  .fa-choice.is-compact h2{font-size:20px!important;margin:0!important}
  .fa-choice.is-compact #choiceIntro,.fa-choice.is-compact .fa-choice-tools,.fa-choice.is-compact .fa-choice-foot{display:none}
  .fa-choice.is-compact .fa-choice-title-row{align-items:center;gap:8px}
  .fa-choice.is-compact .fa-choice-fields{margin-top:8px;gap:8px}
  .fa-choice.is-compact .fa-choice-scroll{padding:12px}
  .fa-choice.is-compact.is-editing-search #choicePreviewField{display:none}
  .fa-choice.is-compact.is-editing-preview .fa-choice-fields>div:first-child{display:none}
  .fa-choice.is-compact .fa-choice-card img{height:48px!important}
}