.mla{font-family:inherit;color:#213a43;max-width:850px;margin:18px auto;background:#fff;border:1px solid #dce9e9;border-radius:18px;box-shadow:0 12px 32px rgba(0,45,50,.07);overflow:hidden}.mla *{box-sizing:border-box}.mla-head{background:#247f84;color:white;padding:22px 26px;display:flex;gap:14px;align-items:center}.mla-mark{font-size:30px;border-radius:14px;background:#ffffff27;padding:8px 15px}.mla h2,.mla h3,.mla p{margin:0}.mla-head h2{color:#fff;font-size:23px;line-height:1.25}.mla-head p{color:#e5f3f3;font-size:13px;margin-top:5px}.mla-warning{background:#fff9e8;color:#7e5819;font-size:13px;line-height:1.5;padding:12px 24px;border-bottom:1px solid #f1e6c7}.mla-form{padding:22px 24px}.mla label{font-weight:600;font-size:14px;display:flex;flex-direction:column;gap:7px;color:#25464d}.mla select{display:block;width:100%;min-height:43px;border:1px solid #cbdadb;border-radius:9px;background:#fff;color:#1f343d;padding:10px;font-size:15px;line-height:1.35;max-width:none}.mla-lng{max-width:260px}.mla-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0 22px}.mla button{font:inherit;cursor:pointer}.mla-submit{border:0!important;border-radius:11px;background:#247f84!important;color:white!important;padding:12px 20px;width:100%;font-size:15px;font-weight:700}.mla-submit:disabled{opacity:.65;cursor:wait}.mla-results{padding:0 24px 22px}.mla-result{background:#f2f8f8;border:1px solid #deebeb;border-radius:14px;padding:20px}.mla-result h3{color:#1a5b60;font-size:16px;margin:0 0 10px}.mla-result h3:not(:first-child){margin-top:18px}.mla-pills{display:flex;flex-wrap:wrap;gap:8px}.mla-pills span{display:inline-block;padding:8px 12px;border-radius:50px;background:#dceeee;color:#1c5d61;font-weight:700;font-size:13px}.mla-answer{white-space:pre-wrap;line-height:1.55;font-size:14px}.mla-result ul{margin:0 0 12px 22px;padding:0;font-size:13px;line-height:1.5}.mla-result li{margin-bottom:5px}.mla-disclaimer{font-size:12px;border-top:1px solid #d5e3e3;padding-top:12px;line-height:1.5;color:#596e73}.mla-clear{margin-top:14px;color:#1b7177;background:white;border:1px solid #bbd8d8;border-radius:8px;padding:9px 14px;font-size:13px}.mla-error{color:#a32c2c;background:#fff0f0;border-radius:8px;padding:12px;font-size:14px}.mla-loading{font-size:14px;color:#607679}@media(max-width:640px){.mla-fields{grid-template-columns:1fr}.mla-head{padding:18px}.mla-form{padding:18px}.mla-results{padding:0 18px 18px}.mla-head h2{font-size:20px}.mla-warning{padding:12px 18px}}

.mla input[type=number]{width:100%;min-height:43px;border:1px solid #cbdadb;border-radius:9px;background:#fff;color:#1f343d;padding:9px;font-size:15px}.mla-step-title{font-size:18px;color:#1b656a;margin:24px 0 12px!important}.mla-form h4{font-size:15px;color:#1b656a;margin:20px 0 0}.mla-muted{font-size:13px;color:#567077;line-height:1.55}.mla-actions{display:flex;align-items:center;gap:12px}.mla-back{white-space:normal;border:1px solid #b7d5d5;border-radius:10px;background:white;color:#276b70;padding:12px}.mla-actions .mla-submit{flex:1}@media(max-width:640px){.mla-actions{flex-direction:column-reverse}.mla-actions button{width:100%}}

/* v0.3 — prescription grouped by eye, with independent, readable columns */
.mla-eyes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:16px 0 25px;align-items:start}
.mla-eye{min-width:0;border:1px solid #dce9e9;background:#f8fbfb;border-radius:13px;padding:16px}
.mla-eye h4{color:#1a5b60;font-size:16px;margin:0 0 15px;font-weight:700}
.mla-eye-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.mla-eye input,.mla-eye select{width:100%;max-width:100%;min-width:0;border:1px solid #cbdadb;border-radius:9px;background:#fff;color:#1f343d;padding:10px;font-size:15px}
@media(max-width:640px){.mla-eyes{grid-template-columns:1fr;gap:12px}.mla-eye{padding:14px}}

.mla-computed{border-top:1px solid #cbdedf;margin-top:16px;padding-top:12px}.mla-computed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mla-computed-eye{background:#fff;border:1px solid #d0e1e2;border-radius:9px;padding:12px;overflow-wrap:anywhere}.mla-computed-eye div{margin-top:7px;font-size:14px}@media(max-width:560px){.mla-computed-grid{grid-template-columns:1fr}}

/* v0.5 — one-line A/B/ED/DBL dimensions; prism pairs by eye */
.mla-frame-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 10px}
.mla-frame-row label{min-width:0}.mla-frame-row input{min-width:0}
.mla-prism-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end}
.mla-prism-pair label{min-width:0}
@media(max-width:450px){.mla-frame-row{gap:7px}.mla-frame-row input{padding:8px 5px;font-size:14px}.mla-prism-pair{gap:7px}}

/* v0.8 — pre-submission review + structured case summary */
.mla-case-summary{background:#f6fafa;border:1px solid #dce9e9;border-radius:12px;padding:15px;margin:18px 0}.mla-case-summary h3{color:#1a5b60;font-size:16px;margin:0 0 8px}.mla-case-summary h4{font-size:13px;margin:12px 0 6px;color:#225d62}.mla-case-summary ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:0;padding-left:17px;font-size:12px;line-height:1.5}.mla-case-summary li{overflow-wrap:anywhere}.mla-result .mla-case-summary{background:white;margin-bottom:18px}@media(max-width:600px){.mla-case-summary ul{grid-template-columns:1fr}}

.mla .mla-local{background:#eef7f7;color:#16666a;border:1px solid #88bcbe;border-radius:8px;padding:12px 16px;cursor:pointer;font-weight:600}.mla .mla-local:hover{background:#d9eeee}.mla .mla-local:disabled{opacity:.55}

/* v1.4 — No prism shortcut and five-point visual */
.mla-zero-prism{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;margin:12px 0 15px;cursor:pointer}.mla-zero-prism input{width:18px;height:18px;flex-shrink:0}.mla-lens-visual{max-width:250px;margin:14px auto 4px;text-align:center}.mla-lens-visual p{font-size:12px;margin:0 0 4px}.mla-lens-visual svg{width:100%;height:auto;display:block}

/* v1.5 experimental parametric outline */
.mla-shape{max-width:400px;margin:12px 0 20px}.mla-outline-svg{display:block;width:min(100%,270px);height:auto;margin:10px auto}

/* v1.6 — frame-shape thumbnail selector */
.mla-shape{max-width:none}.mla-shape-label{font-weight:600;margin-bottom:10px}.mla-shape-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mla-shape-choice{display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;border:1px solid #ccdfe0;border-radius:9px;padding:9px 6px;cursor:pointer;gap:5px;text-align:center;font-size:13px;background:#fff}.mla-shape-choice:has(input:checked){border:2px solid #258185;background:#eaf5f5}.mla-shape-choice input{width:16px;height:16px;margin:0}.mla-shape-choice img{width:92px;max-width:100%;height:42px;object-fit:contain;mix-blend-mode:multiply}.mla-shape-choice span{line-height:1.25}@media(max-width:650px){.mla-shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.mla-outline-proportion{padding:10px 12px;border:1px solid #c9ad63;border-radius:8px;font-size:.9em;background:#fff8e9;color:#6a4c13}

/* v1.9.2 optical center diagram legend */
.mla-oc-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;margin:5px 0 8px;color:#3d5962}.mla-cross-mark{font-size:17px;color:#445668;vertical-align:middle}.mla-oc-mark{font-size:13px;color:#7256a8;vertical-align:middle}

/* v2.3: corridor comparisons in compact, readable rows */
.mla-corridor-item{display:inline-block;white-space:nowrap;margin:3px 12px 3px 0;font-size:.9em}

/* v2.6: prescription in compact OD / OS row matrices */
.mla-rx-layout{border:1px solid #dce9e9;background:#f8fbfb;border-radius:12px;padding:16px;margin:12px 0 16px;overflow-x:auto}
.mla-rx-matrix{display:grid;grid-template-columns:38px repeat(var(--mla-cols),minmax(0,1fr));gap:8px 10px;align-items:end;margin:0 0 17px}
.mla-rx-header{font-size:12px;color:#245e68;text-align:center;font-weight:600;align-self:end;min-width:0}
.mla-rx-eye-label{font-size:13px;color:#245e68;font-weight:700;align-self:center;text-align:center}
.mla-rx-matrix-field{min-width:0;display:block;margin:0!important}
.mla-rx-matrix-field input,.mla-rx-matrix-field select{box-sizing:border-box;width:100%;min-width:0;height:40px;padding:7px 6px;font-size:14px;border:1px solid #cbdadb;border-radius:5px;background:white;color:#1f343d}
.mla-rx-matrix-field .mla-mobile-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.mla-rx-small{max-width:480px;grid-template-columns:38px repeat(2,minmax(0,1fr))}
.mla-rx-separator{border-top:1px solid #c8d7d9;margin:12px 0 18px}
.mla-rx-prism{margin-bottom:0}
@media(max-width:560px){.mla-rx-layout{padding:10px}.mla-rx-matrix{gap:6px 4px;grid-template-columns:25px repeat(var(--mla-cols),minmax(0,1fr))}.mla-rx-small{grid-template-columns:25px repeat(2,minmax(0,1fr))}.mla-rx-header{font-size:10px;overflow-wrap:anywhere}.mla-rx-matrix-field input,.mla-rx-matrix-field select{padding:5px 2px;font-size:12px;height:38px}.mla-rx-eye-label{font-size:12px}}

.mla-print-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}
.mla .mla-print{background:#247e84;color:white;border:1px solid #247e84;border-radius:7px;padding:12px 18px;font-weight:600;cursor:pointer}
.mla .mla-print:hover{background:#1b6268}

.mla-aniso-review{border:1px solid #dfba76;border-left:5px solid #bd752b;border-radius:8px;padding:12px 14px;margin:14px 0;background:#fffaf0}.mla-aniso-review strong{color:#7d4b16}.mla-aniso-review p{margin:7px 0 0}