:root{color:#182230;font-synthesis:none;--line:#dfe5ed;--green:#182230;--lime:#dbeafe;background:#f7f9fc;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:inherit}button,input{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #2563eb}header,main,footer{max-width:1160px;margin:auto;padding-left:32px;padding-right:32px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-top:22px;padding-bottom:22px;display:flex}.brand{align-items:center;gap:9px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand-icon{color:#fff;background:#2563eb;border-radius:7px;padding:5px 9px;font-size:23px}.dot{color:#2563eb}nav{gap:24px;font-size:14px;display:flex}nav a{text-decoration:none}.eyebrow{letter-spacing:1.5px;color:#607089;font-size:11px;font-weight:700}h1{letter-spacing:-1.6px;margin:10px 0;font-size:clamp(30px,4vw,46px);line-height:1.12}h2{letter-spacing:-.8px;font-size:27px;line-height:1.2}h3{font-size:20px}p,li{color:#526174;font-size:15px;line-height:1.7}p{margin:12px 0}.tool-heading{padding:28px 0 22px}.tool-heading p{margin-bottom:0}.back-link{color:#526174;font-size:12px;text-decoration:none}.tool-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.quick-answer{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.device-switch{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;padding:12px;display:flex}.device-switch a{color:#536174;border-radius:6px;padding:9px 12px;font-size:13px;font-weight:600}.device-switch a[aria-current=true]{color:#1d4ed8;background:#eaf1ff}.answer-body{padding:24px 26px 28px}.answer-label{color:#526174;margin:0 0 16px;font-size:12px}.method-switch{flex-wrap:wrap;gap:8px;display:flex}.method-switch button{border:1px solid var(--line);color:#526174;background:#fff;border-radius:6px;padding:8px 10px;font-size:12px}.method-switch button[aria-pressed=true]{color:#1d4ed8;background:#f3f7ff;border-color:#9ebcfa}.answer-keys{flex-wrap:wrap;align-items:center;gap:10px;min-height:108px;padding:24px 0 18px;display:flex}.answer-keys>span{color:#95a1b1}kbd{color:#182230;background:#fff;border:1px solid #cbd5e1;border-bottom:4px solid #bdc9d9;border-radius:8px;padding:10px 14px;font-family:inherit;font-weight:600;display:inline-block}.answer-keys kbd{background:#f8faff;padding:14px 17px;font-size:clamp(19px,2vw,28px)}.answer-instruction{color:#263449;margin:4px 0 16px;font-size:16px}.answer-save{background:#f1f5fb;border-radius:7px;padding:12px 14px;font-size:13px}.answer-help{color:#2563eb;text-underline-offset:4px;margin:12px 18px 0 0;font-size:12px;display:inline-block}.try-capture{background:#edf3fc;border:1px solid #dbe6f5;border-radius:14px;padding:22px}.try-heading h2{margin:8px 0 18px;font-size:25px}.practice-card{background:#fff;border:1px dashed #8ca9d2;border-radius:8px;padding:20px}.practice-card>span{letter-spacing:1.8px;color:#6a7d98;font-size:9px}.practice-card strong{letter-spacing:-.5px;margin:12px 0;font-size:22px;line-height:1.2;display:block}.practice-card small{color:#63748e;font-size:11px}.practice-shapes{gap:10px;margin:20px 0;display:flex}.practice-shapes i{background:#2563eb;border-radius:50%;width:34px;height:34px}.practice-shapes i:nth-child(2){background:#92b8ff;border-radius:6px}.practice-shapes i:nth-child(3){background:#d2e2ff;border-radius:6px;transform:rotate(-12deg)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;padding-right:25px;font-size:14px;font-weight:600;line-height:1.5;list-style:none;position:relative}summary:after{content:"+";font-size:20px;position:absolute;right:2px}details[open]>summary:after{content:"−"}.preview-disclosure{border:0;padding-bottom:0}.preview-disclosure p{font-size:12px}.paste-zone{text-align:center;color:#526174;background:#fff;border:1px dashed #93abd0;border-radius:8px;padding:20px 12px;font-size:12px}.paste-zone.dragging{background:#dbeafe}.file-label{color:#1d4ed8;margin-top:14px;display:block}.file-label input{max-width:100%;margin-top:10px;font-size:11px;display:block}.preview-disclosure img{object-fit:contain;width:100%;max-width:100%;height:240px;max-height:300px;margin:14px auto;display:block}.clear-preview{background:#fff;border:1px solid #bccce3;border-radius:6px;padding:8px 12px;font-size:12px}.fine-print{color:#63748e}.guide-intro{max-width:760px;margin:30px 0}.guide-grid{grid-template-columns:190px minmax(0,1fr);gap:45px;margin-top:32px;display:grid}.side{align-self:start;font-size:12px;position:sticky;top:24px}.side a{color:#526174;padding:10px 0;text-decoration:none;display:block}.method{border-top:1px solid var(--line);padding:28px 0}.stepnum{color:#64748b;font-size:11px}.method h2{margin:8px 0 20px}.keys{flex-wrap:wrap;gap:8px;display:flex}.destination{border-left:2px solid #2563eb;padding-left:14px;font-size:13px}.section{padding:35px 0}.explained{border-top:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:60px;margin-top:40px;display:grid}.faq{max-width:780px}.notice{background:#edf3fc;border-radius:10px;margin:24px 0;padding:22px}.device-tabs{flex-wrap:wrap;gap:8px;display:flex}.device-tabs a{background:#eaf1ff;border-radius:6px;padding:8px 12px;font-size:13px;text-decoration:none}.source{font-size:12px}.prose{max-width:760px;padding-top:36px}.prose h1{font-size:42px}footer{border-top:1px solid var(--line);margin-top:48px;padding-top:30px;padding-bottom:30px}footer p{font-size:13px}footer div{gap:24px;margin:18px 0;display:flex}footer a,footer small{font-size:12px}footer small{color:#687990}.skip{position:absolute;left:-9999px}.skip:focus{z-index:10;background:#fff;padding:12px;top:10px;left:20px}@media (width<=800px){.tool-grid{grid-template-columns:1fr}.try-capture{max-width:100%}.guide-grid{grid-template-columns:1fr;gap:20px}.side{flex-wrap:wrap;gap:14px;display:flex;position:static}.side .eyebrow{width:100%}.side a{padding:0}.explained{grid-template-columns:1fr;gap:4px}}@media (width<=540px){header,main,footer{padding-left:18px;padding-right:18px}header{padding-top:16px;padding-bottom:16px}.brand{font-size:14px}.brand-icon{font-size:18px}nav{gap:12px;font-size:12px}header nav a:last-child{display:none}.tool-heading{padding:22px 0 18px}.tool-heading p{font-size:13px}.device-switch{gap:2px;padding:8px}.device-switch a{padding:8px;font-size:11px}.answer-body{padding:18px}.answer-label{margin-bottom:12px}.method-switch{gap:6px}.method-switch button{padding:7px 8px;font-size:11px}.answer-keys{gap:7px;min-height:92px;padding-top:20px}.answer-keys kbd{padding:11px 12px;font-size:20px}.answer-instruction{font-size:14px}.answer-save{font-size:12px}.try-capture{padding:20px}.tool-grid{gap:20px}.section{padding:26px 0}h2{font-size:24px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.guide-illustration{background:#edf4ff;border:1px solid #dbe6f5;border-radius:12px;margin:24px 0;overflow:hidden}.guide-illustration img{object-fit:contain;background:#eef5ff;width:100%;height:auto;max-height:400px;display:block}.guide-illustration figcaption,.practice-art figcaption{color:#536780;padding:12px 16px;font-size:11px;line-height:1.5}.practice-art{background:#f0f6ff;border-radius:8px;margin:16px -10px 12px;overflow:hidden}.practice-art img{width:100%;height:auto;display:block}.practice-art figcaption{padding:8px 10px;font-size:10px}.practice-card strong{margin:10px 0;font-size:19px}.practice-card{padding:16px}.try-capture .practice-art img{object-fit:contain;max-height:220px}@media (width<=540px){.guide-illustration figcaption{padding:10px 12px}.practice-art{margin-left:0;margin-right:0}}.control-label{color:#1d4ed8;background:#eaf1ff;border-radius:6px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-block}.download-image{color:#fff;background:#2563eb;border-radius:6px;margin:0 10px 10px 0;padding:10px 14px;font-size:13px;text-decoration:none;display:inline-block}.preview-disclosure h3{font-size:17px}.method,.section{scroll-margin-top:24px}.paste-zone{cursor:text;min-height:90px}.paste-zone:empty:before{content:attr(data-placeholder);pointer-events:none}.paste-zone:focus{outline-offset:3px;outline:3px solid #2563eb}.paste-button{margin-top:12px}