.markup-picker{position:fixed;z-index:35;display:flex;flex-direction:column;width:288px;max-height:360px;box-sizing:border-box;overflow:hidden;border:1px solid #b9cbdc;border-radius:10px;background:#fff;color:#203d56;box-shadow:0 8px 28px #152c4530;font-size:12px;line-height:1.4;touch-action:pan-y;isolation:isolate}
.markup-picker[hidden],.markup-picker [hidden]{display:none!important}
.markup-picker-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;min-height:44px;padding:0 4px 0 12px;border-bottom:1px solid #e0e9f1;background:#f6f9fc}
.markup-picker-title{font-size:12px;font-weight:700;overflow-wrap:anywhere}
.markup-picker .markup-picker-close{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#5c7185;font-size:23px;line-height:1;cursor:pointer}
.markup-picker .markup-picker-close:hover{background:#e5eef7;color:#163f62}
.markup-picker-searchbar{display:flex;align-items:center;flex:0 0 auto;gap:7px;padding:5px 8px;border-bottom:1px solid #e0e9f1;background:#fff}
.markup-picker .markup-picker-search{box-sizing:border-box;flex:1;min-width:0;width:100%;min-height:44px;margin:0;padding:8px 10px;border:1px solid #c4d3e1;border-radius:6px;background:#fff;color:#203d56;font-size:12px;line-height:1.4}
.markup-picker .markup-picker-search:focus{outline:2px solid #1972bc;outline-offset:-2px}
.markup-picker-result-count{flex-shrink:0;color:#61778b;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.markup-picker-list{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:4px;padding:4px}
.markup-picker .markup-picker-item{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;gap:10px;box-sizing:border-box;width:100%;min-height:48px;padding:8px;border:1px solid transparent;border-radius:6px;background:transparent;box-shadow:none;color:inherit;text-align:left;white-space:normal;line-height:1.35;cursor:pointer}
.markup-picker .markup-picker-item:hover,.markup-picker .markup-picker-item:focus-visible,.markup-picker .markup-picker-item.is-preview{border-color:#8cb9e2;background:#eaf4ff;color:#123e65}
.markup-picker .markup-picker-item.is-preview{box-shadow:inset 3px 0 #1972bc}
.markup-picker button:focus-visible{outline:2px solid #1972bc;outline-offset:-2px}
.markup-picker-swatch{display:block;flex:0 0 18px;width:18px;height:4px;border-radius:2px}
.markup-picker-swatch.is-asset{height:15px;width:15px;flex-basis:15px;margin-inline:1.5px;border:2px solid currentColor;border-radius:3px;box-sizing:border-box;opacity:.8}
.markup-picker-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.markup-picker-label{font-size:12px;font-weight:700;overflow-wrap:anywhere}
.markup-picker-meta{font-size:11px;color:#5c7185;overflow-wrap:anywhere}
.markup-picker-badges{display:flex;flex-wrap:wrap;gap:3px 4px;margin-top:2px}
.markup-picker-badge{display:inline-block;max-width:100%;padding:2px 5px;border-radius:4px;background:#edf2f6;color:#526d83;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.markup-picker-badge.is-state{background:#e5eff9;color:#315b80}
.markup-picker-badge.has-photos{background:#e9f3ee;color:#37694e}
.markup-picker-badge.no-photos{background:#fff2db;color:#865a14}
.markup-picker-badge.is-date,.markup-picker-badge.is-team{padding-inline:1px;background:transparent;color:#667d90}
.markup-picker-empty{flex:0 0 auto;padding:20px 12px;text-align:center;color:#667d90;font-size:12px}
.markup-picker-hint{flex-shrink:0;padding:7px 11px;border-top:1px solid #e0e9f1;background:#f8fafc;color:#61778b;font-size:10px}
@media(pointer:coarse){.markup-picker .markup-picker-item{min-height:52px}.markup-picker-hint{display:none}}
@media(prefers-reduced-motion:reduce){.markup-picker *{scroll-behavior:auto}}