.poster-workbench{margin-block:36px 60px}.poster-workbench .layout-workbench{align-items:start}.poster-workbench .field-help{font-size:14px}.poster-workbench .layout-fieldset>.form-grid{row-gap:20px}.poster-file-input{width:100%;padding-block:12px;font-size:15px;line-height:1.6}.poster-file-input::file-selector-button{margin-right:12px;padding:10px 14px;border:1px solid var(--control-border);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer}.poster-file-name{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.poster-image-preview{margin-block:16px}.poster-image-preview img{display:block;width:auto;height:auto;max-width:240px;max-height:240px;object-fit:contain}.poster-image-preview[hidden]{display:none}.poster-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block:21px}.poster-actions button{min-height:44px}.poster-result{border-block:3px double var(--rule);padding-block:22px;margin-block:25px}.poster-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.poster-result .result-value{display:block;font-size:clamp(27px,3vw,39px);margin-top:8px;overflow-wrap:anywhere}.poster-result .poster-printable-value{font-size:23px}.poster-result p{font-size:15px;line-height:1.7;margin-bottom:0;color:var(--muted)}.poster-diagram{margin-top:20px;border:1px solid var(--rule);overflow:hidden}.poster-diagram svg,.poster-diagram img{display:block;width:100%;height:auto;max-width:none;max-height:600px;object-fit:contain}.poster-legend{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;font-size:13px;color:var(--muted)}.poster-legend li{margin:0}.poster-legend span{display:inline-block;width:23px;height:12px;margin-right:8px;vertical-align:middle;border:1px solid var(--accent)}.poster-legend .poster-overlap-key{background:repeating-linear-gradient(135deg,transparent 0,transparent 3px,var(--rule) 3px,var(--rule) 4px)}.poster-workbench [role=status]{min-height:1.7em;font-size:14px;line-height:1.65}.poster-notes{padding-left:22px;font-size:14px;line-height:1.7;color:var(--muted)}.poster-coordinates{font-size:14px;font-variant-numeric:tabular-nums}.poster-scope-note{border-block:1px solid var(--rule);padding-block:18px;margin-block:25px;font-size:15px;line-height:1.75}.poster-workbench .layout-check{align-items:flex-start;line-height:1.6}.poster-workbench .layout-check input{margin-top:2px}.poster-workbench .layout-check label{font-size:14px}.poster-methods dt{font-family:var(--serif);font-size:25px;margin-top:24px}.poster-methods dd{margin:6px 0 24px}.poster-download-note{font-size:14px;line-height:1.7;color:var(--muted)}@media(max-width:650px){.poster-workbench .form-grid,.poster-result-grid{grid-template-columns:1fr}.poster-actions{align-items:stretch;flex-direction:column}.poster-actions .button,.poster-actions .button-secondary{width:100%;text-align:center}.poster-coordinates{font-size:13px}.poster-result .result-value{font-size:32px}.poster-result .poster-printable-value{font-size:24px}}@media screen and (min-width:851px){.poster-workbench .layout-preview{position:sticky;top:16px}.poster-workbench .layout-preview>.eyebrow{margin-bottom:8px}.poster-workbench .layout-preview>h2{margin-bottom:12px}}.poster-guide-contents{display:flex;flex-wrap:wrap;gap:10px 24px;padding-block:20px;border-block:1px solid var(--rule);margin-bottom:38px;font-size:14px}.poster-guide-figure{margin:30px 0}.poster-guide-figure svg,.poster-guide-figure img{width:100%;height:auto}.poster-guide-figure figcaption{font-size:14px;color:var(--muted);line-height:1.6;margin-top:12px}
