.pd-page .pd-tool{grid-template-columns:minmax(270px,340px) minmax(0,1fr);align-items:start;gap:24px;max-width:1136px;margin:0 auto;display:grid}.pd-controls,.pd-preview{background:#fff;border:1px solid #d9e1ed;border-radius:14px;padding:20px}.pd-controls{flex-direction:column;gap:12px;display:flex}.pd-controls h2{margin:18px 0 2px;font-size:18px}.pd-controls label{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.pd-controls input:not([type=checkbox]):not([type=range]):not([type=color]),.pd-controls select{border:1px solid #aab8c8;border-radius:6px;min-width:0;max-width:170px;padding:7px}.pd-controls input[type=color]{width:46px;height:32px}.pd-axis{gap:8px;display:grid}.pd-mark{border:1px solid #0000;border-radius:8px;padding:4px}.pd-mark.active{background:#eaf3ff;border-color:#1665c1}.pd-mark button{color:#075a9a;font-weight:700}.pd-segment,.pd-buttons,.pd-toolbar{flex-wrap:wrap;gap:8px;display:flex}.pd-segment button,.pd-toolbar button{border:1px solid #bdc9d8;border-radius:7px;padding:7px 10px}.pd-segment [aria-pressed=true],.pd-controls [aria-pressed=true]{background:#dbeafe;border-color:#1665c1}.pd-preview{min-width:0;position:sticky;top:80px}.pd-toolbar{align-items:center;margin-bottom:12px}.pd-toolbar span{font-size:13px}.pd-canvas{aspect-ratio:10/7;touch-action:none;background:#e8edf4;border-radius:8px;justify-content:center;align-items:center;min-height:280px;display:flex;position:relative;overflow:hidden}.pd-picture{transform-origin:50%;width:100%;max-width:100%;max-height:100%;position:relative}.pd-picture img{width:100%;height:auto;display:block}.pd-picture svg{cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.pd-picture circle{cursor:grab}.pd-prompt{background:#fff;border-radius:6px;padding:7px 10px;font-size:13px;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #0002}.pd-magnifier{color:#c00;pointer-events:none;border:2px solid #333;border-radius:50%;place-items:center;width:100px;height:100px;display:grid;position:absolute;top:12px;right:12px}.pd-error{color:#a21c24;font-size:14px}.pd-resolution{color:#536273;font-size:13px}.pd-table-wrap{max-height:320px;position:relative;overflow:auto}.pd-table-wrap table{border-collapse:collapse;width:100%;min-width:380px}.pd-table-wrap th,.pd-table-wrap td{text-align:left;border-bottom:1px solid #dfe6ef;padding:8px}.pd-table-wrap th:first-child,.pd-table-wrap td:first-child{background:#fff;position:sticky;left:0}.pd-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.pd-example{border:1px solid #d9e1ed;border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.pd-example h3{margin:0;font-size:17px}.pd-example svg{width:100%;height:auto}.pd-example p{margin:0;font-size:14px}.pd-example button{align-self:flex-start;margin-top:auto}.pd-step-art{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:150px;display:flex}.pd-step-art input{border:1px solid #aaa;width:40px}.pd-dot,.pd-callout{color:#fff;background:#176ad2;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:700;display:inline-grid}.pd-domain{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.pd-domain p{margin:0 0 16px}.pd-domain-image{position:relative}.pd-domain-image img{width:100%}.pd-callout{position:absolute}.pd-callout.a{bottom:18%;left:13%}.pd-callout.b{top:20%;left:18%}.pd-callout.c{top:38%;left:57%}.pd-page button:focus-visible,.pd-page input:focus-visible,.pd-page select:focus-visible,.pd-page svg [tabindex]:focus-visible{outline-offset:2px;outline:3px solid #1267c9}@media (width<=900px){.pd-page .pd-tool{flex-direction:column-reverse;display:flex}.pd-controls,.pd-preview{width:100%}.pd-preview{position:static}.pd-examples{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.pd-examples,.pd-domain{grid-template-columns:1fr}.pd-table-wrap:after{content:"";float:right;pointer-events:none;background:linear-gradient(90deg,#0000,#fff);width:16px;height:100%;display:block;position:sticky;right:0}}.pd-page .pd-canvas,.pd-page .pd-table-wrap{width:100%;min-width:0}.pd-page .pfd-steps .num{color:#fff;background:#176ad2}.pd-domain-point{align-items:start;gap:10px;display:flex}.pd-domain-point .pd-dot{flex:0 0 24px}main.ga2.pd-page#top .pd-landing .pfd-steps{grid-template-columns:repeat(4,minmax(0,1fr))}main.ga2.pd-page#top .pd-landing .pfd-steps .num{color:#fff;background:#176ad2}main.ga2.pd-page#top #plot-digitizer-faq .faq-head{max-width:800px}.pd-domain-image .pd-callout.a{top:calc(81.4% - 12px);left:calc(13% - 12px)}.pd-domain-image .pd-callout.b{top:calc(27.7% - 12px);left:calc(13% - 12px)}.pd-domain-image .pd-callout.c{top:calc(38% - 12px);left:calc(46% - 12px)}@media (width<=900px){main.ga2.pd-page#top .pd-landing .pfd-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){main.ga2.pd-page#top .pd-landing .pfd-steps{grid-template-columns:1fr}}.pd-control-panel summary{cursor:pointer;list-style:none}.pd-control-panel summary::-webkit-details-marker{display:none}.pd-control-panel summary h2{display:inline-block}.pd-panel-body{flex-direction:column;gap:12px;display:flex}.pd-mark[data-axis=y] button{color:#ad4500}@media (width<=600px){.pd-control-panel{border:1px solid #d9e1ed;border-radius:9px;padding:0 12px 12px}.pd-control-panel:not([open]){padding-bottom:0}.pd-control-panel summary{justify-content:space-between;align-items:center;display:flex}.pd-control-panel summary:after{content:"+";color:#176ad2;font-size:20px}.pd-control-panel[open] summary:after{content:"−"}}.pd-toolbar .pd-export-actions{margin-left:auto}.pd-mini-cal{gap:10px;display:grid}.pd-mini-cal>div{align-items:center;gap:8px;display:flex}main.ga2#top .pd-tool{background:#fff;border:1px solid #d9e1ed;border-radius:14px;gap:0;overflow:visible}main.ga2#top .pd-controls,main.ga2#top .pd-preview{background:0 0;border:0;border-radius:0;min-width:0}main.ga2#top .pd-controls{border-right:1px solid #e1e8f1}main.ga2#top .pd-preview{box-sizing:border-box;flex-direction:column;height:min(690px,100vh - 96px);display:flex;position:sticky;top:80px}main.ga2#top .pd-canvas{aspect-ratio:auto;background:#fff;flex:auto;min-height:0}main.ga2#top .pd-toolbar{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:10px;display:flex}main.ga2#top .pd-toolbar .pfd-btn{white-space:nowrap;justify-content:center;align-items:center;gap:5px;display:inline-flex}.pd-zoom{white-space:nowrap;background:#f0f3f8;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}main.ga2#top .pd-zoom button{background:0 0;border:0;min-width:25px;padding:5px}.pd-zoom span{text-align:center;min-width:40px}.pd-icon-actions{gap:3px;display:flex}main.ga2#top .pd-icon-actions button{background:0 0;border:1px solid #0000;place-items:center;padding:7px;display:grid}main.ga2#top .pd-icon-actions button[aria-pressed=true]{background:#dceaff;border-color:#85b5ef}main.ga2#top .pd-toolbar .pd-export-actions{gap:5px;margin-left:auto}.pd-meta{color:#46576d;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:8px;font-size:12px;display:flex}main.ga2#top .pd-controls h2{text-align:left;margin:14px 0 8px;font-size:15px}main.ga2#top .pd-controls label:not(.pd-mark):not(.pd-checkbox),.pd-field{flex-direction:column;align-items:stretch;gap:6px;font-size:13px;display:flex}main.ga2#top .pd-controls input:not([type=checkbox]):not([type=range]):not([type=color]),main.ga2#top .pd-controls select{box-sizing:border-box;width:100%;max-width:none}main.ga2#top .pd-controls .pd-mark{flex-direction:row;align-items:center;gap:8px;display:flex}main.ga2#top .pd-controls .pd-mark input{flex:1;min-width:0;max-width:none}.pd-mark button{align-items:center;gap:7px;min-width:56px;display:flex}.pd-cal-dot{background:#fff;border:1px solid #9aa9ba;border-radius:50%;width:9px;height:9px}.pd-cal-dot.current{background:#176ad2;border-color:#176ad2;box-shadow:0 0 0 3px #d8e9ff}.pd-cal-dot.done{background:#15803d;border-color:#15803d}main.ga2#top .pd-controls .pd-checkbox{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;display:flex}main.ga2#top .pd-segment{background:#eff2f6;border:0;border-radius:8px;flex-wrap:nowrap;gap:2px;padding:3px;display:flex}main.ga2#top .pd-segment button{color:#34445a;background:0 0;border:0;border-radius:6px;flex:1;min-width:0;padding:7px 5px;font-size:13px}main.ga2#top .pd-segment button[aria-pressed=true]{color:#172033;background:#fff;box-shadow:0 1px 4px #0002}main.ga2#top .pd-segment button:hover,main.ga2#top .pd-zoom button:hover,main.ga2#top .pd-icon-actions button:hover,main.ga2#top .pd-mark button:hover{background:#dfe9f6}main.ga2#top .pd-segment button:active,main.ga2#top .pd-zoom button:active,main.ga2#top .pd-icon-actions button:active,main.ga2#top .pd-mark button:active{background:#cbdcf0}main.ga2#top .pd-controls input:hover,main.ga2#top .pd-controls select:hover{border-color:#6c8db8}.pd-color-chip{vertical-align:middle;border:1px solid #7c8ca0;border-radius:3px;width:14px;height:14px;margin-right:6px;display:inline-block}.pd-table-wrap{max-height:320px;overflow:auto}.pd-table-wrap thead th{z-index:2;background:#fff;position:sticky;top:0}.pd-table-wrap thead th:first-child{z-index:3}.pd-table-wrap:focus-visible{outline-offset:2px;outline:3px solid #1267c9}@media (width<=900px){main.ga2#top .pd-tool{flex-direction:column-reverse;display:flex}main.ga2#top .pd-controls{border-top:1px solid #e1e8f1;border-right:0}main.ga2#top .pd-preview{height:auto;position:static}main.ga2#top .pd-canvas{aspect-ratio:10/7;flex:none;width:100%}}@media (width<=600px){main.ga2#top .pd-toolbar{grid-template-columns:auto 1fr auto;gap:6px;display:grid}main.ga2#top .pd-toolbar .pd-upload{grid-area:1/1}main.ga2#top .pd-toolbar .pd-zoom{grid-area:1/2;justify-content:center}main.ga2#top .pd-toolbar .pd-icon-actions{grid-area:1/3}main.ga2#top .pd-toolbar .pd-export-actions{grid-area:2/1/auto/-1;width:100%;margin:0}main.ga2#top .pd-export-actions button{flex:1}main.ga2#top .pd-toolbar .pd-upload svg{width:18px;height:18px}main.ga2#top .pd-control-panel{padding:0 12px 10px}main.ga2#top .pd-toolbar .pd-upload{gap:0;padding:6px;font-size:11px}main.ga2#top .pd-toolbar .pd-upload svg{display:none}main.ga2#top .pd-zoom button{min-width:20px;padding:4px}main.ga2#top .pd-zoom span{min-width:35px;font-size:11px}main.ga2#top .pd-toolbar .pd-icon-actions button{padding:4px}}.pd-how-svg{width:100%;max-width:240px;height:150px}.pd-domain-image svg{width:100%;height:auto;display:block}main.ga2#top .pd-controls{text-align:left}@media (width>=901px) and (width<=1150px){main.ga2#top .pd-toolbar{flex-wrap:nowrap;gap:3px}main.ga2#top .pd-toolbar .pfd-btn{gap:3px;padding:8px 6px;font-size:12px}main.ga2#top .pd-toolbar .pfd-btn svg{width:14px;height:14px}main.ga2#top .pd-zoom button{min-width:20px;padding:4px 3px}main.ga2#top .pd-zoom span{min-width:34px;font-size:11px}main.ga2#top .pd-toolbar .pd-icon-actions{gap:1px}main.ga2#top .pd-toolbar .pd-icon-actions button{padding:4px}}main.ga2#top .pd-segment button[aria-pressed=true]:hover,main.ga2#top .pd-zoom-segment button[aria-pressed=true]:hover{background:#e9f1ff;box-shadow:0 1px 4px #0003}main.ga2#top .pd-segment button[aria-pressed=true]:active,main.ga2#top .pd-zoom-segment button[aria-pressed=true]:active{background:#cfe1ff;box-shadow:inset 0 1px 3px #0003}main.ga2#top .pd-zoom-segment{gap:2px;display:flex}main.ga2#top .pd-zoom-segment button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #0002}main.ga2#top .pd-icon-actions button{align-items:center;gap:3px;display:inline-flex}main.ga2#top .pd-icon-actions button span{font-size:11px}main.ga2#top .pd-prompt{pointer-events:none;box-shadow:none;min-height:0;padding:0 0 6px;position:static}.pd-example button{align-self:flex-end}@media (width>=901px){main.ga2#top .pd-table-wrap table{table-layout:fixed;min-width:0}main.ga2#top .pd-table-wrap th:first-child,main.ga2#top .pd-table-wrap td:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}main.ga2#top .pd-table-wrap th:not(:first-child),main.ga2#top .pd-table-wrap td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}}@media (width<=600px){main.ga2#top .pd-toolbar{gap:3px}main.ga2#top .pd-toolbar .pd-upload{padding:5px 4px;font-size:10px}main.ga2#top .pd-zoom button{min-width:18px;padding:4px 2px;font-size:11px}main.ga2#top .pd-toolbar .pd-icon-actions{gap:0}main.ga2#top .pd-toolbar .pd-icon-actions button{padding:3px}main.ga2#top .pd-icon-actions button span{font-size:10px}}main.ga2#top .pd-zoom button,main.ga2#top .pd-toolbar .pd-icon-actions button{min-width:24px;min-height:24px}@media (width<=600px){main.ga2#top.pd-page .pd-toolbar .pd-upload{padding:5px 4px;font-size:10px}}@media (width<=390px){main.ga2#top .pd-toolbar{grid-template-columns:auto 1fr}main.ga2#top .pd-toolbar .pd-zoom{justify-self:end}main.ga2#top .pd-toolbar .pd-icon-actions{grid-area:2/1/auto/-1;justify-self:end}main.ga2#top .pd-toolbar .pd-export-actions{grid-row:3}}
