.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.tongue-main{max-width:1390px}.local-badge{display:flex;align-items:center;gap:8px;font-size:0.6875rem;color:#607e90;white-space:nowrap}.local-badge>span{width:7px;height:7px;border-radius:50%;background:#5a9a89}
.tongue-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.capture-card{padding:26px;min-width:0;box-shadow:0 4px 22px #243e5909}.capture-instruction{font-size:0.75rem;color:#758493;margin:12px 0 18px}.tongue-guidance{min-width:0;box-shadow:none}.tongue-guidance>.muted{margin-bottom:4px}.tongue-guidance .examples-card{margin-top:24px;padding-top:22px;border-top:1px solid var(--border)}.tongue-guidance h3{font-size:0.9375rem;margin:0}.tongue-guidance h2{font-size:1.0625rem}.preparation .tips{margin:24px 0 20px}.preparation .tips li{margin:20px 0}.preparation .tips p{line-height:1.85}.preparation .tips li>span{background:#f1f7fc;border:0;color:#4c89b7}
.viewfinder{position:relative;width:100%;max-width:640px;margin-inline:auto;aspect-ratio:4/3;background:#edf3f8;border-radius:10px;overflow:hidden;isolation:isolate}.viewfinder video,.viewfinder>img,.camera-placeholder,.camera-placeholder>svg{width:100%;height:100%;position:absolute;inset:0}.viewfinder video{object-fit:cover}.viewfinder video.mirrored{transform:scaleX(-1)}.viewfinder>img{object-fit:contain;background:#e9eff4}.alignment-guide{position:absolute;inset:0;width:100%;height:100%;color:#4f87b2;pointer-events:none}.viewfinder.live{background:#243542}.viewfinder.live .alignment-guide{color:#fff;filter:drop-shadow(0 1px 3px #152735)}.illustration-label,.preview-label{position:absolute;top:14px;left:14px;background:#ffffffd9;padding:6px 10px;font-size:0.625rem;color:#607b8e;border-radius:5px}.preview-label{color:#fff;background:#193044ad}.countdown{position:absolute;inset:0;display:grid;place-items:center;background:#122c4740;color:#fff;font-size:5.25rem;font-weight:600;text-shadow:0 2px 16px #20364d;z-index:2}
.capture-hint{display:flex;align-items:center;gap:10px;padding:13px 14px;margin:15px 0;background:#f2f7fc;border-radius:7px;color:#557b98;font-size:0.75rem;line-height:1.7}.capture-hint>span:first-child{font-size:1.375rem;line-height:1}.capture-hint.attention{color:#917132;background:#fff7e9}.camera-controls{display:flex;flex-direction:column;gap:10px;align-items:center}.camera-controls .button{width:min(100%,260px);flex:none}.camera-controls>.text-button{padding:8px}.import-controls{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:10px}.import-controls .button{width:min(100%,260px);display:inline-flex;align-items:center;justify-content:center;gap:8px}.import-controls .folder-icon{flex-shrink:0}.import-controls .small{text-align:center}.photo-choice-separator{color:#8995a1;font-size:0.75rem;line-height:1.6;text-decoration:underline;text-underline-offset:4px}.gentle-note{display:flex;gap:10px;background:#f5f8fa;border-radius:7px;padding:12px;color:#7f93a4;font-size:0.6875rem}.gentle-note p{margin:0;line-height:1.8}.gentle-note>span{font-size:1.0625rem}
.example-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 14px;margin-top:22px}.example{margin:0;min-width:0}.example>div{height:96px;background:#f2f5f8;border-radius:7px;overflow:hidden;position:relative}.example svg{width:100%;height:100%;display:block}.example>div>span{position:absolute;right:7px;top:7px;background:#fff;color:#a17e75;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:0.8125rem}.example.good>div{background:#edf5f2;border:1px solid #cfdfd8}.example.good>div>span{background:#538c78;color:white}.example.dark svg{filter:brightness(.42)}.example.dark>div{background:#63707d}.example.blurry svg{filter:blur(2.5px)}.example.cropped svg{transform:translateY(24px) scale(1.4)}.example figcaption{margin-top:8px}.example strong{font-size:0.6875rem;font-weight:500}.example small{display:block;font-size:0.625rem;color:#8a99a6;margin-top:4px}.examples-card>.small{font-size:0.625rem;margin:17px 0 0}
.review-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.photo-review h3,.photo-complete h3{font-size:1rem;margin:0}.photo-review:focus,.photo-complete:focus{outline:none}.photo-review{margin-top:18px}.photo-review fieldset{border:0;padding:0;margin:20px 0}.photo-review legend{font-size:0.75rem;color:#57748c;margin-bottom:8px}.photo-review label{display:flex;align-items:flex-start;gap:10px;font-size:0.75rem;line-height:1.9;padding:8px 0;cursor:pointer}.photo-review input{width:16px;height:16px;flex-shrink:0;accent-color:var(--blue);margin:3px 0 0}.review-actions{display:flex;gap:12px;flex-wrap:wrap}.review-actions button{flex:1}.photo-complete{display:flex;align-items:start;flex-wrap:wrap;gap:12px;margin-top:24px}.photo-complete>div{flex:1;min-width:180px}.photo-complete p{font-size:0.75rem;color:#758493;margin:6px 0}.photo-complete a{display:block;text-align:center;text-decoration:none;width:100%}.photo-complete>.text-button{margin:auto}.complete-mark{display:grid;place-items:center;background:#e9f3ee;color:#568774;border-radius:50%;height:32px;width:32px}.capture-sources{font-size:0.6875rem;color:#7b8e9d;margin-top:24px;line-height:1.9}.capture-sources summary{cursor:pointer;padding:10px 0;width:fit-content}.capture-sources a{color:#467fac}.capture-sources summary:focus-visible{outline:3px solid #81b9e7;outline-offset:3px}
.photo-dialog{width:min(900px,calc(100% - 24px));max-height:calc(100dvh - 24px);border:0;border-radius:12px;padding:20px;color:#263d53}.photo-dialog::backdrop{background:#182b43ba}.photo-dialog>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:0.875rem}.photo-dialog img{display:block;width:100%;max-height:70dvh;object-fit:contain;background:#edf2f6}.photo-dialog p{margin-bottom:0}body:has(.photo-dialog[open]){overflow:hidden}
@media(min-width:1500px){.tongue-main{padding-top:44px}}@media(max-width:1100px){.tongue-workspace{gap:18px}.capture-card,.tongue-guidance{padding:20px}.camera-controls{gap:8px}.camera-controls .button{padding:12px 16px}}
@media(max-width:760px){.tongue-main .page-heading{flex-direction:column;align-items:start}.tongue-main .local-badge{font-size:0.625rem}.tongue-main .steps{margin-top:22px}}
@media(max-width:540px){.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capture-card{padding:18px}.camera-controls .button{min-height:48px}.camera-controls>.text-button{width:100%;padding:0}.camera-controls{gap:9px}.capture-card .card-heading h2{font-size:1rem}.review-actions button{min-width:120px;padding:12px 10px}.example>div{height:110px}.capture-instruction{font-size:0.6875rem}.photo-dialog{padding:14px}}

/* Match the primary action on the voice page at every viewport width. */
.camera-controls #open-camera{min-height:60px;padding:17px 25px;font-size:1.125rem;font-weight:600}

.review-criteria{margin:2px 0 12px;padding-left:20px;font-size:0.75rem;line-height:1.9;color:#57748c}.review-criteria li{margin:7px 0}
.capture-delay{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:0.75rem;color:#57748c;cursor:pointer}.capture-delay input{width:16px;height:16px;margin:0;accent-color:var(--blue)}
