.of-workspace{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:24px;margin:28px 0}.of-inputs,.of-results,.of-splits{border:1px solid var(--border,#d9e0ea);border-radius:22px;padding:28px;background:var(--surface,#fff);min-width:0}.of-inputs{display:flex;flex-direction:column;gap:18px}.of-inputs h2,.of-splits h2{margin:0;font-size:1.45rem}.of-inputs label{display:flex;flex-direction:column;gap:7px;font-weight:650;font-size:.92rem}.of-inputs input,.of-inputs select{width:100%;min-width:0;padding:12px;border:1px solid var(--border,#cbd5e1);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit}.of-inputs fieldset{border:0;margin:0;padding:0;min-width:0}.of-inputs legend{font-weight:650;padding:0 0 8px;font-size:.92rem}.of-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.of-note{font-size:.9rem;line-height:1.65;color:var(--muted,#536078);margin:0}.of-error{color:#b73b33;font-size:.9rem;margin:0}.of-error:empty{display:none}.of-examples,.of-actions{display:flex;gap:9px;flex-wrap:wrap}.of-examples span{flex-basis:100%;font-size:.85rem}.of-examples button,.of-actions button{padding:9px 13px;border:1px solid var(--border,#cbd5e1);border-radius:9px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:.85rem;cursor:pointer}.of-primary{background:#14223c;color:#fff;border-radius:17px;padding:26px;text-align:center}.of-primary output{display:block;font-size:clamp(2.6rem,5vw,4rem);line-height:1.35;font-weight:750;font-variant-numeric:tabular-nums}.of-primary>span{font-size:.68rem;letter-spacing:.13em;color:#8ee5c9}.of-primary p{margin:0 0 10px}.of-primary p:last-child{font-size:.88rem;margin:15px 0 0;color:#d9e4f5}.of-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:23px 0}.of-metrics>div{padding:15px;border:1px solid var(--border,#d9e0ea);border-radius:12px}.of-metrics dt,.of-metrics small{font-size:.78rem;color:var(--muted,#536078)}.of-metrics dd{margin:4px 0;font-size:1.45rem;font-weight:750;font-variant-numeric:tabular-nums}.of-actions{margin-top:20px}.of-actions button:first-child{background:#14223c;color:white}.of-table-wrap{overflow:auto;margin:18px 0;border:1px solid var(--border,#d9e0ea);border-radius:12px}.of-table-wrap table{width:100%;min-width:620px;border-collapse:collapse;font-size:.9rem;font-variant-numeric:tabular-nums}.of-table-wrap th,.of-table-wrap td{padding:14px;text-align:left;border-bottom:1px solid var(--border,#d9e0ea)}.of-table-wrap thead{background:var(--surface-alt,#edf4f7)}.of-table-wrap tbody tr:last-child{background:var(--surface-alt,#edf4f7);font-weight:700}.of-table-wrap caption{padding:15px;text-align:left;font-weight:650}.of-scroll-cue{font-size:.84rem;color:var(--muted,#536078)}.of-print-source{display:none}.of-workspace [hidden],.of-splits[hidden]{display:none!important}[data-theme=dark] .of-inputs,[data-theme=dark] .of-results,[data-theme=dark] .of-splits,[data-theme=dark] .of-inputs input,[data-theme=dark] .of-inputs select,[data-theme=dark] .of-examples button{background:#15243a;color:#e9f1fa}[data-theme=dark] .of-note,[data-theme=dark] .of-metrics dt,[data-theme=dark] .of-metrics small,[data-theme=dark] .of-scroll-cue{color:#bac9db}[data-theme=dark] .of-table-wrap thead,[data-theme=dark] .of-table-wrap tbody tr:last-child{background:#20354e}[data-theme=dark] .of-error{color:#ffb0a6}@media(max-width:760px){.of-workspace{grid-template-columns:1fr;gap:18px}.of-inputs,.of-results,.of-splits{padding:20px;border-radius:17px}.of-metrics{gap:9px}.of-metrics>div{padding:11px}.of-metrics dd{font-size:1.25rem}}@media print{.of-inputs,.of-actions,.of-scroll-cue,.mm-save-bar,#of-status{display:none!important}.of-workspace{display:block}.of-results,.of-splits{border:0;padding:0;background:#fff!important;color:#000!important}.of-primary{background:#fff;color:#000;padding:8px}.of-primary p:last-child,.of-primary>span{color:#333}.of-table-wrap{overflow:visible}.of-table-wrap table{min-width:0;font-size:9pt}.of-table-wrap td,.of-table-wrap th{padding:6px}.of-print-source{display:block;font-size:9pt}}
