.oc-tool{background:var(--surface);border-radius:10px;padding:22px 24px;margin:18px 0 28px}
.oc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.oc-tabs button{font:inherit;font-size:15px;padding:9px 14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;cursor:pointer}
.oc-tabs button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.oc-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.oc-form[hidden]{display:none}
.oc-form label{display:block;width:100%;font-size:15px;color:var(--ink-soft)}
.oc-form input{flex:1 1 260px;min-width:0;font:inherit;font-size:17px;padding:11px 14px;border:1px solid var(--field-line);border-radius:var(--radius);background:var(--paper);color:var(--ink)}
.oc-form button[type="submit"]{font:inherit;font-weight:700;padding:12px 20px;border:0;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);cursor:pointer}
.oc-list{list-style:none;padding:0;margin:12px 0 0}
.oc-pick{display:block;width:100%;text-align:left;font:inherit;font-size:15.5px;padding:10px 14px;margin-bottom:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);cursor:pointer}
.oc-pick span{color:var(--ink-soft)}
.oc-msg{margin-top:18px;padding:16px 20px;border-radius:8px;background:var(--paper);border-left:4px solid var(--line)}
.oc-msg h3{margin:0 0 8px;font-size:20px}
.oc-msg p{margin-bottom:10px;font-size:16px}
.oc-ok{border-left-color:var(--accent)}
.oc-warn{border-left-color:var(--field-line)}
.oc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.oc-hint{margin:16px 0 8px;color:var(--ink-soft)}
@media (max-width:760px){.oc-tool{padding:16px}.oc-form button[type="submit"]{width:100%}}