.dpsel{position:relative;width:100%}.dpsel>select.dpsel-native{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;border:0;pointer-events:none;-webkit-appearance:none;appearance:none}.dpsel-trigger{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:Inter,sans-serif;font-size:13px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.dpsel-trigger:hover{border-color:#f3ba2f73}.dpsel.open .dpsel-trigger,.dpsel-trigger:focus-visible{border-color:var(--accent);background:var(--surface3);box-shadow:0 0 0 2px #f3ba2f24;outline:none}.dpsel-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dpsel-label.is-placeholder{color:var(--text3)}.dpsel-chev{width:16px;height:16px;flex:0 0 auto;color:var(--text3);transition:transform .18s ease}.dpsel.open .dpsel-chev{transform:rotate(180deg);color:var(--accent)}.dpsel-pop{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 6px);background:var(--surface2);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 34px #0000008c,0 2px 8px #0006;padding:5px;max-height:244px;overflow-y:auto;opacity:0;transform:translateY(-6px) scale(.985);transform-origin:top center;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.dpsel.drop-up .dpsel-pop{top:auto;bottom:calc(100% + 6px);transform-origin:bottom center}.dpsel.open .dpsel-pop{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.dpsel-opt{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:8px;font-size:13px;color:var(--text2);cursor:pointer;transition:background .12s,color .12s;position:relative}.dpsel-opt:hover{background:#f3ba2f1a;color:var(--text)}.dpsel-opt.is-sel{color:var(--accent);font-weight:600}.dpsel-opt.is-sel:after{content:"";width:6px;height:10px;margin-left:auto;border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(45deg);margin-right:2px;margin-bottom:2px}.dpsel-pop::-webkit-scrollbar{width:8px}.dpsel-pop::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.dpsel-pop::-webkit-scrollbar-track{background:transparent}.dpsel-opt{display:flex;align-items:center;gap:8px}.dpsel-dot{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 0 1px #00000059 inset}.dpsel-opt-t{min-width:0;overflow:hidden;text-overflow:ellipsis}.dpsel-opt:hover{color:var(--accent)}