.size-main{max-width:1040px;padding-block:32px 56px}.size-main .document-header{max-width:820px}.size-main h1{max-width:none}.size-workspace{border:1px solid var(--line);background:#fffdf8;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-block:24px 40px;display:grid}.size-controls{min-width:0;padding:24px}.size-controls fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}.size-controls legend{margin-bottom:12px;font-size:16px;font-weight:650}.size-mode{flex-wrap:wrap;gap:8px;display:flex}.size-mode label{border:1px solid var(--line);cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:12px;display:flex}.size-mode label:has(:checked){border-color:var(--ink);background:#e7eddf}.size-mode input{accent-color:var(--ink)}.size-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.size-fields label{font-size:14px;font-weight:600}.size-fields input{width:100%;min-width:0;font:inherit;color:var(--ink);background:#fff;border:1px solid #87998a;border-radius:4px;margin-top:8px;padding:12px;display:block}.size-examples{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.size-examples button{min-height:44px;padding:10px 12px;font-size:13px}.size-results{background:#eef1e7;min-width:0;padding:24px}.size-results h2{font-size:23px}#size-status{margin:12px 0 20px;font-size:15px;line-height:1.7}#size-status.size-error{color:#9c281b;font-weight:600}.size-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin:24px 0;display:grid}.size-stats dt{color:var(--muted);margin-bottom:8px;font-size:12px}.size-stats dd{overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:650}.size-results p{font-size:14px;line-height:1.8}.size-results figure{margin:24px 0}#size-grid{background:var(--ink);gap:2px;padding:2px;display:grid}#size-grid span{color:var(--ink);background:#dce5d2;place-items:center;min-height:28px;padding-block:8px;font-size:12px;display:grid}.size-handoff{border-top:1px solid #bac7b2;padding-top:16px}.size-content{max-width:820px}.size-content section{border-top:1px solid var(--line);padding-top:32px}.size-content .table-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.size-formulas{background:#e7eddf;padding:20px}.size-note{color:var(--muted);font-size:13px;line-height:1.8}@media (width<=800px){.size-workspace{grid-template-columns:1fr}}@media (width<=400px){.size-controls,.size-results{padding:16px}.size-stats{grid-template-columns:1fr}.size-fields{gap:12px}.size-fields input{padding:10px 8px}}