.select-ui{display:inline-block;position:relative;min-width:125px;max-width:100%;vertical-align:middle;color:var(--ink)}
.select-ui-source{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;inset:auto!important}
.select-ui-trigger{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 13px;border:1.5px solid var(--edge,var(--line));border-radius:var(--control-radius,6px);background:var(--surface,var(--paper));color:var(--ink);font:inherit;font-size:14px;font-weight:650;line-height:1.35;text-align:left;box-shadow:0 2px 0 #173e4010;cursor:pointer;touch-action:manipulation}
.select-ui-caption{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select-ui-trigger:hover{border-color:var(--green);background:var(--surface-soft,var(--mint,var(--soft)))}
.select-ui-trigger[aria-expanded=true]{border-color:var(--primary,var(--green));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary,var(--green)) 14%,transparent)}
.select-ui-trigger i{display:grid;place-items:center;width:14px;height:14px;transition:transform .15s}.select-ui-trigger i::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}.select-ui-trigger[aria-expanded=true] i{transform:rotate(180deg)}
.select-ui-trigger:disabled{opacity:.55;cursor:not-allowed}
.select-ui-menu{position:absolute;top:calc(100% + 5px);left:0;min-width:100%;width:max-content;max-width:min(420px,80vw);max-height:300px;overflow-y:auto;overscroll-behavior:contain;z-index:80;padding:5px;background:var(--surface,var(--paper));border:1.5px solid var(--edge,var(--line));border-radius:var(--control-radius,7px);box-shadow:0 14px 32px #173e4029}
.select-ui-menu[hidden]{display:none!important}
.select-ui-menu:popover-open{margin:0;right:auto;bottom:auto;min-width:0;max-width:calc(100vw - 24px)}
.select-ui-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:9px 12px;background:transparent;border:0;border-radius:4px;color:var(--ink);font:inherit;font-size:14px;line-height:1.4;text-align:left;white-space:normal;cursor:pointer;touch-action:manipulation}
.select-ui-option:hover,.select-ui-option:focus-visible{background:var(--mint,var(--soft));outline:none}.select-ui-option[aria-selected=true]{background:var(--mint,var(--soft));font-weight:750;color:var(--green-dark,var(--green))}.select-ui-option[aria-selected=true]::after{content:"✓";flex:none;font-size:16px;color:var(--green)}
.select-ui-option:disabled{opacity:.45;cursor:not-allowed}
html[data-theme] .select-ui-trigger:focus-visible,html[data-theme] .select-ui-option:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.field>.select-ui,.theme-select-label>.select-ui{width:100%}
.theme-select-label{display:inline-flex;align-items:center;gap:8px}
.theme-select-label>.select-ui{width:auto;min-width:142px}
@media(max-width:600px){.select-ui-menu{max-width:calc(100vw - 32px)}}
@media(pointer:coarse){.select-ui-trigger{min-height:48px}.select-ui-option{min-height:50px}}
@media(prefers-reduced-motion:reduce){.select-ui-trigger i{transition:none}}