.scale-tool{padding-bottom:80px}.scale-editor{background:#fff;border:1px solid #dce4ef;border-radius:16px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding:24px;display:grid}.scale-controls{gap:20px;display:grid}.scale-controls fieldset{border:0;border-bottom:1px solid #e2e8f0;min-width:0;margin:0;padding:0 0 20px}.scale-controls legend{margin-bottom:16px;font-size:20px;font-weight:700}.scale-controls label{gap:6px;margin-top:12px;font-size:14px;font-weight:600;display:grid}.scale-controls input:not([type=checkbox]),.scale-controls select{color:#17283c;background:#fff;border:1px solid #aebbc9;border-radius:6px;width:100%;min-width:0;padding:9px}.scale-controls p,.scale-preview-column p{color:#334155;font-size:14px;line-height:1.5}.scale-controls .scale-check{align-items:center;gap:8px;display:flex}.scale-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.scale-segments{background:#e8edf4;border-radius:8px;gap:2px;padding:4px;display:flex}.scale-segments button{color:#23344a;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:8px}.scale-segments button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #0002}.scale-preview-column{align-self:start;min-width:0;position:sticky;top:80px}.scale-preview{outline-offset:3px;background:#e6eaf0;border-radius:10px;padding:12px}.scale-image-scroll{justify-content:safe center;max-height:calc(100vh - 250px);display:flex;overflow-x:auto}.scale-image{flex:none;max-width:none;position:relative}.scale-image img,.scale-overlay,.scale-interaction{width:100%;height:100%;position:absolute;inset:0}.scale-image img{object-fit:fill}.scale-overlay{pointer-events:none}.scale-overlay svg{width:100%;height:100%}.scale-interaction{touch-action:none}.scale-toolbar,.scale-downloads{align-items:center;gap:10px;margin-top:12px;display:flex}.scale-toolbar{justify-content:space-between;font-size:14px}.scale-menu{position:relative}.scale-menu-items{z-index:5;background:#fff;border:1px solid #cbd5e1;min-width:190px;position:absolute;top:100%;right:0;box-shadow:0 8px 20px #0002}.scale-menu-items button{text-align:left;cursor:pointer;background:#fff;border:0;width:100%;padding:10px;display:block}.scale-menu-items button:hover{background:#e9f2ff}.scale-page button:focus-visible,.scale-page input:focus-visible,.scale-page select:focus-visible,.scale-interaction circle:focus-visible,.scale-interaction rect:focus-visible{outline-offset:2px;outline:3px solid #166bdf}.scale-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.scale-examples article{border:1px solid #dce4ef;border-radius:12px;overflow:hidden}.scale-examples h3{margin:0 0 8px;font-size:19px}.scale-examples p{font-size:15px;line-height:1.5}.scale-thumb{aspect-ratio:4/3;background:#e6eaf0;justify-content:center;align-items:center;display:flex}.scale-thumb img{object-fit:contain;width:100%;height:100%}.scale-prose{max-width:1136px}.scale-methods{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.scale-methods article{border:1px solid #dce4ef;border-radius:10px;padding:20px}.scale-table{overflow-x:auto}.scale-table table{border-collapse:collapse;width:100%}.scale-table th,.scale-table td{text-align:left;border:1px solid #dce4ef;padding:12px}.scale-table th{background:#f1f5f9}.scale-prose>p{line-height:1.6}.scale-prose a{color:#145fc6;text-decoration:underline}@media (width<=900px){.scale-editor{grid-template-columns:1fr}.scale-preview-column{position:static}.scale-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.scale-image-scroll{max-height:none}.scale-methods{grid-template-columns:1fr}}@media (width<=600px){.scale-editor{padding:16px}.scale-examples{grid-template-columns:1fr}.scale-downloads{flex-wrap:wrap}.scale-table th:first-child{background:#f1f5f9;position:sticky;left:0}.scale-controls .scale-segments{flex-wrap:wrap}}.scale-tool{max-width:1136px;margin-inline:auto;scroll-margin-top:80px}.scale-controls,.scale-controls legend,.scale-controls label{text-align:left}.scale-controls legend{width:100%}.scale-image-scroll{max-height:none}.scale-preview-column .scale-downloads{flex-wrap:wrap}.scale-art{color:#283c54;flex-direction:column;justify-content:center;align-items:stretch;gap:8px;font-size:12px;display:flex}.scale-art-input{background:#fff;border:1px solid #b8c6d7;border-radius:5px;padding:8px 12px}.scale-art small{text-align:left;font-size:11px}.scale-art-segments{background:#e5eaf1;border-radius:6px;justify-content:space-around;align-items:center;gap:4px;padding:4px;display:flex}.scale-art-segments b{background:#fff;border-radius:4px;padding:7px}.scale-methods .scale-thumb{aspect-ratio:2;margin:-20px -20px 16px;overflow:hidden}.scale-methods .scale-thumb img{object-fit:cover}.scale-color-label{margin:12px 0 6px;font-size:14px;font-weight:600}.scale-examples .scale-thumb{aspect-ratio:auto;display:block}.scale-examples .scale-thumb img{width:100%;height:auto;display:block}.scale-segments button:hover:not([aria-pressed=true]){background:#f7f9fc}.scale-controls input:not([type=checkbox]):hover,.scale-controls select:hover{border-color:#667d98}.scale-methods .scale-thumb img{width:100%;height:auto;display:block}.scale-controls select:disabled{opacity:.55;cursor:not-allowed}.scale-examples{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.scale-examples .scale-thumb{display:flex}.scale-examples .scale-thumb img{width:auto;max-width:100%;height:auto;max-height:360px}.scale-examples article>div:last-child{padding:16px}.scale-examples p{margin-block:6px}.scale-methods .scale-thumb{aspect-ratio:16/9;display:flex}.scale-methods .scale-thumb img{object-fit:contain;width:100%;height:100%}main.ga2#top .pfd-landing .scale-prose .heading p{max-width:800px;margin-inline:auto}.scale-toolbar .scale-segments button{min-width:44px;min-height:44px}.scale-controls input[type=color]{cursor:pointer;height:44px;padding:4px 6px}.scale-page button:active{filter:brightness(.88);transform:translateY(1px)}@media (width<=600px){.scale-examples{grid-template-columns:1fr}.scale-controls .scale-calibration-segments{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.scale-calibration-segments button{white-space:normal;min-height:44px}.scale-calibration-segments button:last-child{grid-column:1/-1}.scale-preview-column .scale-downloads{grid-template-columns:1fr 1fr;display:grid}.scale-downloads>.primary{grid-column:1/-1}.scale-menu>button{width:100%}.scale-menu-items{left:auto;right:0}main.ga2#top .pfd-landing .scale-steps .step-art{padding:8px}main.ga2#top .pfd-landing .scale-steps .art-panel{min-width:0;padding:8px}.scale-steps .scale-art-segments{gap:2px;font-size:10px}.scale-steps .scale-art-segments b{padding:4px}}@media (width>=901px){.scale-controls{grid-area:1/1}.scale-preview-column{grid-area:1/2}}.scale-controls input:not([type=checkbox]),.scale-controls select,.scale-controls .scale-segments button{min-height:44px}.scale-controls .scale-check{cursor:pointer;min-height:44px;padding:6px 0}.scale-calibration-segments button{white-space:nowrap;padding:8px 5px;font-size:13px;line-height:1.3}main.ga2#top .pfd-landing .scale-examples-heading p{max-width:800px;margin-inline:auto}.scale-examples{align-items:stretch}.scale-examples article{flex-direction:column;display:flex}.scale-examples article>div:last-child{text-align:left;flex-direction:column;flex:1;align-items:flex-start;display:flex}.scale-examples article>div:last-child button{margin-top:auto}.scale-examples .scale-thumb{aspect-ratio:16/10;height:auto}.scale-examples .scale-thumb img{object-fit:cover;object-position:right bottom;width:auto;max-width:100%;height:auto;max-height:100%}.scale-calibration-table th:not(:first-child),.scale-calibration-table td{text-align:right;font-variant-numeric:tabular-nums}@media (width>=601px) and (width<=900px){.scale-methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media (width<=600px){.scale-calibration-segments button{white-space:normal}}@media (width>=901px){.scale-calibration-segments button:last-child{flex-grow:1.45}}.scale-examples .scale-thumb{flex:none;min-height:0;position:relative}.scale-examples .scale-thumb img{width:100%;height:100%;position:absolute;inset:0}.scale-controls select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2317283c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;height:44px;padding-right:32px}@media (width<=600px){main.ga2#top .pfd-landing .scale-steps .step-art{padding:16px}main.ga2#top .pfd-landing .scale-steps .art-panel{padding:14px}.scale-steps .scale-art-segments{gap:4px;font-size:12px}.scale-steps .scale-art-segments b{padding:7px}}main.ga2#top .pfd-landing .scale-steps .art-panel{justify-content:center;gap:6px;min-width:0;height:150px}.scale-steps .scale-art-button{color:#fff;white-space:nowrap;background:#315dff;border-radius:6px;align-self:center;padding:9px 14px;font-weight:700}.scale-steps .scale-art-drop{white-space:nowrap;align-self:center}.scale-steps .scale-art-line{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:6px;display:grid}.scale-steps .scale-art-line .scale-art-input{white-space:nowrap;padding:4px 7px}.scale-steps .scale-art-color{gap:2px;padding:2px}.scale-steps .scale-art-color>*{text-align:center;white-space:nowrap;flex:1;padding:4px 2px;font-size:10px}.scale-steps .scale-art-segments>*{white-space:nowrap}@media (width>=901px){main.ga2#top .pfd-landing .pfd-steps.scale-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=601px) and (width<=900px){main.ga2#top .pfd-landing .pfd-steps.scale-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){main.ga2#top .pfd-landing .pfd-steps.scale-steps{grid-template-columns:1fr}}@media (width>=901px) and (width<=1100px){.scale-steps .scale-art-segments{gap:1px;padding:2px;font-size:10.5px}.scale-steps .scale-art-segments b{padding:5px 2px}.scale-steps .scale-art-line{grid-template-columns:38px minmax(0,1fr);gap:3px}.scale-steps .scale-art-line small{font-size:10px}.scale-steps .scale-art-line .scale-art-input{padding-inline:3px;font-size:10.5px}main.ga2#top .pfd-landing .scale-steps .step-art,main.ga2#top .pfd-landing .scale-steps .art-panel{padding:10px}.scale-steps .scale-art-segments{font-size:11px}}@media (width<=768px){main.ga2#top .scale-table[data-more-columns]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}}