.app-select{display:inline-block;position:relative}.app-select-trigger{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;display:flex;font-family:var(--font);font-size:13px;font-weight:700;gap:8px;outline:none;padding:8px 12px;text-align:left;width:100%}.app-select-trigger:hover{border-color:var(--ink-muted)}.app-select.open .app-select-trigger{border-color:var(--accent)}.app-select-value{flex:1}.app-select-arrow{color:var(--ink-muted);flex-shrink:0;transition:transform .2s}.app-select.open .app-select-arrow{transform:rotate(180deg)}.app-select-dropdown{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0000001f;left:0;list-style:none;margin:0;max-height:240px;min-width:100%;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:200}[data-theme=dark] .app-select-dropdown{box-shadow:0 8px 24px #0006}.app-select-option{border-radius:6px;color:var(--ink-soft);cursor:pointer;font-family:var(--font);font-size:13px;font-weight:600;padding:8px 10px;white-space:nowrap}.app-select-option:hover{background:var(--border)}.app-select-option.active{background:var(--accent);color:#fff;font-weight:700}.dropdown-enter-active{animation:dropIn .15s ease}.dropdown-leave-active{animation:dropIn .1s ease reverse}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}