#mgRoot header{padding-bottom:14px;border-bottom:1px solid var(--line)}#mgRoot header h2{margin:5px 0}#mgRoot progress{width:100%;height:6px;accent-color:var(--rose)}.mg-content{padding:16px 0}.mg-field{display:grid;gap:8px;margin:14px 0}.mg-field :is(input,select,textarea){font-size:16px;min-height:44px}.mg-check{display:flex;align-items:flex-start;gap:12px;margin:18px 0;line-height:1.6}.mg-check input{min-width:22px;min-height:22px}.mg-photo{padding:16px;background:var(--panel2);border:1px solid var(--line);border-radius:16px;margin:16px 0}#mgRoot canvas{max-width:100%;max-height:350px;object-fit:contain;display:block;margin:12px auto}#mgRoot canvas[hidden]{display:none}.mg-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.mg-actions button{min-height:44px;border:1px solid var(--line);background:var(--panel);color:var(--cream);border-radius:10px;padding:10px}.mg-actions .btn-primary{background:var(--rose);color:var(--bg)}.mg-actions input[type=file]{position:absolute;width:1px;height:1px;clip-path:inset(50%)}.mg-actions label:focus-within{outline:3px solid var(--focus)}.mg-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mg-style{padding:16px;background:var(--panel);color:var(--cream);border:2px solid var(--line);border-radius:16px;text-align:left}.mg-style.selected{border-color:var(--rose);background:var(--accent-soft)}.mg-style strong,.mg-style span{display:block;margin:8px 0}.mg-style svg,.mg-options svg,.mg-content>svg{height:100px;width:100%;color:var(--rose)}.mg-options{border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:12px}.mg-zones{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mg-zones fieldset{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}#mgRoot footer{position:sticky;bottom:-24px;display:flex;flex-wrap:wrap;gap:10px;padding:14px 0;background:var(--panel);border-top:1px solid var(--line);z-index:2}#mgRoot footer button{min-height:44px}#mgStatus{padding:10px 0;min-height:40px}.mg-review{padding:14px;border:1px solid var(--line);border-radius:12px;margin:14px 0}.mg-review span{display:block;padding:6px;border-bottom:1px solid var(--line)}.mg-history{display:grid;gap:14px}#mgRoot button:disabled{opacity:.5}@media(max-width:600px){.mg-style-grid,.mg-zones{grid-template-columns:1fr}#mgRoot footer{bottom:-16px}#mgRoot footer .btn-primary{flex:1 1 100%}.mg-photo{padding:10px}}
#mgRoot .mg-traits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#mgRoot .mg-traits .mg-style{padding:8px;font-size:13px}#mgRoot .mg-traits svg{height:85px}#mgRoot .mg-traits .mg-style span{overflow-wrap:anywhere}@media(max-width:600px){#mgRoot .mg-traits{grid-template-columns:1fr 1fr}}
.mg-entry{margin-top:20px}.mg-legacy-records{margin-top:18px}.mg-legacy-records summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.modal:has(.mg-visual-assessment){width:min(1000px,96vw);max-width:1000px}.mg-visual-assessment{max-width:740px;margin:auto}.mg-visual-heading h3{font-size:28px;margin:8px 0 14px}.mg-visual-heading details{margin-bottom:16px;background:var(--accent-soft);padding:12px 16px;border-radius:12px}.mg-visual-heading summary{min-height:30px;cursor:pointer;font-weight:600}.mg-photo-stage{position:relative;background:var(--panel2);overflow:hidden;border-radius:16px}#mgRoot .mg-photo-stage canvas{width:100%;max-height:none;height:auto;margin:0;display:block}.mg-half-mask{position:absolute;inset:0;width:50%;background:#0b0812b8;display:flex;align-items:center;justify-content:center;pointer-events:none}.mg-half-mask.mask-right{left:50%}.mg-half-mask.mask-left{left:0}.mg-half-mask span{font-size:56px;color:white}.mg-eye-label{background:var(--rose);color:var(--bg);padding:13px;text-align:center;font-weight:750;font-size:18px;margin:14px 0;border-radius:10px}.mg-reference-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mg-reference-card{padding:0;overflow:hidden;border:3px solid var(--line);border-radius:16px;background:white;color:#332830;text-align:center}.mg-reference-card.selected{border-color:var(--rose);box-shadow:0 0 0 3px var(--accent-soft)}.mg-reference-card strong{display:block;padding:12px 7px;font-size:15px;min-height:60px}.mg-reference{display:block;width:100%;background-image:url('/assets/mapping-reference-atlas.png');background-size:300% auto;background-repeat:no-repeat;background-color:white}.mg-unassessed{margin-top:16px}.mg-swap{background:transparent;color:var(--muted);border:0;text-decoration:underline;min-height:44px;margin-bottom:10px}.mg-no-photo{padding:60px 25px;text-align:center;display:grid;gap:20px}.mg-direction{display:block;font-size:64px;padding:20px}.mg-reference-options>.mg-field{grid-column:1/-1}@media(max-width:600px){.modal:has(.mg-visual-assessment){width:100%;max-width:100%}.mg-reference-options{gap:6px}.mg-reference-card{border-radius:10px;border-width:2px}.mg-reference-card strong{font-size:12px;padding:10px 4px}.mg-visual-heading h3{font-size:24px}#mgRoot:has(.mg-visual-assessment) footer{position:static}#mgRoot:has(.mg-visual-assessment)>header{display:none}.mg-visual-assessment .mg-eye-label{font-size:16px}}

.mg-photo-stage{width:fit-content;margin-inline:auto;max-width:100%}#mgRoot .mg-photo-stage canvas{width:auto;max-width:100%;max-height:58vh;height:auto}.mg-content>svg{height:180px}.mg-style svg{height:150px}
.ls-stage{position:relative;width:fit-content;max-width:100%;margin:auto}.ls-stage canvas{max-height:65vh!important;width:auto;max-width:100%;margin:0!important}.ls-points{position:absolute;inset:0;pointer-events:none}.ls-point{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;border:2px solid white;border-radius:50%;background:#7b4564;color:white;touch-action:none;cursor:grab}.ls-point:focus{outline:3px solid #48b7e5}.ls-styles{display:flex;gap:8px;overflow-x:auto;padding:12px 0}.ls-styles button{flex-shrink:0;min-height:48px}#lsConfirm{min-width:22px}.ls-stage+ .mg-actions{justify-content:center}.mg-measures{padding:14px;background:var(--panel2);border-radius:12px;margin-top:14px}
#lsHandle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#33212ecc;border:2px solid white;color:white;font-size:25px;cursor:ew-resize;touch-action:none}#lsHandle[hidden]{display:none}.ls-caption{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:#211714bb;color:white;border-radius:16px;padding:6px 12px;white-space:nowrap;font-size:12px;pointer-events:none}.modal:has(#mgSimulator){width:min(960px,96vw);max-width:960px}@media(max-width:600px){#mgRoot:has(#mgSimulator)>header{display:none}#mgRoot:has(#mgSimulator) footer{position:static}.ls-point{width:38px;height:38px}.ls-stage canvas{max-height:60vh!important}}
#mgRoot:has(#mgSimulator)>header{display:none}#mgRoot:has(#mgSimulator)>.mg-content{padding-top:0}.modal:has(#mgSimulator) .modal-head{padding-bottom:8px;margin-bottom:4px}.modal:has(#mgSimulator) .modal-head h2{font-size:16px;color:var(--muted)}#mgSimulator .ls-stage canvas{max-height:68vh!important}#mgSimulator .ls-styles{margin-top:10px;gap:8px}#mgSimulator #lsStatus:empty{display:none}.ls-adjustments{border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0}.ls-adjustments summary{cursor:pointer;min-height:32px;display:flex;align-items:center;font-weight:600}.ls-disclaimer{display:block;color:var(--muted);font-size:12px}#mgRoot:has(#mgSimulator) footer{position:static}#mgRoot:has(#mgSimulator) #mgStatus{font-size:12px;min-height:0;padding:6px 0}@media(max-width:600px){.modal:has(#mgSimulator){padding:12px!important}#mgSimulator .ls-stage canvas{max-height:63vh!important}}
#mgSimulator .ls-styles button{padding:8px;display:grid;gap:6px;min-width:96px;justify-items:center}#mgSimulator .ls-styles button img{width:96px;height:32px;object-fit:contain;background:#efd7c5;border-radius:5px}#mgSimulator .ls-styles button span{font-size:13px}#mgSimulator .ls-stage{overflow:hidden}
.photo-frame{margin:12px auto;max-width:100%;width:fit-content;overflow:hidden;border:1px solid var(--line);border-radius:12px}#mgRoot .photo-frame canvas{margin:0;max-height:60vh;touch-action:none;cursor:grab}.photo-frame-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.photo-frame-controls label{display:flex;align-items:center;gap:10px;flex:1;min-width:160px}.photo-frame-controls input{width:100%}.photo-frame-controls button{min-height:44px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--cream)}.photo-frame-controls p{flex-basis:100%;font-size:13px;color:var(--muted)}.ls-view-frame{width:fit-content;max-width:100%;margin:auto;overflow:hidden;touch-action:none;border-radius:12px}.ls-view-frame .ls-stage{transform-origin:center;cursor:grab}.ls-view-controls{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.ls-view-controls button{margin:4px}
#mgRoot.mg-style-only>header{display:none}


/* Mapping 31: compact visual decisions, independent eye library. */
.modal:has(#mgRoot:not(.mg-style-only)){width:min(1100px,96vw);max-width:1100px}
#mgRoot:has(.mg-library)>header{display:block}.mg-visual-assessment{max-width:none}.mg-visual-heading h3,.mg-library>h3,.mg-assessment-review>h3{font-size:30px;letter-spacing:-.8px;margin:8px 0 16px}.mg-visual-heading>small,.mg-library>small,.mg-assessment-review>small{letter-spacing:2px;color:var(--rose);font-size:11px;font-weight:700}.mg-mini-progress{display:flex;gap:4px;margin:12px 0 18px}.mg-mini-progress span{height:4px;border-radius:4px;background:var(--line);flex:1}.mg-mini-progress .done{background:var(--rose)}.mg-assessment-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.mg-observation{position:sticky;top:8px;min-width:0}.mg-decisions{min-width:0}.mg-photo-stage{width:100%}#mgRoot .mg-photo-stage canvas{width:100%;max-height:48vh;object-fit:contain}.mg-eye-label{font-size:15px;padding:10px}.mg-half-mask{background:#160f0c99}.mg-half-mask span{font-size:36px}.mg-reference-card svg{width:100%;height:auto;display:block}.mg-reference-card{background:#f7e9d9;border:2px solid transparent;transition:transform .15s,border-color .15s}.mg-reference-card:hover{transform:translateY(-3px);border-color:var(--rose)}.mg-reference-card:focus-visible{outline:3px solid var(--rose);outline-offset:3px}.mg-reference-card strong{min-height:46px;font-size:13px}.mg-reference-options{gap:8px}.mg-tap-hint{font-size:13px;color:var(--rose);margin:18px 0 10px}.mg-measures{margin:0 0 14px;padding:14px}.mg-measures h4{margin:0 0 8px}.mg-measures h4 small{font-weight:400;color:var(--muted)}.mg-measures p{font-size:12px;color:var(--muted);line-height:1.5}.mg-measure-inputs{display:flex;gap:8px}.mg-measure-inputs .mg-field{flex:1;min-width:0;margin:4px 0;font-size:12px}.mg-measure-inputs input{width:100%;min-width:0}.mg-choice-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}.mg-choice-tools label{display:flex;gap:8px;align-items:center;font-size:12px;min-height:44px}.mg-choice-tools input{width:18px;height:18px;accent-color:var(--rose)}.mg-unassessed{margin:0}.mg-no-photo{padding:22px;gap:8px}.mg-no-photo svg{width:100%;max-height:180px}.mg-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mg-answer{display:grid;gap:8px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--cream);padding:16px}.mg-answer small{color:var(--muted)}.mg-answer span{color:var(--rose);font-size:12px}.mg-assessment-review>.mg-measures{margin-top:18px}.mg-library-selection{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;font-size:13px;margin-bottom:18px}.mg-library-selection strong{color:var(--rose)}.mg-library-toolbar{display:flex;gap:12px;margin:16px 0}.mg-library-toolbar label{display:grid;gap:6px;flex:1;font-size:12px;min-width:0}.mg-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mg-model{overflow:hidden;border-radius:18px;border:1px solid var(--line);background:var(--panel2);padding:12px;display:flex;flex-direction:column;gap:10px}.mg-model.selected{border:2px solid var(--rose);padding:11px}.mg-model svg{width:100%;height:auto;display:block}.mg-model h4{font-size:21px;margin:3px 4px}.mg-model p{font-size:13px;line-height:1.6;margin:0 4px;color:var(--muted)}.mg-model details{font-size:12px;line-height:1.6;margin:4px}.mg-model summary{cursor:pointer;color:var(--rose);min-height:30px}.mg-model .btn{margin-top:auto;width:100%}.mg-simulation-preview{margin-top:24px;border:1px solid var(--line);border-radius:14px;padding:16px}.mg-simulation-preview>summary{cursor:pointer;font-weight:600;min-height:36px}.mg-simulation-preview[open]>summary{margin-bottom:16px}#mgPhotoZoom .ls-zoom-row{display:flex;gap:8px;align-items:center}#mgPhotoZoom .ls-zoom-row label{flex:1;min-width:0}#mgPhotoZoom input{width:100%}#mgPhotoZoom button{min-width:44px;min-height:44px;background:var(--panel2);color:var(--cream);border:1px solid var(--line);border-radius:10px}#mgPhotoZoom p{font-size:12px}#mgPhotoZoom .ls-photo-tools{display:flex;gap:8px;margin-top:8px}#mgRoot .mg-observation .ls-view-frame{width:100%}#mgRoot:has(.mg-visual-assessment) footer{position:sticky;bottom:-24px}#mgRoot:has(.mg-visual-assessment)>header{display:block}#mgRoot:has(.mg-visual-assessment)>header h2{font-size:18px}#mgRoot:has(.mg-visual-assessment)>header p{font-size:12px}
@media(max-width:700px){.mg-assessment-layout{grid-template-columns:1fr;gap:8px}.mg-observation{position:static}#mgRoot .mg-photo-stage canvas{max-height:32vh;width:auto;margin:auto}.mg-photo-stage{width:fit-content}.mg-observation .ls-view-frame{max-width:100%;width:fit-content!important}.mg-eye-label{margin:8px 0}.mg-swap{min-height:32px;font-size:11px;margin:0}.mg-visual-heading h3{font-size:24px}.mg-visual-heading details{margin-bottom:10px;padding:9px 12px}.mg-mini-progress{margin:8px 0 10px}#mgPhotoZoom .ls-photo-tools,#mgPhotoZoom p{display:none}#mgPhotoZoom{margin:6px 0}.mg-measures{padding:10px;margin:8px 0}.mg-measures p{margin:5px 0}.mg-tap-hint{margin:12px 0 8px}.mg-reference-card strong{font-size:12px;min-height:42px}.mg-answer-grid{grid-template-columns:1fr 1fr}.mg-answer{padding:12px}.mg-library-grid{gap:10px}.mg-model{padding:8px;border-radius:12px}.mg-model.selected{padding:7px}.mg-model h4{font-size:18px}.mg-model p{font-size:12px}.mg-library-selection{flex-direction:column;gap:6px}.mg-model .btn{font-size:12px;padding:10px 6px}.mg-library-toolbar{gap:8px}#mgRoot:has(.mg-visual-assessment) footer{bottom:-16px}#mgRoot:has(.mg-visual-assessment)>header{display:none}.mg-choice-tools{margin-top:8px}.mg-content{padding-top:10px}}
@media(prefers-reduced-motion:reduce){.mg-reference-card{transition:none}.mg-reference-card:hover{transform:none}}
.mg-example{display:block;color:#754530;padding:0 6px 12px;font-size:11px}
/* Keep the decision cards above the fold. */
#mgRoot:has(.mg-visual-assessment)>header{display:flex;align-items:baseline;gap:12px;padding-bottom:8px}#mgRoot:has(.mg-visual-assessment)>header>small,#mgRoot:has(.mg-visual-assessment)>header>progress{display:none}#mgRoot:has(.mg-visual-assessment)>header h2{margin:0;font-size:16px}#mgRoot:has(.mg-visual-assessment)>header p{margin:0 0 0 auto}.modal:has(.mg-visual-assessment) .modal-head{margin-bottom:12px;padding-bottom:0}.modal:has(.mg-visual-assessment) .modal-head h2{font-size:17px}.mg-visual-heading h3{margin:5px 0 8px;font-size:26px}.mg-mini-progress{margin:8px 0 10px}.mg-visual-heading details{padding:7px 12px;margin-bottom:12px}.mg-visual-heading summary{min-height:28px}.mg-visual-assessment .mg-measures .mg-field{margin:3px 0}.mg-visual-assessment .mg-measures h4{margin-bottom:4px}.mg-visual-assessment .mg-measures p{margin:4px 0 8px}.mg-visual-assessment .mg-measures{padding:10px}.mg-visual-assessment .mg-reference-card strong{min-height:32px;padding:8px 4px}.mg-visual-assessment .mg-example{padding-bottom:8px}.mg-tap-hint{margin:10px 0 8px}#mgRoot:has(.mg-visual-assessment) #mgStatus{font-size:12px;min-height:20px;padding:5px 0}
@media(max-width:700px){#mgRoot:has(.mg-visual-assessment)>header{display:none}.mg-answer-grid{grid-template-columns:1fr 1fr}.mg-visual-heading h3{font-size:23px}#mgRoot .mg-photo-stage canvas{max-height:25vh}.mg-visual-assessment .mg-no-photo{padding:10px}.mg-no-photo svg{max-height:95px}.mg-photo-stage{max-width:100%}.mg-no-photo p{font-size:12px}.mg-visual-assessment .mg-measure-inputs .input{min-height:40px}}
.mg-bulk{display:flex;gap:12px;align-items:end;margin:18px 0;padding:16px;background:var(--panel2);border:1px solid var(--line);border-radius:12px}.mg-bulk label{display:grid;gap:8px;flex:1}.mg-bulk input{min-width:0;width:100%}@media(max-width:600px){.mg-bulk{flex-direction:column;align-items:stretch}}
/* Mobile decisions get a compact footer; each choice already saves progress. */
@media(max-width:700px){#mgRoot:has(.mg-visual-assessment) footer{display:flex;flex-wrap:nowrap;padding:10px 0;gap:8px}#mgRoot:has(.mg-visual-assessment) footer #mgSave,#mgRoot:has(.mg-visual-assessment) footer #mgHistory{display:none}#mgRoot:has(.mg-visual-assessment) footer .btn-primary{flex:1 1 auto}#mgRoot:has(.mg-visual-assessment) footer #mgBack{flex:0 0 auto}#mgRoot .mg-photo-stage canvas{max-height:18vh}.mg-visual-assessment .mg-measures>p{display:none}.mg-visual-assessment .mg-measures .mg-field{font-size:11px;gap:4px}.mg-visual-assessment .mg-measures{padding:8px}.mg-visual-assessment .mg-measures h4{font-size:12px}.mg-visual-assessment .mg-eye-label{padding:8px;font-size:13px}.mg-visual-assessment .mg-choice-tools{gap:4px}.mg-visual-assessment .mg-tap-hint{font-size:11px}.mg-reference-options{gap:5px}.mg-reference-card svg{max-height:90px}.mg-swap{min-height:24px}.mg-mini-progress{margin:6px 0}.mg-visual-heading details{margin-bottom:8px}}
.mg-optional-measures>summary,.mg-photo-options>summary{cursor:pointer;font-size:12px;min-height:28px;display:flex;align-items:center;color:var(--rose)}.mg-optional-measures>summary:before,.mg-photo-options>summary:before{content:'＋';margin-right:8px}.mg-optional-measures[open]>summary:before,.mg-photo-options[open]>summary:before{content:'−'}.mg-photo-options{padding:4px 0}.mg-optional-measures[open]>.mg-measure-inputs{margin-top:10px}
@media(max-width:700px){.mg-visual-assessment .mg-measures>p{display:block}.mg-visual-assessment .mg-swap{font-size:10px}.mg-visual-assessment .mg-optional-measures{margin:4px 0}.mg-photo-options{padding:0}.mg-reference-card svg{max-height:84px}}
@media(max-width:700px){.modal:has(.mg-visual-assessment){height:100dvh;max-height:100dvh;border-radius:16px 16px 0 0}.modal:has(.mg-library){max-height:100dvh}}

/* Mapping photographic references */
.mg-reference-card img,.mg-procedure-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px}.mg-reference-card{padding:6px;overflow:hidden}.mg-reference-card strong{display:block;margin:10px 4px 4px}.mg-summary-photo{display:block!important;width:104px!important;height:104px!important;object-fit:cover;border-radius:18px;margin:12px auto 20px}.mg-assessment-review>h3,.mg-assessment-review>small{text-align:center;display:block}.mg-answer-grid{gap:8px}.mg-answer{padding:12px!important;min-height:0!important}.mg-answer small,.mg-answer strong{display:block}.mg-answer strong{margin-top:5px}.mg-library-card .mg-procedure-photo{margin-bottom:12px}@media(max-width:600px){.mg-reference-options{gap:6px}.mg-reference-card strong{font-size:12px}.mg-answer{padding:9px!important}.mg-answer small{font-size:11px}.mg-answer strong{font-size:13px}.mg-summary-photo{width:88px!important;height:88px!important}}

#mgRoot:has(.mg-assessment-review)>header{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;margin-bottom:14px;gap:12px}#mgRoot:has(.mg-assessment-review)>header>small,#mgRoot:has(.mg-assessment-review)>header>progress{display:none}#mgRoot:has(.mg-assessment-review)>header h2{font-size:16px;margin:0}#mgRoot:has(.mg-assessment-review)>header p{font-size:12px;margin:0}.mg-assessment-review .mg-answer strong{margin:3px 0 0}.mg-assessment-review .mg-answer{border-radius:8px}.mg-assessment-review .mg-summary-photo{margin:8px auto 12px}

.mg-assessment-review>h3{display:none}.mg-assessment-review .mg-answer{gap:2px}.mg-assessment-review .mg-answer small{font-size:11px}.mg-assessment-review .mg-answer strong{font-size:13px}.mg-assessment-review .mg-summary-photo{height:80px!important;width:80px!important}@media(max-width:700px){#modal .modal:has(#mgRoot){width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:16px}#mgRoot footer{display:flex;flex-wrap:nowrap;gap:8px;bottom:-16px}#mgRoot footer #mgHistory{display:none}#mgRoot footer #mgNext{flex:1;min-width:0;font-size:13px}#mgRoot footer #mgSave{font-size:11px;padding:10px 7px}#mgRoot footer #mgBack{padding:10px;font-size:12px}.mg-assessment-review .mg-answer{padding:7px!important}.mg-assessment-review .mg-answer-grid{gap:5px}.mg-assessment-review .mg-summary-photo{height:64px!important;width:64px!important}.mg-assessment-review>small{font-size:9px}.mg-model .mg-procedure-photo{border-radius:8px}}

.mg-answer-grid>.mg-answer:last-child:nth-child(odd){grid-column:1/-1}@media(max-width:700px){#mgRoot footer button{min-height:44px;white-space:normal}#mgRoot footer #mgNext{white-space:nowrap}#mgRoot:has(.mg-visual-assessment) .mg-reference-card strong{min-height:30px}}

/* v33: photo-led assessment and readable references */
#mgRoot .mg-assessment-layout{grid-template-columns:minmax(300px,.85fr) minmax(0,1.5fr);gap:24px}#modal .modal:has(#mgRoot){max-width:1280px}#mgRoot .mg-observation .ls-view-frame{width:100%!important;max-width:none}#mgRoot .mg-photo-stage{width:100%!important;height:420px;overflow:hidden}#mgRoot .mg-photo-stage canvas{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;object-position:center 25%}#mgPhotoZoom .ls-zoom-row{display:flex!important;gap:8px;align-items:center;margin:10px 0}#mgPhotoZoom .ls-zoom-row label{flex:1}#mgPhotoZoom input{width:100%}#mgPhotoZoom .ls-zoom-row button{min-width:44px;min-height:44px}#mgRoot .mg-reference-options{grid-template-columns:repeat(3,minmax(0,1fr))}#mgRoot .mg-reference-card img{border-radius:10px}.mg-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-final-summary{max-width:960px;margin:auto}.mg-final-photo{width:100%!important;max-height:380px!important;object-fit:contain}.mg-final-eye{border:1px solid var(--line);border-radius:16px;padding:18px;margin:16px 0;display:flow-root}.mg-final-model{float:right;width:220px;max-width:42%;border-radius:12px;margin:0 0 12px 20px}.mg-final-eye dl>div{padding:7px 0}.mg-final-eye dt{font-size:12px;color:var(--muted)}.mg-final-eye dd{margin:3px 0;font-size:14px}.mg-lengths{font-weight:600}.mg-final-eye details{clear:both}#mgRoot:has(.mg-final-summary) #mgNext{white-space:normal}@media(max-width:900px){#mgRoot .mg-assessment-layout{grid-template-columns:1fr}#mgRoot .mg-observation{position:static}#mgRoot .mg-photo-stage{height:340px}#mgRoot .mg-reference-options{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}#mgRoot .mg-reference-card{flex:0 0 72%;flex-basis:72%;min-width:230px;scroll-snap-align:start}#mgRoot .mg-photo-stage canvas{object-position:center 22%}.mg-library-grid{grid-template-columns:1fr}.mg-model{padding:12px}.mg-final-model{float:none;max-width:100%;width:100%;margin:0 0 12px}.mg-final-photo{max-height:320px!important}#mgRoot footer #mgNext{font-size:12px}}

.mg-advisor{background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:24px}.mg-advisor article{border-top:1px solid var(--line);padding:14px 0}.mg-advisor p{font-size:14px;line-height:1.6}.mg-advisor .btn{margin-top:12px}@media(max-width:900px){#mgRoot .mg-reference-card{flex:0 0 46%;min-width:155px}#mgRoot .mg-reference-card img{aspect-ratio:1;height:auto}.mg-advisor{padding:14px}}

.ls-styles[hidden]{display:none!important}#lsCatalog .ls-thumb{height:78px;background:#f7e9d9;border-radius:8px}#lsCatalog .ls-thumb img{width:100%;height:100%;object-fit:contain}#lsCatalog .ls-effect[aria-pressed="true"]{outline:2px solid var(--rose)}
