.drp{display:inline-block;position:relative}.drp-trigger{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-surface);height:32px;color:var(--ink);font-size:calc(12.5px * var(--font-scale));cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-family:inherit;display:inline-flex}.drp-trigger:hover{border-color:var(--em)}.drp-trigger.active{border-color:var(--em);color:var(--em)}.drp-caret{color:var(--ink-subtle)}.drp-pop{z-index:50;background:var(--bg-surface);border:1px solid var(--line-strong);border-radius:var(--radius);width:360px;box-shadow:var(--shadow-2,0 8px 30px #00000040);position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.drp-sec{padding:calc(12px * var(--density)) calc(14px * var(--density));border-bottom:1px solid var(--line)}.drp-sec:last-child{border-bottom:0}.drp-label{font-size:calc(11px * var(--font-scale));text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);margin-bottom:9px;font-weight:700}.drp-quick{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.drp-qbtn{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-surface);height:34px;color:var(--ink);font-size:calc(12.5px * var(--font-scale));cursor:pointer;font-family:inherit}.drp-qbtn:hover{border-color:var(--em);color:var(--em)}.drp-qbtn.on{background:var(--em);border-color:var(--em);color:#fff;font-weight:600}.drp-row{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.drp-dim{font-size:calc(12px * var(--font-scale));color:var(--ink-muted);flex-shrink:0}.drp-num{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-surface);width:56px;height:34px;color:var(--ink);font-size:calc(12.5px * var(--font-scale));flex-shrink:0;padding:0 8px}.drp-unit,.drp-date{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-surface);height:34px;color:var(--ink);font-size:calc(12px * var(--font-scale));flex:1;min-width:0;padding:0 6px;font-family:inherit}.drp-apply{border-radius:var(--radius-sm);background:var(--em);color:#fff;height:34px;font-size:calc(12.5px * var(--font-scale));cursor:pointer;white-space:nowrap;border:0;flex-shrink:0;padding:0 12px;font-family:inherit;font-weight:600}.drp-apply:hover{filter:brightness(1.06)}.drp-apply:disabled{opacity:.5;cursor:not-allowed}