.op-picker,.op-editor{color:var(--whs-ui-text, var(--color-light,#cedada));background:var(--whs-ui-surface, rgba(20,27,29,.7));border:1px solid var(--whs-ui-border, #66717e);border-radius:12px;padding:1rem;margin-bottom:1rem}
.op-field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;margin-bottom:.7rem;min-width:0}
.op-field input,.op-field select{width:100%;min-width:0;background:var(--whs-ui-surface, #20292c);color:var(--whs-ui-text, #f4f6f6);border:1px solid var(--whs-ui-border, #66717e);border-radius:6px;padding:.55rem;font:inherit}
.op-field input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:#ceff1a}
.op-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1rem;padding-top:1rem}
.op-group{border-top:1px solid var(--whs-ui-border, #66717e);padding:.9rem 0}.op-group summary{cursor:pointer;font-weight:600}
.op-actions{display:flex;gap:.5rem;flex-wrap:wrap}.op-actions button,.op-editor>button{padding:.5rem .75rem;background:var(--whs-ui-surface, #303f42);color:var(--whs-ui-text, #fff);border:1px solid var(--whs-ui-border, #66717e);border-radius:6px;font:inherit;cursor:pointer}
.op-actions .op-primary{background:#ceff1a;color:var(--whs-ui-on-accent, #162022)}.op-actions button:disabled{opacity:.5;cursor:wait}
.op-note{font-size:.82rem;color:var(--whs-ui-text, #c2cece);margin:.6rem 0}.op-error{color:var(--whs-ui-danger, #ffb1a9);white-space:pre-wrap}
.op-dialog{background:var(--whs-ui-surface, #20292c);color:var(--whs-ui-text, #f4f6f6);border:1px solid var(--whs-ui-border, #66717e);border-radius:14px;width:min(760px,calc(100vw - 2rem));max-height:88vh;padding:1.3rem;z-index:11000}
.op-dialog::backdrop{background:var(--whs-ui-surface, rgba(0,0,0,.65))}.op-dialog h2{font-size:1.2rem;margin:0 0 1rem}
.op-picker [hidden],.op-editor [hidden],.op-dialog [hidden]{display:none!important}
@media(max-width:600px){.op-grid{grid-template-columns:1fr}.op-actions button{flex:1 1 44%;font-size:.8rem}.op-dialog{padding:1rem}}