.of-panel{--of-border:#cbd5e1;--of-muted:#475569;color:#17253b}.of-panel [hidden]{display:none!important}.of-panel p{line-height:1.6}.of-panel .of-note{color:var(--of-muted);white-space:pre-wrap;overflow-wrap:anywhere}.of-panel .of-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.of-panel label{display:block;font-size:14px;font-weight:600;margin:8px 0}.of-panel input,.of-panel select,.of-panel textarea{box-sizing:border-box;width:100%;min-height:44px;border:1px solid var(--of-border);border-radius:6px;padding:8px;background:#fff;color:inherit}.of-panel textarea{min-height:88px;resize:vertical}.of-panel button{min-height:44px;margin:4px 8px 4px 0}.of-panel input[type=checkbox]{width:20px;min-height:20px;margin-right:8px}.of-panel .of-card{border:1px solid var(--of-border);padding:14px;margin:14px 0;border-radius:8px;background:#f8fafc}.of-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}.of-panel .of-scroll{overflow:auto;border:1px solid var(--of-border);border-radius:6px}.of-panel table{width:100%;border-collapse:collapse;min-width:660px;font-variant-numeric:tabular-nums}.of-panel td,.of-panel th{padding:10px;border-bottom:1px solid var(--of-border);text-align:left;vertical-align:top;overflow-wrap:anywhere}.of-panel :focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}.of-panel .of-alert{border-left:4px solid #b45309;background:#fffbeb;padding:12px;line-height:1.6}.of-panel .of-inline{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.of-panel .of-inline label{flex:1;min-width:180px}.of-panel .of-actions{display:flex;gap:8px;flex-wrap:wrap}