.home-learning{--learning-ink:#2c493b;--learning-muted:#637468;--learning-line:#dce3d7;--learning-paper:#fffef9;--learning-tint:#eef2e8;color:var(--learning-ink);max-width:1152px;margin:0 auto;padding:0 28px}.learning-section{padding:76px 0;scroll-margin-top:96px}.learning-section+.learning-section{border-top:1px solid var(--learning-line)}.home-learning .record-keeper{margin-bottom:0;padding:0}.home-learning #save-record-guide{padding:36px 0}.learning-heading{max-width:810px;margin-bottom:32px}.learning-eyebrow{letter-spacing:.17em;color:#76846e;align-items:center;gap:8px;margin:0 0 14px;font-size:11px;font-weight:600;display:flex}.learning-heading h2{letter-spacing:.015em;text-wrap:pretty;margin:0;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:clamp(25px,2.7vw,34px);font-weight:500;line-height:1.6}.learning-heading>p:not(.learning-eyebrow){color:var(--learning-muted);margin:14px 0 0;font-size:14px;line-height:2}.measurement-grid{border:1px solid var(--learning-line);background:var(--learning-paper);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.measurement-card{grid-template-columns:minmax(0,1fr) minmax(140px,.85fr);align-items:center;gap:10px;min-width:0;padding:30px 26px;display:grid}.measurement-card:nth-child(odd){border-right:1px solid var(--learning-line)}.measurement-card:nth-child(-n+2){border-bottom:1px solid var(--learning-line)}.measurement-code{color:#9d6047;letter-spacing:.13em;margin-bottom:10px;font:500 12px/1.5 ui-monospace,monospace;display:inline-block}.measurement-copy h3{margin:0;font-size:21px;font-weight:500}.measurement-copy p{color:var(--learning-muted);margin:14px 0 0;font-size:13px;line-height:1.95}.measurement-copy .measurement-english{color:#85907e;overflow-wrap:anywhere;margin-top:5px;font-size:12px;line-height:1.5}.measurement-copy .measurement-detail{color:#8a7b63;margin-top:11px;font-size:11px}.measurement-card figure{min-width:0;margin:0}.measurement-card svg{width:100%;height:auto;display:block}.measurement-card figcaption{text-align:center;color:#8a9383;margin-top:8px;font-size:10px;line-height:1.7}.measurement-footnote{color:var(--learning-muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:18px;font-size:11px;line-height:1.8;display:flex}.measurement-footnote p{margin:0}.measurement-footnote a{text-underline-offset:4px;align-items:center;gap:5px;text-decoration:underline;display:inline-flex}.learning-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0;padding:0;list-style:none;display:grid}.learning-steps li{min-width:0}.calibration-figure{background:#eef1e7;border:1px solid #e2e7da;border-radius:12px;margin:0 0 23px}.calibration-figure svg{width:100%;height:auto;display:block}.step-copy{align-items:flex-start;gap:13px;display:flex}.step-number{color:#8b967e;flex-shrink:0;font:italic 23px/1.5 Georgia,serif}.step-copy h3{margin:0 0 9px;font-size:16px;font-weight:500;line-height:1.7}.step-copy p{color:var(--learning-muted);margin:0;font-size:13px;line-height:1.95}.calibration-bottom{border-top:1px solid var(--learning-line);grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:32px;margin-top:32px;padding-top:25px;display:grid}.calibration-notes{color:var(--learning-muted);margin:0;padding-left:17px;font-size:12px;line-height:1.9}.calibration-notes li+li{margin-top:7px}.learning-button{color:#fffef5;cursor:pointer;background:#35573f;border:1px solid #35573f;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:13px 20px;font-size:13px;line-height:1.7;display:inline-flex}.learning-button:hover{background:#294632}.learning-button:focus-visible,.faq-list summary:focus-visible,.measurement-footnote a:focus-visible{outline-offset:5px;outline:2px solid #ad674a}.learning-small{color:var(--learning-muted);margin:13px 0 0;font-size:11px;line-height:1.9}.calibration-feedback:empty{display:none}.keepsake{position:relative}.tracing-cards img{border:1px solid var(--learning-line);background:#f2efe5;border-radius:12px;width:100%;height:auto;margin-bottom:21px;display:block}.keepsake-message{color:#5f7056;text-wrap:pretty;background:#f0f1e6;border-left:2px solid #b6b999;margin:32px 0 0;padding:24px 28px;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:16px;line-height:2}.home-faq{grid-template-columns:240px minmax(0,1fr);gap:48px;padding-bottom:20px;display:grid}.faq-list{border-top:1px solid var(--learning-line)}.faq-list details{border-bottom:1px solid var(--learning-line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;font-size:14px;font-weight:500;line-height:1.8;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:#7c8b72;flex-shrink:0;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details>p{color:var(--learning-muted);margin:0;padding:0 30px 22px 0;font-size:13px;line-height:2}.dark .home-learning{--learning-ink:var(--foreground);--learning-muted:#b6c1b4;--learning-line:#3e4d40;--learning-paper:#202a23}.dark .calibration-figure,.dark .keepsake-message{color:#35513d;background:#dce3d2}@media (width<=1023px) and (width>=768px){.measurement-card{grid-template-columns:minmax(0,1fr);align-content:start}.measurement-card figure{justify-self:center;width:100%;max-width:230px}}@media (width<=767px){.home-learning{padding:0 20px}.learning-section{padding:48px 0}.learning-heading{margin-bottom:25px}.measurement-grid{grid-template-columns:minmax(0,1fr)}.measurement-card{grid-template-columns:minmax(0,1fr) minmax(120px,.8fr);padding:25px 20px}.measurement-card:nth-child(odd){border-right:0}.measurement-card:not(:last-child){border-bottom:1px solid var(--learning-line)}.learning-steps{grid-template-columns:minmax(0,1fr);gap:30px}.calibration-figure,.tracing-cards img{max-width:460px;margin:0 auto 18px}.calibration-bottom{grid-template-columns:minmax(0,1fr);gap:23px}.calibration-action{min-width:0}.keepsake-message{margin-top:27px;padding:20px;font-size:15px}.home-faq{padding-bottom:0;display:block}.home-faq .learning-heading{margin-bottom:25px}.faq-list summary{gap:14px;padding:19px 0;font-size:14px}}@media (width<=379px){.measurement-card{grid-template-columns:minmax(0,1fr)}.measurement-card figure{justify-self:center;max-width:200px}}@media (prefers-reduced-motion:reduce){.faq-list summary svg{transition:none}}.learning-read-more{color:var(--learning-muted);text-underline-offset:4px;margin-top:22px;font-size:12px;line-height:1.8;text-decoration:underline;display:inline-block}.learning-read-more:hover{color:var(--learning-ink)}.fetal-viewer{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#172b29;--muted:#687873;--line:#dce5df;--accent:#226c58;--surface:#f3f6f3}.fetal-viewer *{box-sizing:border-box}.fetal-viewer{color:var(--ink);background:#f8faf7;margin:0;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}.fetal-viewer button,.fetal-viewer input{font:inherit}.fetal-viewer button{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;padding:9px 15px}.fetal-viewer button:hover{background:#f1f6f2;border-color:#acbeb3}.fetal-viewer button:disabled{opacity:.38;cursor:default}.fetal-viewer button:focus-visible,.fetal-viewer input:focus-visible{outline-offset:3px;outline:3px solid #83b5a4}.fetal-viewer .primary{color:#fff;background:var(--accent);border-color:var(--accent)}.fetal-viewer .primary:hover{background:#18523f}.fetal-viewer .page{width:min(1500px,100%);margin:auto;padding:24px 28px 16px}.fetal-viewer header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.fetal-viewer h1{letter-spacing:-.5px;margin:0 0 5px;font-size:25px;font-weight:600}.fetal-viewer .subtitle{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.fetal-viewer .calibration-status{color:#786047;background:#fbf1e4;border-radius:20px;padding:8px 13px;font-size:12px}.fetal-viewer .calibration-status.is-calibrated{color:#226348;background:#e5f1e9}.fetal-viewer .toolbar{border:1px solid var(--line);background:#fff;border-bottom:0;border-radius:14px 14px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.fetal-viewer .controls{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.fetal-viewer .actual-size-control{z-index:70;display:inline-flex;position:relative}.fetal-viewer .actual-size-tooltip{z-index:1;color:#fff;text-align:left;text-wrap:balance;visibility:hidden;opacity:0;pointer-events:none;background:#172b29;border-radius:8px;width:250px;max-width:calc(100vw - 40px);padding:10px 12px;font-size:12px;font-weight:400;line-height:1.7;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 4px 16px #172b2926}.fetal-viewer .actual-size-tooltip:after{content:"";border:6px solid #0000;border-top-color:#172b29;position:absolute;top:100%;right:38px}.fetal-viewer .actual-size-control:hover .actual-size-tooltip,.fetal-viewer .actual-size-control:focus-within .actual-size-tooltip{visibility:visible;opacity:1}.fetal-viewer .zoom-symbol{vertical-align:-1px;margin-right:5px;font-size:22px;font-weight:500}.fetal-viewer #viewport{overscroll-behavior:contain;border:1px solid var(--line);cursor:grab;touch-action:pan-x pan-y;background:#fff;border-radius:0 0 14px 14px;height:calc(100dvh - 218px);min-height:420px;max-height:1050px;overflow:auto}.fetal-viewer #viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.fetal-viewer #canvas-area{background:#fff;place-items:center;width:max-content;min-width:100%;min-height:100%;padding:32px;display:grid}.fetal-viewer #artboard{background:#fff;flex:none;line-height:0}.fetal-viewer #artboard svg{-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;display:block}.fetal-viewer .footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 2px 0;font-size:12px;line-height:1.7;display:flex}.fetal-viewer dialog{border:1px solid var(--line);width:min(480px,100% - 28px);color:var(--ink);border-radius:18px;padding:0;box-shadow:0 18px 70px #172b2930}.fetal-viewer dialog::backdrop{background:#172b2960}.fetal-viewer .dialog-inner{padding:25px}.fetal-viewer .dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.fetal-viewer h2{margin:0;font-size:21px;font-weight:600}.fetal-viewer .close-button{border:0;min-width:44px;padding:4px;font-size:25px}.fetal-viewer .dialog-text{color:var(--muted);margin:15px 0;font-size:14px;line-height:1.9}.fetal-viewer .reference-area{background:#f7f9f6;border-radius:10px;margin:15px 0;padding:28px 0 32px;overflow:hidden}.fetal-viewer #reference-line{background:#172b29;height:3px;margin:0 auto;position:relative}.fetal-viewer #reference-line:before,.fetal-viewer #reference-line:after{content:"";background:#172b29;width:2px;height:24px;position:absolute;top:-10px}.fetal-viewer #reference-line:before{left:0;transform:translate(-1px)}.fetal-viewer #reference-line:after{right:0;transform:translate(1px)}.fetal-viewer .reference-label{text-align:center;color:var(--muted);margin-top:19px;font-size:13px}.fetal-viewer label{margin-bottom:8px;font-size:14px;display:block}.fetal-viewer .input-row{align-items:center;gap:9px;display:flex}.fetal-viewer input{border:1px solid #bacbc0;border-radius:9px;width:100%;min-width:0;height:46px;padding:8px 12px;font-size:16px}.fetal-viewer .measurement-fields input[type=number]{appearance:textfield}.fetal-viewer .measurement-fields input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fetal-viewer .measurement-fields input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fetal-viewer .error{color:#a43030;min-height:23px;margin:7px 0;font-size:13px}.fetal-viewer .dialog-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.fetal-viewer [hidden]{display:none!important}.fetal-viewer .measurement-panel{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:18px;padding:20px}.fetal-viewer .form-heading{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.fetal-viewer .form-heading h2{font-size:18px}.fetal-viewer .form-heading p,.fetal-viewer .form-note{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.fetal-viewer .measurement-fields>div:first-child{grid-column:1/-1}.fetal-viewer .measurement-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.fetal-viewer .measurement-fields>div:not(:first-child){grid-template-rows:subgrid;grid-row:span 3;row-gap:0;display:grid}.fetal-viewer .measurement-fields label strong{letter-spacing:1px;margin-right:8px;font-family:Georgia,serif;font-size:20px}.fetal-viewer .measurement-fields .error{min-height:0;margin:5px 0 0}.fetal-viewer .field-hint{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.7}.fetal-viewer input[aria-invalid=true]{background:#fff7f5;border-color:#a43030}.fetal-viewer .form-bottom{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.fetal-viewer .form-options{gap:10px;display:grid}.fetal-viewer .dimension-option{cursor:pointer;align-items:center;gap:9px;min-height:32px;margin:0;display:flex}.fetal-viewer .dimension-option input{width:18px;height:18px;accent-color:var(--accent);margin:0;padding:0}.fetal-viewer .display-options{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.fetal-viewer .skin-tones{border:0;min-width:0;margin:0;padding:0}.fetal-viewer .skin-tones legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:12px}.fetal-viewer .skin-tone-options{flex-wrap:wrap;gap:5px;display:flex}.fetal-viewer .skin-tone-option{cursor:pointer;margin:0;display:flex;position:relative}.fetal-viewer .skin-tone-option input{opacity:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.fetal-viewer .skin-tone-option span{border:1px solid var(--line);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;min-height:36px;padding:6px 8px;font-size:12px;display:flex}.fetal-viewer .skin-tone-option span:before{content:"";background:var(--swatch);border:1px solid #172b2926;border-radius:50%;width:14px;height:14px}.fetal-viewer .skin-tone-option[data-tone=none] span:before{background:linear-gradient(135deg,#fff 44%,#687873 45% 55%,#fff 56%)}.fetal-viewer .skin-tone-option input:checked+span{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#edf5f0}.fetal-viewer .skin-tone-option input:focus-visible+span{outline-offset:3px;outline:3px solid #83b5a4}.fetal-viewer .toolbar .display-options{border-top:1px solid var(--line);flex:100%;order:1;padding-top:8px}.fetal-viewer .toolbar .skin-tones{align-items:center;gap:8px;display:flex}.fetal-viewer .toolbar .skin-tones legend{float:left;margin:0 8px 0 0;line-height:36px}.fetal-viewer .form-actions{flex-shrink:0;gap:8px;display:flex}.fetal-viewer #export-status{color:var(--muted);margin:8px 0 0;font-size:13px}.fetal-viewer #generation-status:empty{display:none}.fetal-viewer #generation-status{color:var(--muted);margin:12px 0 0;font-size:13px}.fetal-viewer .empty-state{text-align:center;background:var(--surface);border:1px dashed #bacbc0;border-radius:14px;place-content:center;height:340px;display:grid}.fetal-viewer .empty-state p{color:var(--muted);font-size:14px}@media (width<=640px){.fetal-viewer .measurement-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fetal-viewer .form-heading,.fetal-viewer .form-bottom{flex-direction:column;align-items:flex-start}.fetal-viewer .measurement-panel{padding:16px}.fetal-viewer .form-actions{width:100%}.fetal-viewer .form-actions button{flex:1}.fetal-viewer .page{padding:17px 12px 12px}.fetal-viewer h1{font-size:22px}.fetal-viewer .toolbar{padding:10px}.fetal-viewer .controls{gap:5px}.fetal-viewer button{padding:9px 10px;font-size:13px}.fetal-viewer #viewport{height:62dvh;min-height:360px}.fetal-viewer #canvas-area{padding:14px}.fetal-viewer .dialog-inner{padding:20px}}.fetal-viewer .viewer-workspace{grid-template-columns:330px minmax(0,1fr);grid-template-areas:"inputs canvas""guide guide";align-items:start;gap:22px;display:grid}.fetal-viewer .canvas-panel{grid-area:canvas;min-width:0}.fetal-viewer #viewer{scroll-margin-top:80px}.fetal-viewer .input-panel{grid-area:inputs;min-width:0}.fetal-viewer .measurement-panel{margin:0;padding:22px}.fetal-viewer .measurement-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.fetal-viewer .measurement-fields label strong{font-size:18px}.fetal-viewer .measurement-fields label{font-size:12px}.fetal-viewer .form-heading,.fetal-viewer .form-bottom{flex-direction:column;align-items:flex-start;gap:8px}.fetal-viewer .form-bottom{gap:18px;margin-top:20px}.fetal-viewer .form-actions{width:100%}.fetal-viewer .form-actions button{flex:1}.fetal-viewer .form-note,.fetal-viewer #generation-status{line-height:1.8}.fetal-viewer #viewport{height:540px;min-height:460px;max-height:760px}.fetal-viewer .toolbar{gap:8px;padding:10px}.fetal-viewer .controls{gap:4px}.fetal-viewer .toolbar button{min-height:36px;padding:7px 9px;font-size:12px}.fetal-viewer .zoom-symbol{margin-right:2px;font-size:18px}.fetal-viewer .footer{line-height:1.8}.fetal-viewer .empty-state{isolation:isolate;border:1px solid var(--line);background:#fff;height:540px;display:block;position:relative;overflow:hidden}.fetal-viewer .preview-illustration{object-fit:contain;filter:blur(8px);opacity:.68;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:95%;position:absolute;inset:12px 0 auto}.fetal-viewer .preview-badge{z-index:1;color:var(--muted);background:#ffffffe6;border:1px solid #e1e7e1;border-radius:30px;padding:6px 11px;font-size:11px;position:absolute;top:18px;left:18px}.fetal-viewer .preview-copy{z-index:1;text-align:center;background:linear-gradient(#0000,#fffc 34% 66%,#0000);flex-direction:column;justify-content:center;align-items:center;padding:24px 20px;display:flex;position:absolute;inset:0}.fetal-viewer .preview-copy strong{font-family:Songti SC,STSong,serif;font-size:25px;font-weight:600}.fetal-viewer .preview-copy p{margin:9px 0 17px;font-size:13px;line-height:1.6}.fetal-viewer .preview-copy button{background:var(--accent);color:#fff;border-color:var(--accent);padding:10px 18px;font-size:13px}@media (width<=900px){.fetal-viewer .viewer-workspace{grid-template-columns:280px minmax(0,1fr);gap:16px}.fetal-viewer .measurement-panel{padding:16px}.fetal-viewer #viewport,.fetal-viewer .empty-state{height:480px}}@media (width>=641px){.fetal-viewer .page:not(.has-image) .canvas-panel{align-self:stretch;position:relative}.fetal-viewer .page:not(.has-image) .empty-state{height:auto;position:absolute;inset:0}}@media (width<=640px){.fetal-viewer .viewer-workspace{flex-direction:column;gap:16px;display:flex}.fetal-viewer .canvas-panel,.fetal-viewer .input-panel{width:100%}.fetal-viewer .empty-state{height:280px}.fetal-viewer .preview-illustration{filter:blur(6px);height:100%;inset:-9px 0 auto}.fetal-viewer .preview-badge{font-size:10px;top:12px;left:12px}.fetal-viewer .preview-copy{padding:20px 12px}.fetal-viewer .preview-copy strong{font-size:21px}.fetal-viewer .preview-copy p{margin:5px 0 11px;font-size:12px}.fetal-viewer .preview-copy button{min-height:40px}.fetal-viewer .form-heading{gap:6px}.fetal-viewer #viewport{height:58dvh;min-height:340px}.fetal-viewer .measurement-fields label{font-size:14px}}.fetal-viewer .input-panel>summary{display:none}.fetal-viewer .toolbar-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fetal-viewer .page.has-image{width:100%;max-width:none}.fetal-viewer .page.has-image .viewer-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas""guide""inputs";gap:18px}.fetal-viewer .page.has-image #viewer{grid-template-rows:auto minmax(0,1fr) auto auto;height:calc(100dvh - 104px);min-height:420px;display:grid}.fetal-viewer .page.has-image #viewport{height:auto;min-height:0;max-height:none}.fetal-viewer .page.has-image .toolbar{gap:10px;padding:10px 14px}.fetal-viewer .page.has-image .toolbar button{min-height:40px;font-size:13px}.fetal-viewer .page.has-image .toolbar .dimension-option{font-size:13px}.fetal-viewer .page.has-image .input-panel{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;max-width:1152px;margin-inline:auto;scroll-margin-top:80px}.fetal-viewer .page.has-image .input-panel>summary{cursor:pointer;align-items:center;gap:16px;min-height:48px;padding:12px 18px;font-size:14px;list-style:none;display:flex}.fetal-viewer .page.has-image .input-panel>summary::-webkit-details-marker{display:none}.fetal-viewer .page.has-image .input-panel>summary:after{content:"⌄";margin-left:auto;font-size:20px;line-height:1}.fetal-viewer .page.has-image .input-panel[open]>summary:after{transform:rotate(180deg)}.fetal-viewer .page.has-image .input-panel>summary:focus-visible{outline-offset:3px;border-radius:12px;outline:3px solid #83b5a4}.fetal-viewer #input-summary{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.fetal-viewer .page.has-image .measurement-panel{border:0;border-top:1px solid var(--line);border-radius:0 0 12px 12px}.fetal-viewer .page.has-image .measurement-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.fetal-viewer .page.has-image .form-actions{width:auto;min-width:160px}.fetal-viewer .page.has-image #export-status{margin:0;padding-top:6px}.fetal-viewer .page.has-image #viewer:is(:fullscreen,.is-fullscreen){z-index:1000;background:#fff;grid-template-rows:auto minmax(0,1fr) auto;gap:0;width:100%;height:100dvh;min-height:0;padding:12px;display:grid;position:fixed;inset:0}.fetal-viewer #viewer:is(:fullscreen,.is-fullscreen) .footer,.fetal-viewer #viewer:is(:fullscreen,.is-fullscreen) #edit-measurements{display:none}.fetal-viewer #viewer::backdrop{background:#fff}.fetal-viewer #viewer:is(:fullscreen,.is-fullscreen) .actual-size-tooltip{top:calc(100% + 10px);bottom:auto}.fetal-viewer #viewer:is(:fullscreen,.is-fullscreen) .actual-size-tooltip:after{border-top-color:#0000;border-bottom-color:#172b29;top:auto;bottom:100%}.fetal-viewer .tracing-guide{background:#f8faf5;border:1px solid #d6e0d7;border-radius:18px;grid-area:guide;min-width:0;padding:28px;scroll-margin-top:88px}.fetal-viewer .tracing-guide-kicker{color:var(--accent);letter-spacing:2px;margin:0 0 9px;font-size:12px;font-weight:600}.fetal-viewer .tracing-guide h2{margin:0;font-family:Songti SC,STSong,serif;font-size:28px;font-weight:600;line-height:1.5}.fetal-viewer .tracing-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 22px;padding:0;list-style:none;display:grid}.fetal-viewer .tracing-step{min-width:0}.fetal-viewer .tracing-step figure{margin:0}.fetal-viewer .tracing-step-image{aspect-ratio:4/3;object-fit:cover;background:#eef2e9;border:1px solid #d9e2d7;border-radius:12px;width:100%;height:auto;display:block}.fetal-viewer .tracing-image-slot{aspect-ratio:4/3;color:#69806e;background:#e9eee5;border:2px dashed #a7b9aa;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.fetal-viewer .tracing-image-slot svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:46px;height:46px}.fetal-viewer .tracing-image-slot strong{color:#46604d;font-size:18px;font-weight:500}.fetal-viewer .tracing-image-slot span{letter-spacing:2px;font-size:12px}.fetal-viewer .tracing-step figcaption{grid-template-columns:30px minmax(0,1fr);column-gap:10px;margin-top:17px;display:grid}.fetal-viewer .tracing-step-number{color:#6f8974;grid-row:1/3;font:italic 24px/1.5 Georgia,serif}.fetal-viewer .tracing-step h3{color:#234832;margin:0 0 6px;font-size:17px;font-weight:600;line-height:1.7}.fetal-viewer .tracing-step p{color:#627066;margin:0;font-size:13px;line-height:1.9}.fetal-viewer .tracing-step strong{color:#234832;font-weight:600}.fetal-viewer .tracing-guide-note{color:#647267;border-top:1px solid #d2ddd0;margin:0;padding-top:15px;font-size:12px;line-height:1.9}@media (width<=640px){.fetal-viewer .tracing-guide{border-radius:14px;width:100%;padding:21px 18px}.fetal-viewer .page.has-image .tracing-guide{order:1}.fetal-viewer .page.has-image .input-panel{order:2}.fetal-viewer .tracing-guide h2{font-size:24px}.fetal-viewer .tracing-steps{grid-template-columns:minmax(0,1fr);gap:28px;margin:21px 0 20px}.fetal-viewer .tracing-step figcaption{margin-top:12px}.fetal-viewer .tracing-step-number{font-size:22px}.fetal-viewer .tracing-step p{font-size:14px;line-height:1.9}.fetal-viewer .page.has-image #viewer{height:calc(100dvh - 96px)}.fetal-viewer .page.has-image .toolbar{gap:8px;padding:8px}.fetal-viewer .page.has-image .toolbar button{min-height:40px;font-size:12px}.fetal-viewer .page.has-image .toolbar .controls{flex-wrap:nowrap;justify-content:space-between;gap:2px;width:100%}.fetal-viewer .page.has-image .toolbar .controls button{padding:6px 7px;font-size:11px}.fetal-viewer .page.has-image .toolbar #zoom-out,.fetal-viewer .page.has-image .toolbar #zoom-in{min-width:40px;font-size:0}.fetal-viewer .page.has-image .toolbar .zoom-symbol{margin:0}.fetal-viewer .page.has-image .toolbar-actions{gap:5px}.fetal-viewer .page.has-image .toolbar .dimension-option{min-height:28px;font-size:12px}.fetal-viewer .page.has-image .measurement-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.fetal-viewer .page.has-image .input-panel>summary{gap:10px;padding:12px}.fetal-viewer .page.has-image .footer{gap:4px;font-size:11px}}