.oc{flex-direction:column;gap:10px;padding:14px 16px}.oc,.oc-row{display:flex}.oc-row{flex-wrap:wrap;align-items:flex-end;gap:10px 20px}.oc-field{flex-direction:column;flex:220px;gap:6px;max-width:320px;display:flex}.oc-label{font:600 14px var(--text);color:var(--ink)}.oc-input-wrap{align-items:center;display:flex;position:relative}.oc-input{border:1px solid var(--line);background:var(--bg);width:100%;height:44px;font:600 16px var(--text);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:10px;padding:0 64px 0 14px}.oc-input::placeholder{color:var(--muted);font-weight:400}.oc-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.oc-unit{font:600 16px var(--text);pointer-events:none;right:40px}.oc-clear,.oc-unit{color:var(--muted);position:absolute}.oc-clear{cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;right:6px}.oc-clear:hover{background:var(--fill);color:var(--ink)}.oc-check{min-height:44px;color:var(--ink2);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex;position:relative}.oc-check input{opacity:0;width:1px;height:1px;position:absolute}.oc-check i{border:1.5px solid var(--check-border);color:#0000;border-radius:6px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.oc-check input:checked+i{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.oc-check input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}.oc-result{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:10px;display:flex}.oc-result p{margin:0}.oc-title{font:700 16px/1.35 var(--text);color:var(--ink)}.oc-pick{font:600 14px var(--mono);color:var(--ink2);flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.oc-btn{height:38px;font-family:var(--text)}.oc-detail{color:var(--muted)}.oc-detail,.oc-tip{font-size:14px;line-height:1.4}.oc-tip{background:var(--good-soft);color:var(--ink);border-radius:8px;align-items:flex-start;gap:6px;padding:8px 10px;display:flex}.oc-tip .site-icon{color:var(--good);flex:none;margin-top:1px}.oc-sort{min-height:36px}.oc-note{color:var(--muted);margin:0;font-size:12px;line-height:1.4}