.op-body-grid{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.op-body-label{margin-right:4px;font-weight:600}.op-body-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:.92rem;transition:background .15s,border-color .15s}.op-body-btn:hover{border-color:var(--accent)}.op-body-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.op-input-row{margin-bottom:14px}.op-input-row label{margin-bottom:4px;font-weight:600;display:block}.op-slider-row{align-items:center;gap:10px;display:flex}.op-slider{flex:1;min-width:120px}.op-num{border:1px solid var(--border);background:var(--bg-surface);width:130px;color:var(--text);border-radius:4px;padding:4px 8px;font-size:.95rem}.op-canvas-wrap{margin-bottom:16px}.op-result-detail{color:var(--text-dim);margin-top:2px;font-size:.88rem}.op-ratio-panel{border:1px solid var(--border);border-radius:8px;margin:14px 0;overflow:hidden}.op-ratio-title{color:var(--text-dim);border-bottom:1px solid var(--border);padding:8px 12px 6px;font-size:.85rem;font-weight:600}.op-ratio-table{border-collapse:collapse;width:100%;font-size:.88rem}.op-ratio-table th{text-align:left;color:var(--text-dim);background:var(--bg-surface);border-bottom:1px solid var(--border);padding:5px 10px;font-weight:600}.op-ratio-row{cursor:pointer;transition:background .1s}.op-ratio-row:hover{background:var(--bg-surface)}.op-ratio-row td{border-bottom:1px solid var(--border);color:var(--text-dim);padding:6px 10px}.op-ratio-row:last-child td{border-bottom:none}.op-ratio-current td{color:var(--text);background:var(--accent-dim,color-mix(in srgb, var(--accent) 12%, transparent));font-weight:600}.op-ratio-mult{font-variant-numeric:tabular-nums;color:var(--accent)!important}.op-ratio-factor{font-variant-numeric:tabular-nums}.op-ratio-note{color:var(--text-dim);border-top:1px solid var(--border);background:var(--bg-surface);padding:6px 12px;font-size:.8rem}