/* Tool-only refinements: the kit coverage chart and saved-kit UI stay unchanged. */
[data-learning-lab="falloff"] .lf-section-title { margin: 0; color: #b7d9ed; font-size: .8rem; font-weight: 700; }
[data-learning-lab="falloff"] .learning-lab-controls { gap: .8rem; padding: 1rem; }
[data-learning-lab="falloff"] .lf-primary-controls,
[data-learning-lab="falloff"] .lf-ambient-controls { grid-template-columns: minmax(0,1fr); gap: .7rem; }
[data-learning-lab="falloff"].learning-lab .lf-primary-controls { gap: .4rem; }
[data-learning-lab="falloff"] .learning-lab-control-grid label { display: block; padding: .25rem 0; }
.lf-control-title { display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
[data-learning-lab="falloff"] input[type="range"] { width: 100%; height: 44px; margin: 0; }
.lf-control-cue { display: block; color: #aabed1; font-size: .72rem; line-height: 1.45; margin: 0; font-weight: 400; }
.lf-camera-settings { display: grid; gap: .65rem; padding-top: .85rem; border-top: 1px solid #334b63; }
[data-learning-lab="falloff"] .lf-camera-controls { grid-template-columns: repeat(3,minmax(0,1fr)); gap: .5rem; }
[data-learning-lab="falloff"] .lf-camera-controls label { display: grid; grid-template-rows: 2rem 44px; gap: 0; font-size: .75rem; }
[data-learning-lab="falloff"] .learning-lab-view-switch > span { display: none; }
[data-learning-lab="falloff"] .learning-lab-view-switch { padding: .25rem; }
[data-learning-lab="falloff"] .learning-lab-view-switch > div { width: 100%; }
[data-learning-lab="falloff"] .lf-camera-controls select { width: 100%; min-width: 0; min-height: 44px; padding-inline: .45rem; }
[data-learning-lab="falloff"] .flash-restore { border: 0; background: none; padding: 0; }
[data-learning-lab="falloff"] .flash-restore button { font-size: .75rem; min-height: 44px; }
@media (min-width: 768px) {
 [data-learning-lab="falloff"].learning-lab .learning-lab-layout { grid-template-columns: minmax(0,1fr) 330px; align-items: start; }
}
@media (min-width: 960px) and (min-height: 850px) {
 [data-learning-lab="falloff"] .learning-lab-visual { position: sticky; top: 80px; }
}
@media (max-width: 767px), (max-width: 959px) and (max-height: 500px) {
 .tm-dock .lf-control-title { display: none; }
 .tm-dock .lf-control-cue { font-size: .7rem; line-height: 1.3; }
}
#view-tool-shell { animation: none; }
.tool-experience > .tool-level-control {
    display: flex;
    justify-content: space-between;
    padding: 0 0 0.6rem;
    gap: 0.75rem;
    border: 0;
    border-bottom: 1px solid #334155;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.tool-experience > .tool-level-control .tool-level-copy > span { display: none; }
.tool-experience > .tool-level-control .tool-level-explanation { display: none; }
.tool-experience > .tool-level-control .tool-level-switch { width: auto; min-width: 200px; }
.tool-experience > .tool-level-control .tool-level-copy strong { color: #cbd5e1; }

.exposure-triangle-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    align-items: start;
    gap: 1.25rem;
    max-width: none;
}
.exposure-triangle-workspace > * { margin: 0 !important; min-width: 0; }
.exposure-preview-group { grid-column: 1; grid-row: 1; }
.exposure-scene-heading { display: grid; gap: 0.25rem; padding: 0.4rem 0 0.75rem; }
.exposure-scene-heading strong { font-size: clamp(1rem, 1.4vw, 1.3rem); color: #f8fafc; }
.exposure-scene-heading span { font-size: 0.78rem; color: #bac9dc; }
.exposure-triangle-scene { position: relative; top: auto; width: 100%; height: auto; aspect-ratio: 16 / 10; }
.exposure-filter-defs { position: absolute; pointer-events: none; }
.exposure-preview-note { margin: .35rem 0 0; color: #a9bdcf; font-size: .7rem; }
.exposure-triangle-controls > .et-setting-card { background: transparent; border: 0; border-bottom: 1px solid #334155; border-radius: 0; padding: .6rem 0 .8rem; }
.exposure-triangle-controls > .et-setting-card:last-child { border-bottom: 0; }
.exposure-triangle-controls { gap: .25rem; }
.exposure-triangle-controls output { font-size: 1rem; }
.exposure-triangle-controls input[type="range"] { background: transparent; }
.exposure-focus-row { display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 0.65rem 0; }
.exposure-focus-row button { flex: 1; min-height: 44px; padding: 0.5rem; border: 1px solid #475569 !important; border-radius: 0.6rem; font-size: 0.7rem; }
.exposure-focus-row button[aria-pressed="false"] { background: #0b1627; color: #cbd5e1; }
.exposure-preview-group #et-tips { display: none; }
.exposure-reading { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.9rem; padding: 0.9rem 0; border-bottom: 1px solid #334155; }
.exposure-reading > div { min-width: 0; }
.exposure-reading span { display: block; margin-bottom: 0.35rem; font-size: 0.68rem; color: #7dd3fc; }
.exposure-reading strong { display: block; font-size: 0.85rem; line-height: 1.45; color: #f1f5f9; }
.exposure-reading p { margin: 0.4rem 0 0; font-size: 0.73rem; line-height: 1.5; color: #b0bed0; }
.exposure-preview-group #et-status-summary { padding: 0.75rem 0; margin: 0; font-size: 0.78rem; line-height: 1.6; color: #c6d3e4; text-align: left; }
.exposure-model-note { color: #afbed1; font-size: 0.75rem; line-height: 1.6; }
.exposure-model-note summary { cursor: pointer; min-height: 44px; display: list-item; align-content: center; }
.exposure-model-note p { padding: 0.4rem 0; }
.exposure-triangle-controls { display: flex; flex-direction: column; gap: 0.65rem; grid-column: 2; grid-row: 1; }
.exposure-triangle-controls > div { padding: 0.8rem 1rem; gap: 0.35rem; box-shadow: none; background: #101c2e; }
.exposure-triangle-controls input[type="range"] { height: 44px; min-height: 44px; }
.exposure-triangle-controls input[type="range"]::-webkit-slider-runnable-track { height: 6px; border-radius: 999px; background: #52677e; }
.exposure-triangle-controls input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; margin-top: -9px; border: 2px solid #b9e7fa; border-radius: 50%; background: #38bdf8; }
.exposure-triangle-controls input[type="range"]::-moz-range-track { height: 6px; border: 0; border-radius: 999px; background: #52677e; }
.exposure-triangle-controls input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; border: 2px solid #b9e7fa; border-radius: 50%; background: #38bdf8; }
.exposure-triangle-controls p { display: block; line-height: 1.5; }
.exposure-experiments { padding: 0.8rem 0.9rem; border: 1px solid #334d69; border-radius: 0.8rem; background: linear-gradient(145deg, #132c41, #101c2e); }
.exposure-experiments > strong { font-size: 0.85rem; color: #e6f6ff; }
.exposure-experiment-pairs { display: grid; gap: 0.5rem; margin-top: 0.7rem; }
.exposure-experiment-pairs > div { display: grid; grid-template-columns: 2.8rem 1fr 1fr; gap: 0.3rem; align-items: center; }
.exposure-experiment-pairs span { font-size: 0.7rem; color: #bac9dc; }
.exposure-experiment-pairs button { padding: 0.45rem; font-size: 0.72rem; line-height: 1.3; min-height: 44px; }
.exposure-experiments #et-experiment-note { margin-top: 0.7rem; font-size: 0.75rem; color: #c3d6e7; }
.exposure-auto-iso { display: flex; align-items: center; gap: 0.65rem; min-height: 58px; padding: 0.6rem 0.8rem; cursor: pointer; border: 1px solid #385472; border-radius: 0.7rem; }
.exposure-auto-iso input { width: 20px; height: 20px; flex-shrink: 0; accent-color: #38bdf8; }
.exposure-auto-iso strong { font-size: 0.8rem; color: #f1f5f9; }
.exposure-auto-iso small { display: block; margin-top: 0.15rem; font-size: 0.7rem; color: #b2c2d6; }
.lighting-observation { padding: 0.9rem 1rem; background: #0d1b2c; border-top: 1px solid #334155; }
.lighting-observation strong { color: #b9e7ff; font-size: 0.9rem; }
.lighting-observation p { margin: 0.3rem 0 0; color: #cbd5e1; font-size: 0.8rem; line-height: 1.5; }
.lighting-slider > span { font-size: 0.74rem; }
#lighting-draft-status { display: block; margin-top: 0.25rem; color: #b9d1e3; }
.lighting-attribution { margin: 0.2rem 0; font-size: 0.72rem; line-height: 1.6; color: #aabbd0; }
.lighting-attribution a { color: #b9e7ff; text-decoration: underline; text-underline-offset: 3px; }
.lighting-saved-layouts { border: 1px solid #38516b; border-radius: 0.8rem; padding: 0 1rem; background: #0d192a; }
.lighting-saved-layouts summary { min-height: 54px; align-content: center; cursor: pointer; font-size: 0.9rem; color: #e2e8f0; }
.lighting-saved-layouts summary span { margin-left: 0.4rem; color: #a5b9cd; font-size: 0.75rem; }
.lighting-saved-layouts p { margin: 0.4rem 0 0.8rem; font-size: 0.8rem; line-height: 1.55; color: #b8c7da; }
.lighting-save-row { display: grid; grid-template-columns: 7rem minmax(0, 1fr) auto; align-items: center; gap: 0.7rem; margin: 0.8rem 0; }
.lighting-save-row label { font-size: 0.8rem; color: #dbeafe; }
.lighting-save-row input, .lighting-save-row select { min-width: 0; width: 100%; min-height: 44px; padding: 0.5rem 0.65rem; border: 1px solid #52677e; border-radius: 0.55rem; color: #e2e8f0; background: #101e30; }
.lighting-save-row input::placeholder { color: #99aec6; }
.lighting-save-row select:disabled { color: #99aec6; }
.lighting-studio :is(button, input, select, summary):focus-visible,
.exposure-triangle-workspace :is(button, input, summary):focus-visible { outline: 3px solid #7dd3fc; outline-offset: 3px; }

@media (max-width: 1000px) and (min-width: 768px) {
    .exposure-triangle-workspace { grid-template-columns: minmax(0, 1fr) 240px; gap: 0.85rem; }
    .exposure-reading { grid-template-columns: 1fr; gap: 0.5rem; }
    .exposure-reading p { display: none; }
}
@media (max-width: 767px) {
    .tool-experience > .tool-level-control { flex-direction: row; align-items: center; }
    .tool-experience > .tool-level-control .tool-level-switch { min-width: 180px; }
    .exposure-triangle-workspace { grid-template-columns: 1fr; gap: 1rem; }
    .exposure-preview-group, .exposure-triangle-controls { grid-column: 1; grid-row: auto; }
    .exposure-triangle-scene { aspect-ratio: 16 / 10; height: auto; }
    .exposure-reading { grid-template-columns: 1fr; gap: 0.65rem; padding: 0.65rem 0; }
    .exposure-reading > div { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 0.55rem; align-items: start; }
    .exposure-reading span { margin: 0; line-height: 1.5; }
    .exposure-reading strong { font-size: 0.78rem; }
    .exposure-reading p { display: none; }
.exposure-triangle-controls { gap: 0.6rem; }
    .lighting-observation { padding: 0.55rem 0.7rem; }
    .lighting-observation strong { font-size: 0.8rem; }
    .lighting-observation p {
        display: -webkit-box;
        margin-top: 0.2rem;
        overflow: hidden;
        font-size: 0.72rem;
        line-height: 1.35;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .lighting-save-row { grid-template-columns: minmax(0, 1fr) auto; }
    .lighting-save-row label { grid-column: 1 / -1; }
    .lighting-saved-layouts summary span { display: block; margin: 0 0 0.3rem; }
}
@media (prefers-reduced-motion: reduce) {
    .exposure-triangle-workspace *, .lighting-studio * { transition: none !important; }
}

/* Keep the photograph in sight while a phone user reaches the exposure sliders. */
@media (max-width: 767px) and (min-height: 700px) {
    .exposure-triangle-workspace { display: block; }
    .exposure-preview-group { display: contents; }
    .exposure-triangle-scene { position: sticky; top: 74px; z-index: 10; box-shadow: 0 8px 20px #020617; }
    .exposure-triangle-controls { margin-top: 0.75rem !important; }
}

/* Framing keeps an honest reference to the full source photograph. */
.lab-experiments { display: grid; gap: .5rem; }
.meter-preview-controls { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem 1rem; padding: .65rem .8rem; border-top: 1px solid #334b63; background: #0e1e30; }
.meter-preview-controls button, .meter-exposure-steps button { min-height: 44px; border: 1px solid #4b657e; background: #152a40; color: #e2e8f0; border-radius: .5rem; padding: .55rem .75rem; font-size: .8rem; }
.meter-preview-controls button[aria-pressed="true"] { border-color: #7dd3fc; background: #173c54; }
.meter-preview-controls span { font-size: .72rem; color: #bbccde; }
.meter-exposure-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .4rem; }
.meter-exposure-steps button:disabled { opacity: .5; cursor: default; }
.flash-light-mix { padding: .8rem 1rem; background: #0e2031; border-top: 1px solid #344b63; }
.flash-light-mix > span { font-size: .75rem; color: #bbcede; }
.flash-mix-labels { display: flex; justify-content: space-between; gap: 1rem; margin: .4rem 0; font-size: .85rem; }
#lf-flash-percent { color: #7dd3fc; }
#lf-ambient-percent { color: #fde68a; }
.flash-mix-bar { height: 12px; background: #dca744; overflow: hidden; border-radius: 4px; }
.flash-mix-bar i { display: block; height: 100%; background: #38bdf8; }
.flash-restore { grid-column: 1 / -1; padding: .75rem; border: 1px solid #3a6279; background: #122b3d; border-radius: .65rem; }
.flash-restore .tool-quiet-action { margin: 0; width: 100%; text-align: left; }
#lf-restore-note { font-size: .75rem; color: #b9cede; margin: .5rem 0 0; line-height: 1.5; }
.lab-experiments button { display: flex; justify-content: space-between; align-items: center; gap: .7rem; padding: .7rem .8rem; min-height: 52px; text-align: left; border: 1px solid #3d526b; border-radius: .65rem; background: #102034; color: #e2e8f0; }
.lab-experiments button[aria-pressed="true"] { border-color: #7dd3fc; background: #123a50; }
.lab-experiments strong { font-size: .83rem; }
.lab-experiments span { font-size: .75rem; color: #acc7da; }
.ev4-suggestion { display: grid; gap: .65rem; padding: 1rem; background: linear-gradient(120deg,#123245,#132236); border: 1px solid #3c839c; border-radius: .8rem; }
#ev-suggestion-heading { font-size: .8rem; color: #b8d8e9; }
.ev4-suggestion-values { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1.2rem; font-size: 1.6rem; color: #9bb3ca; }
.ev4-suggestion-values strong { color: #7dd3fc; font-size: 2rem; }
#ev-suggestion-detail { color: #c2d3e3; font-size: .8rem; margin: 0; }
.ev4-suggestion .ev4-match-message:empty { display: none; }
.ev4-setting.is-solving { border-color: #38bdf8; background: #102d41; }
.ev4-match:disabled { opacity: .6; cursor: default; }
.exposure-auto-control { padding: .85rem; border: 1px solid #39728b; background: #112d3e; border-radius: .75rem; grid-column: 1 / -1; }
.exposure-auto-control label { display: flex; align-items: center; gap: .65rem; min-height: 44px; font-size: .85rem; font-weight: 700; color: #e0f2fe; cursor: pointer; }
.exposure-auto-control input { width: 20px; height: 20px; accent-color: #38bdf8; flex-shrink: 0; }
.exposure-auto-control p { font-size: .75rem; line-height: 1.5; color: #b6ccdd; margin: .3rem 0; }
#et-auto-status { font-size: .75rem; color: #7dd3fc; }
.exposure-camera-hud { position: absolute; bottom: .6rem; left: .6rem; right: .6rem; z-index: 12; display: flex; justify-content: space-between; gap: .5rem; padding: .55rem .7rem; border: 1px solid #ffffff30; background: #061322e8; color: #e0f2fe; border-radius: .5rem; font: 600 .8rem/1.4 ui-monospace,monospace; pointer-events: none; }
@media(max-width:767px) { .exposure-camera-hud { font-size: .65rem; padding: .4rem .5rem; } }
.fov-framing-workspace { display: grid; grid-template-columns: minmax(0, 3fr) minmax(190px, 1fr); gap: 1rem; align-items: center; }
.tool-experience[data-tool-id="field-of-view-simulator"] #fz-container { height: auto; aspect-ratio: 16/9; }
.fov-context { display: grid; gap: .8rem; padding: 1rem; background: #101e30; border: 1px solid #33475e; border-radius: .85rem; }
.fov-context-copy { display: grid; gap: .25rem; font-size: .78rem; line-height: 1.5; color: #b4c9dd; }
.fov-context-copy strong { color: #f1f5f9; font-size: .9rem; }
.fov-navigator { position: relative; aspect-ratio: 16/9; overflow: hidden; background: #020617; border-radius: .35rem; }
.fov-navigator img { width: 100%; height: 100%; object-fit: cover; }
#fov-crop-window { position: absolute; border: 2px solid #7dd3fc; box-shadow: 0 0 0 400px #02061788; }
.fov-frame-label { position: absolute; bottom: .65rem; left: .65rem; padding: .35rem .6rem; color: #fff; background: #081424e8; border-radius: .35rem; font-size: .8rem; pointer-events: none; }
#fz-container > div:has(+ .fov-compare-button) { display: none; }
@media(max-width: 767px) {
    .fov-framing-workspace { grid-template-columns: 1fr; gap: .5rem; }
    .fov-context { grid-template-columns: 110px 1fr; padding: .65rem; gap: .4rem .75rem; }
    .fov-navigator { grid-column: 1; grid-row: 1 / span 2; align-self: center; }
    .fov-context-copy { grid-column: 2; font-size: .7rem; }
    .fov-context-copy .tool-quiet-action { margin: .15rem 0 0; padding: .35rem .6rem; min-height: 44px; }
    .fov-context-copy > span:has(+ button) { display: none; }
}
/* Keep each tool's answer and first useful action together. */
.distance-lens-comparison { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #33475e; }
.distance-lens-comparison h2 { font-size: 1rem; color: #e2e8f0; font-weight: 700; }
.distance-lens-comparison > p { margin: .35rem 0 .8rem; color: #a8bdd2; font-size: .8rem; }
.distance-lens-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; }
.distance-lens-options button { text-align: left; display: grid; gap: .7rem; padding: .9rem; min-width: 0; border: 1px solid #42566d; border-radius: .75rem; background: #112034; color: #e2e8f0; }
.distance-lens-options button[aria-pressed="true"] { border-color: #7dd3fc; background: #173950; }
.distance-lens-options button:disabled { opacity: .6; }
.distance-lens-options strong { font-size: .85rem; }
.distance-lens-fit { font-size: .72rem; color: #a7f3d0; }
[data-fits="false"] .distance-lens-fit { color: #fde68a; }
.distance-lens-bar { position: relative; display: block; height: 9px; background: #24354a; border-radius: 3px; }
.distance-lens-bar i { display: block; height: 100%; background: #38bdf8; border-radius: 3px; }
.distance-lens-bar b { position: absolute; top: -4px; bottom: -4px; width: 2px; background: #fff; transform: translateX(-2px); }
@media(max-width:767px) { .distance-lens-options { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.crop-match-bridge { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: .65rem; width: 100%; margin-top: 1rem; }
.crop-match-card { display: grid; gap: .35rem; padding: .65rem; border: 1px solid #3e536b; border-radius: .75rem; background: #101c2e; min-width: 0; }
.crop-match-card > span { font-size: .78rem; color: #bfd0e4; }
.crop-match-card > strong { font-size: 1.7rem; line-height: 1.3; color: white; }
.crop-match-card img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: .3rem; }
.crop-match-target { border-color: #38bdf8; background: #102c40; }
.crop-match-ratio { font-size: .8rem; color: #7dd3fc; white-space: nowrap; }
#le-matched-value > div { font-size: 1.7rem; margin: 0; line-height: 1.3; }
#le-matched-value .tool-primary-result { font-size: inherit; }
#le-matched-value .text-2xl { font-size: 1rem; }
.crop-match-caption { margin: .65rem 0 1rem; font-size: .72rem; color: #9fb7ce; }
.crop-equivalence-workspace > .crop-sensor-explanation { grid-column: 1 / -1; grid-row: 3; margin: 0; height: auto; }
.crop-photo-comparison { grid-column: 1 / -1; grid-row: 2; padding: 1rem; background: #101e30; border: 1px solid #3e536b; border-radius: .75rem; min-width: 0; }
.crop-preview-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.crop-preview-header h2 { font-weight: 700; color: #f1f5f9; font-size: 1rem; }
.crop-preview-modes { display: flex; gap: .3rem; padding: .2rem; background: #081323; border: 1px solid #405169; border-radius: .6rem; }
.crop-preview-modes button { min-height: 44px; padding: .5rem .9rem; border-radius: .4rem; font-size: .8rem; font-weight: 700; color: #bdcce0; }
.crop-preview-modes button[aria-pressed="true"] { color: white; background: #2563eb; }
.crop-preview-modes button:focus-visible { outline: 2px solid #7dd3fc; outline-offset: 2px; }
#le-preview-explanation { font-size: .85rem; line-height: 1.55; color: #c9d8e8; margin: .7rem 0; }
.crop-photo-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto auto; gap: .8rem; }
.crop-photo-pair figure { margin: 0; min-width: 0; display: grid; grid-template-rows: subgrid; grid-row: span 2; row-gap: 0; }
.crop-photo-pair figcaption { font-size: .85rem; font-weight: 700; color: #e0f2fe; padding: .4rem 0; }
.crop-photo-window { position: relative; aspect-ratio: 16/9; overflow: hidden; border-radius: .4rem; background: #020617; }
.crop-photo-window img { display: block; width: 100%; height: 100%; object-fit: cover; transform-origin: center; }
.crop-photo-note { margin: .7rem 0 0; font-size: .72rem; color: #9fb7ce; line-height: 1.5; }
.crop-equivalence-workspace #le-matched-value #le-result-val { font-size: 1.7rem; }
.crop-sensor-explanation .crop-advanced { height: 240px; }
.crop-sensor-explanation > p { margin-top: .65rem; }
@media(max-width:767px) {
    .crop-match-bridge { gap: .35rem; }
    .crop-match-card { padding: .45rem; }
    .crop-match-ratio { font-size: .65rem; }
    .crop-sensor-explanation { order: 3; }
    .crop-photo-comparison { order: 2; padding: .75rem; }
    .crop-preview-header { align-items: stretch; flex-direction: column; gap: .6rem; }
    .crop-preview-modes button { flex: 1; }
    .crop-photo-pair { gap: .5rem; }
    .crop-photo-pair figcaption { font-size: .72rem; min-height: 2.8rem; }
    .crop-equivalence-workspace > section:nth-child(2) { order: -1; }
    .crop-equivalence-workspace > section:nth-child(2) > .grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .crop-equivalence-workspace > section:nth-child(2) label { grid-template-columns: minmax(0,1fr); min-width: 0; }
    .crop-equivalence-workspace > section:nth-child(2) label:nth-child(n+3) { grid-column: 1 / -1; }
}
.tool-quiet-action, .fov-compare-button {
    min-height: 44px;
    padding: 0.6rem 0.85rem;
    border: 1px solid #52677e;
    border-radius: 0.6rem;
    background: #142237;
    color: #e2e8f0;
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
}
.tool-quiet-action { margin-top: 0.75rem; }
.tool-quiet-action:hover, .fov-compare-button:hover { background: #21364f; }
.tool-quiet-action:disabled { opacity: 0.6; cursor: default; }
.fov-compare-button { position: absolute; top: 0.6rem; left: 0.6rem; z-index: 2; max-width: calc(100% - 1.2rem); background: #0b1627ed; }
.fov-compare-button[aria-pressed="true"] { border-color: #7dd3fc; }
.fov-presets button[aria-pressed="true"] { background: #174983; border-color: #7dd3fc; color: #fff; }
.tool-optional-settings { margin-top: 0.8rem; border-top: 1px solid #334155; color: #cbd5e1; font-size: 0.85rem; }
.tool-optional-settings > summary { cursor: pointer; min-height: 44px; padding-block: 0.65rem; }
.tool-optional-settings .fov-advanced { margin: 0; padding: 0.65rem 0; border: 0; flex-wrap: wrap; }
.tool-optional-settings .fov-source-settings { margin-block: 0.5rem; }
.tool-optional-settings p { font-size: 0.8rem; line-height: 1.6; }
.crop-diagram-heading { padding: 0.6rem 0.8rem; font-size: 0.8rem; font-weight: 600; color: #cbd5e1; background: #132034; }
.crop-diagram-scene { position: relative; flex: 1; min-height: 0; width: 100%; }
.crop-diagram-scene span { max-width: 100%; white-space: normal; font-size: 0.68rem; line-height: 1.25; }
.crop-equivalence-workspace #le-result-desc { margin-top: 0.75rem; font-size: 0.85rem; line-height: 1.5; }
.crop-equivalence-workspace > p:last-child { margin: 0; font-size: 0.8rem; line-height: 1.5; }
.learning-lab .learning-lab-activity { grid-template-columns: minmax(0, 1fr); }
.learning-lab .learning-lab-activity-copy { display: none; }
.learning-lab .learning-lab-activity-group { grid-template-columns: auto minmax(0, 1fr); }
.learning-lab .learning-lab-activity-group > p { grid-column: 2; margin: 0; }
.learning-lab .learning-lab-lesson { padding: 0.3rem 0; border: 0; background: none; }
.learning-lab .learning-lab-task { margin: 0; }
.learning-lab .learning-lab-explanation { margin-top: 0; padding-top: 0; }
.learning-lab-explanation > .learning-lab-lesson-heading { margin-top: 0.5rem; }
.learning-lab .learning-lab-control-grid { gap: 1rem; }
.learning-lab .learning-lab-meter-readout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.learning-lab .learning-lab-meter-readout > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
.tool-next-step {
    padding: 0.85rem 0;
    border: 0;
    border-top: 1px solid #334155;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    gap: 0.5rem 1rem;
}
.tool-next-step .tool-next-related { padding: 0.5rem 0; border: 0; background: none; gap: 0.25rem; box-shadow: none; }
.tool-next-step .tool-next-label { display: none; }
.tool-next-step .tool-next-related strong { font-size: 0.9rem; color: #bae6fd; }
.tool-next-step .tool-next-related > span:last-child { font-size: 0.8rem; line-height: 1.5; }
.tool-next-step .tool-next-directory { padding: 0.5rem 0; min-height: 44px; font-size: 0.85rem; }
@media (min-width: 900px) {
    .learning-lab .learning-lab-layout { grid-template-columns: minmax(0, 1.4fr) minmax(360px, 1fr); align-items: start; }
}
@media (min-width: 768px) {
    .crop-equivalence-workspace { grid-template-columns: minmax(320px, 1fr) minmax(0, 1fr); }
    .crop-equivalence-workspace > section:first-child { grid-column: 2; grid-row: 1; }
    .crop-equivalence-workspace > section:nth-child(2) { grid-column: 1; grid-row: 1; }
    .crop-equivalence-workspace > .crop-advanced { grid-column: 2; grid-row: 2; height: 250px; }
    .crop-equivalence-workspace > p:last-child { grid-column: 2; grid-row: 3; }
}
@media (max-width: 767px) {
    .exposure-experiments { order: -1; }
    /* Manipulate the photograph before reading the detailed diagnostics. */
    .learning-lab .learning-lab-layout { display: flex; flex-direction: column; align-items: stretch; gap: .7rem; }
    .learning-lab .learning-lab-visual { display: contents; }
    .learning-lab .learning-lab-visual-head { order: 0; position: relative; inset: auto; min-height: 0; padding: .65rem .8rem; background: #122237; border-radius: .6rem; }
    .learning-lab .learning-photo-stage { order: 1; border: 1px solid #334b63; border-radius: .7rem; overflow: hidden; }
    .learning-lab .flash-light-mix, .learning-lab .meter-preview-controls { order: 2; }
    .learning-lab .learning-lab-controls { order: 3; }
    .learning-lab .learning-lab-live-strip { order: 5; margin: 0; }
    .learning-lab .learning-lab-histogram { order: 6; margin: 0; }
    .crop-equivalence-workspace > .crop-advanced { order: 3; }
    .crop-equivalence-workspace > p:last-child { order: 4; }
    .learning-lab .learning-lab-activity-group { grid-template-columns: 1fr; gap: 0.35rem; }
    .learning-lab .learning-lab-activity-group > p { grid-column: 1; font-size: 0.75rem; }
    #vsf-use-required { width: 100%; }
}
@media (max-width: 767px) and (max-height: 699px) {
    .exposure-triangle-scene { position: relative !important; top: auto; }
}
/* Focused lens tools: generous previews, one control per row. */
.tool-shell-stack:has([data-tool-id="field-of-view-simulator"]),
.tool-shell-stack:has([data-tool-id="lens-equivalence-calculator"]),
.tool-shell-stack:has([data-tool-id="reverse-dof-calculator"]) { max-width: 1880px; }
.fov-framing-workspace { display: block; width: 100%; min-width: 0; align-self: center; }
.tool-experience[data-tool-id="field-of-view-simulator"] #fz-container { width: 100%; height: auto; aspect-ratio: 16/9; }
.fov-context { position: absolute; right: 12px; bottom: 12px; z-index: 15; width: clamp(125px, 21%, 220px); display: block; padding: 5px; background: #071321e8; border: 1px solid #7d9cb4; border-radius: .5rem; cursor: default; }
.fov-map-heading { display: flex; justify-content: space-between; align-items: center; gap: .3rem; padding-left: .25rem; font-size: .7rem; color: #d5e7f6; }
#fov-center { min-width: 44px; min-height: 44px; font-size: 1.25rem; border-radius: .3rem; }
.fov-navigator { display: block; position: relative; width: 100%; padding: 0; border: 0; aspect-ratio: 16/9; cursor: crosshair; touch-action: none; }
.fov-navigator img { pointer-events: none; }
#fov-crop-window { pointer-events: none; }
.fov-navigator:focus-visible, #fov-center:focus-visible { outline: 2px solid #7dd3fc; outline-offset: 2px; }
/* Phone framing: the photograph stays clear; comparison and map live in the dock. */
@media (max-width: 767px) {
 body:has(#view-tool-shell:not(.hidden) [data-tool-id="field-of-view-simulator"]) .site-header-inner { min-height: 48px; }
 #view-tool-shell:has([data-tool-id="field-of-view-simulator"]) { padding: 6px 10px 16px !important; }
 .tool-shell-stack:has([data-tool-id="field-of-view-simulator"]) { gap: 6px; }
 .tool-shell-stack:has([data-tool-id="field-of-view-simulator"]) .tool-shell-header { min-height: 44px; padding-bottom: 0; border: 0; align-items: center; gap: 8px; }
 .tool-shell-stack:has([data-tool-id="field-of-view-simulator"]) #tool-shell-title { font-size: 1.1rem; line-height: 1.15; }
 .tool-shell-stack:has([data-tool-id="field-of-view-simulator"]) #tool-shell-description { display: none !important; }
 .tool-experience[data-tool-id="field-of-view-simulator"] { padding: 0 !important; border: 0; background: none; }
 .tool-experience .fov-workspace { gap: 8px !important; }
 .tool-experience .fov-controls { padding: 8px 10px !important; gap: 4px !important; }
 .fov-controls > div:first-child { min-height: 32px; }
 .fov-controls > div:first-child > div:last-child { font-size: 1.3rem; padding: 2px 8px; }
 .fov-controls > div:has(> #fov-input-slider) { height: 44px; }
 #fov-input-slider { height: 44px !important; }
 .fov-controls .fov-presets { gap: 4px; margin: 0; }
 .fov-controls .fov-presets button { min-height: 44px; padding: 5px 2px; font-size: .75rem; }
 .fov-mobile-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
 .fov-mobile-actions .fov-compare-button { position: static; max-width: none; }
 .fov-mobile-actions button { min-height: 44px; height: 44px; margin: 0; padding: 6px 8px; font-size: .75rem; }
 .fov-mobile-actions [aria-expanded="true"] { border-color: #7dd3fc; background: #173b55; }
 .fov-controls #fov-crop-summary { font-size: .68rem; line-height: 1.35; margin: 0; }
 .fov-frame-label { display: none; }
 .fov-workspace #fz-container > div:not(#fov-mobile-map) { display: none; }
 #fov-mobile-map[hidden] { display: none; }
}
.crop-equivalence-workspace { display: grid !important; grid-template-columns: minmax(0, 1fr) 300px; align-items: start; }
.crop-equivalence-workspace > section[aria-labelledby="le-setup-heading"] { grid-column: 2; grid-row: 1; padding: 1.1rem; }
.crop-equivalence-workspace > section[aria-labelledby="le-setup-heading"] > .grid { grid-template-columns: minmax(0,1fr); gap: 1rem; }
.crop-equivalence-workspace label { display: grid; grid-template-columns: minmax(0,1fr); min-width: 0; }
.crop-equivalence-workspace #le-input-focal, .crop-equivalence-workspace #le-custom-focal { font-size: 1rem; }
.crop-equivalence-workspace #le-custom-focal-wrap, .crop-equivalence-workspace .crop-focal-hint { grid-column: 1 / -1; }
.crop-equivalence-workspace #le-custom-focal-wrap[hidden] { display: none; }
.crop-equivalence-workspace .crop-focal-hint { margin: -.35rem 0 0; line-height: 1.4; }
.crop-equivalence-workspace .crop-simple-answer { margin-top: 1.25rem; padding: 1.1rem 0 0; border: 0; border-top: 1px solid #3a5269; border-radius: 0; background: none; }
.crop-equivalence-workspace > section.crop-photo-comparison { grid-column: 1; grid-row: 1; margin: 0; order: 1; }
.crop-photo-window { aspect-ratio: 3/2; }
.crop-equivalence-workspace #le-result-desc { font-size: .9rem; }
@media(min-width: 768px) {
 .fov-frame-label[data-framing="selected"] { display: none; }
 .tool-experience[data-tool-id="field-of-view-simulator"] > div { grid-template-columns: minmax(0,1fr) minmax(280px,340px); align-items: center; gap: 1.2rem !important; }
}
@media(max-width: 767px) {
 .crop-equivalence-workspace { grid-template-columns: minmax(0,1fr); }
 .crop-equivalence-workspace > section[aria-labelledby="le-setup-heading"], .crop-equivalence-workspace > section.crop-photo-comparison { grid-column: 1; grid-row: auto; }
 .crop-equivalence-workspace > section[aria-labelledby="le-setup-heading"] { order: 0; }
}
@media(max-width: 767px) {
 .fov-context { right: 6px; bottom: 6px; width: 110px; padding: 3px; }
 .fov-map-heading { font-size: .58rem; gap: 0; }
 #fov-center { min-width: 44px; }
 .fov-frame-label { bottom: .4rem; left: .4rem; max-width: calc(100% - 130px); font-size: .62rem; }
 .crop-equivalence-workspace > section[aria-labelledby="le-setup-heading"] label { grid-column: auto; }
}

.crop-equivalence-workspace > section.crop-photo-comparison p { display: block; }
@media (max-width: 767px) {
 .crop-photo-pair { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; gap: .85rem; }
 .crop-photo-pair figure { display: block; grid-row: auto; }
 .crop-photo-pair figcaption { min-height: 0; }
 .crop-photo-window { aspect-ratio: 16/9; }
}

.crop-label-compact, #le-mobile-answer-label, .crop-mobile-explanation { display: none; }
.et-mobile-copy, .et-mobile-picker, .et-mobile-actions, .et-examples-sheet, .et-mobile-details { display: none; }
@media (max-width: 767px), (max-width: 959px) and (max-height: 500px) {
 body:has(#view-tool-shell:not(.hidden) [data-tool-id="exposure-triangle-simulator"]) .site-header-inner { min-height: 48px; }
 #view-tool-shell:has([data-tool-id="exposure-triangle-simulator"]) { padding: 6px 10px 16px !important; }
 .tool-shell-stack:has([data-tool-id="exposure-triangle-simulator"]) { gap: 6px; }
 .tool-shell-stack:has([data-tool-id="exposure-triangle-simulator"]) .tool-shell-header { min-height: 44px; padding-bottom: 0; border: 0; align-items: center; gap: 8px; }
 .tool-shell-stack:has([data-tool-id="exposure-triangle-simulator"]) #tool-shell-title { font-size: 1.1rem; line-height: 1.15; }
 .tool-shell-stack:has([data-tool-id="exposure-triangle-simulator"]) #tool-shell-description { display: none !important; }
 .tool-experience[data-tool-id="exposure-triangle-simulator"] { padding: 0 !important; border: 0; background: none; }
 .tool-experience .exposure-triangle-workspace { display: grid !important; grid-template-columns: minmax(0,1fr); gap: 8px !important; }
 .exposure-preview-group { display: block; min-width: 0; }
 .exposure-scene-heading { display: none; }
 .exposure-preview-note { display: none; }
 .tool-experience[data-tool-id="exposure-triangle-simulator"] .exposure-triangle-scene { position: relative !important; top: auto; height: var(--et-mobile-scene-height, auto); aspect-ratio: 16/10; }
 .tool-experience .exposure-triangle-controls { position: relative; display: flex !important; flex-direction: column; gap: 4px; padding: 6px 10px; border: 1px solid #35485e; border-radius: .75rem; background: #142236; }
 .exposure-triangle-controls > .et-setting-card { padding: 0; margin: 0; gap: 0; border: 0; background: none; }
 .et-setting-card[hidden] { display: none !important; }
 .et-setting-card > div { display: none; }
 .et-setting-card > p { margin: 0; font-size: .7rem; line-height: 1.35; }
 .et-setting-card input[type="range"] { width: 100%; height: 44px; margin: 0; background: transparent !important; }
 .et-setting-card input[type="range"]::-webkit-slider-runnable-track { height: 6px; border-radius: 999px; background: #52677e; }
 .et-setting-card input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; margin-top: -9px; border: 2px solid #b9e7fa; border-radius: 50%; background: #38bdf8; }
 .et-setting-card input[type="range"]::-moz-range-track { height: 6px; border: 0; border-radius: 999px; background: #52677e; }
 .et-setting-card input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; border: 2px solid #b9e7fa; border-radius: 50%; background: #38bdf8; }
 .exposure-triangle-controls > .et-mobile-picker { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; padding: 0; border: 0; background: none; }
 .et-mobile-picker button { min-height: 52px; padding: 4px 2px; border: 1px solid transparent; border-radius: .4rem; background: none; color: #c8dced; font-size: .75rem; font-weight: 600; }
 .et-mobile-picker button span { display: block; }
 .et-mobile-picker button span:last-child { margin-top: 2px; color: #e0f2fe; font-variant-numeric: tabular-nums; }
 .et-mobile-picker button[aria-pressed="true"] { background: #173b55; border-color: #7dd3fc; }
 .et-desktop-copy { display: none; }
 .et-mobile-copy { display: inline; }
 .exposure-triangle-controls > .exposure-focus-row { order: 0; gap: 6px; padding: 0; border: 0; background: none; }
 .exposure-focus-row button { height: 44px; margin: 0; padding: 4px; text-transform: none; font-size: .75rem; }
 .exposure-triangle-controls > .et-mobile-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; padding: 0; border: 0; background: none; }
 .et-mobile-actions .exposure-auto-control { grid-column: auto; margin: 0; padding: 0; border: 1px solid #52677e; border-radius: .6rem; background: #142237; }
 .et-mobile-actions .exposure-auto-control label { justify-content: center; gap: 6px; height: 44px; font-size: .75rem; }
 .et-mobile-actions .exposure-auto-control p, .et-mobile-actions #et-auto-status { display: none; }
 .et-mobile-actions button, .et-sheet-header button { min-height: 44px; padding: 4px 8px; border: 1px solid #52677e; border-radius: .6rem; color: #e2e8f0; background: #142237; font-size: .75rem; font-weight: 600; }
 .exposure-triangle-controls > .exposure-camera-hud { position: static; padding: 2px 0 0; margin: 0; border: 0; background: none; box-shadow: none; font-size: .7rem; }
 #et-camera-settings { display: none; }
 .et-examples-sheet[hidden] { display: none !important; }
 .exposure-triangle-controls > .et-examples-sheet { display: block; position: absolute; inset: 0; z-index: 25; padding: 8px 10px; border: 1px solid #7dd3fc; border-radius: .75rem; background: #142236; overflow-y: auto; }
 .et-sheet-header { display: flex; justify-content: space-between; align-items: center; gap: 6px; font-size: .8rem; color: #e0f2fe; }
 .et-examples-sheet .exposure-experiments { padding: 0; margin-top: 4px; border: 0; background: none; }
 .et-examples-sheet .exposure-experiments > strong { display: none; }
 .et-examples-sheet .exposure-experiment-pairs { margin-top: 0; gap: 4px; }
 .et-examples-sheet #et-experiment-note { font-size: .7rem; margin-top: 5px; line-height: 1.35; }
 .et-mobile-details { display: block; }
 .et-mobile-details > .tool-advanced-only { position: static; }
 .et-mobile-details .exposure-camera-hud { display: none; }
 .et-mobile-details :is(.exposure-reading, #et-status-summary, .exposure-model-note) { position: static; }
}
@media (min-width: 600px) and (max-width: 959px) and (max-height: 500px) {
 .tool-shell-stack:has([data-tool-id="exposure-triangle-simulator"]) .tool-shell-header { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; }
 .tool-shell-stack:has([data-tool-id="exposure-triangle-simulator"]) :is(.tool-shell-mobile-back,.tool-shell-mobile-menu) { display: block; }
 .tool-shell-stack:has([data-tool-id="exposure-triangle-simulator"]) :is(.tool-shell-breadcrumb,.tool-shell-kicker,.tool-shell-actions) { display: none; }
 .tool-shell-stack:has([data-tool-id="exposure-triangle-simulator"]) .tool-shell-mobile-menu { position: relative; }
 .tool-shell-stack:has([data-tool-id="exposure-triangle-simulator"]) :is(.tool-shell-mobile-back,#tool-mobile-more) { min-height: 44px; padding: 8px 12px; }
 .tool-shell-stack:has([data-tool-id="exposure-triangle-simulator"]) .tool-shell-mobile-actions { position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; width: 180px; padding: 8px; background: #0f172a; border: 1px solid #486378; border-radius: 8px; }
 .tool-shell-stack:has([data-tool-id="exposure-triangle-simulator"]) .tool-shell-mobile-actions[hidden] { display: none !important; }
 .tool-shell-stack:has([data-tool-id="exposure-triangle-simulator"]) .tool-shell-mobile-actions button { min-height: 44px; width: 100%; }
 .tool-experience .exposure-triangle-workspace { grid-template-columns: minmax(0,1fr) 240px; align-items: start; }
 .exposure-preview-group { grid-column: 1; grid-row: 1; }
 .exposure-triangle-controls { grid-column: 2; grid-row: 1; }
}
/* Keep both equal-size crop photographs visible while operating the phone controls. */
@media (max-width: 767px), (max-width: 959px) and (max-height: 500px) {
 body:has(#view-tool-shell:not(.hidden) [data-tool-id="lens-equivalence-calculator"]) .site-header-inner { min-height: 48px; }
 #view-tool-shell:has([data-tool-id="lens-equivalence-calculator"]) { padding: 6px 10px 16px !important; }
 .tool-shell-stack:has([data-tool-id="lens-equivalence-calculator"]) { gap: 6px; }
 .tool-shell-stack:has([data-tool-id="lens-equivalence-calculator"]) .tool-shell-header { min-height: 44px; padding-bottom: 0; border: 0; align-items: center; gap: 8px; }
 .tool-shell-stack:has([data-tool-id="lens-equivalence-calculator"]) #tool-shell-title { font-size: 1.1rem; line-height: 1.15; }
 .tool-shell-stack:has([data-tool-id="lens-equivalence-calculator"]) #tool-shell-description { display: none !important; }
 .tool-experience[data-tool-id="lens-equivalence-calculator"] { padding: 0 !important; border: 0; background: none; }
 .crop-equivalence-workspace { height: var(--le-mobile-height, calc(100svh - 116px)); min-height: 350px; grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr) auto; gap: 8px !important; }
 .crop-equivalence-workspace > section.crop-photo-comparison { order: 0; grid-column: 1; grid-row: 1; height: 100%; display: grid; grid-template-rows: auto minmax(0,1fr); gap: 4px; padding: 0; border: 0; background: none; }
 .crop-preview-header h2 { font-size: .75rem; font-weight: 600; color: #bdd7e8; }
 .crop-photo-comparison > .crop-photo-note { display: none !important; }
 .crop-photo-pair { height: 100%; min-height: 0; grid-template-columns: minmax(0,1fr); grid-template-rows: repeat(2,minmax(0,1fr)); gap: 6px; }
 .crop-photo-pair figure { display: grid; grid-template-rows: auto minmax(0,1fr); grid-row: auto; height: 100%; min-height: 0; }
 .crop-photo-pair figcaption { padding: 0 0 3px; font-size: .72rem; line-height: 1.25; }
 .crop-photo-pair .crop-photo-window { height: 100%; min-height: 0; aspect-ratio: auto; }
 .crop-equivalence-workspace > section[aria-labelledby="le-setup-heading"] { order: 1; grid-column: 1; grid-row: 2; padding: 8px 10px; }
 .crop-equivalence-workspace #le-setup-heading, .crop-equivalence-workspace #le-setup-heading + p, .crop-focal-hint, .crop-label-full { display: none; }
 .crop-label-compact { display: inline; }
 .crop-equivalence-workspace > section[aria-labelledby="le-setup-heading"] > .grid { position: relative; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px 8px; align-items: end; }
 .crop-equivalence-workspace > section[aria-labelledby="le-setup-heading"] > .grid > label { grid-column: auto; }
 .crop-equivalence-workspace label { gap: 3px; font-size: .7rem; line-height: 1.2; }
 .crop-equivalence-workspace :is(select, #le-custom-focal) { width: 100%; min-width: 0; height: 44px; min-height: 44px; padding: 5px 7px; font-size: .75rem !important; }
 /* A custom millimetre entry shares the lens field; its dropdown arrow remains
    a full touch target for returning to a common lens without adding a row. */
 .crop-equivalence-workspace #le-custom-focal-wrap:not([hidden]) { position: absolute; left: 0; top: calc(.7rem * 1.2 + 3px); z-index: 1; width: calc(50% - 48px); }
 .crop-equivalence-workspace #le-custom-focal-wrap .crop-custom-label,
 .crop-equivalence-workspace #le-custom-focal-wrap label > span > span { display: none; }
 .crop-equivalence-workspace .grid:has(#le-custom-focal-wrap:not([hidden])) #le-input-focal { color: transparent; }
 .crop-equivalence-workspace #le-input-focal option { color: #fff; }
 .crop-equivalence-workspace #le-swap-formats { height: 44px; margin: 0; padding: 5px 7px; font-size: .72rem; }
 .crop-equivalence-workspace .crop-simple-answer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 6px; margin-top: 6px; padding: 6px 0 0; text-align: left; }
 .crop-simple-answer .crop-answer-title, .crop-simple-answer #le-result-desc { display: none; }
 #le-mobile-answer-label { display: block; font-size: .7rem; line-height: 1.3; color: #a7edce; text-transform: none; letter-spacing: normal; }
 .crop-simple-answer > div { margin: 0; flex-shrink: 0; font-size: 1.7rem; }
 .crop-simple-answer #le-result-val { font-size: inherit; }
 .crop-simple-answer > div .text-2xl { font-size: .8rem; }
 .crop-mobile-explanation { display: block; margin-top: 10px; }
 .crop-mobile-explanation p { font-size: .75rem; line-height: 1.5; color: #c9d8e8; }
}
@media (min-width: 600px) and (max-width: 959px) and (max-height: 500px) {
 .tool-shell-stack:has([data-tool-id="lens-equivalence-calculator"]) .tool-shell-header { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; }
 .tool-shell-stack:has([data-tool-id="lens-equivalence-calculator"]) :is(.tool-shell-mobile-back,.tool-shell-mobile-menu) { display: block; }
 .tool-shell-stack:has([data-tool-id="lens-equivalence-calculator"]) :is(.tool-shell-breadcrumb,.tool-shell-kicker,.tool-shell-actions) { display: none; }
 .tool-shell-stack:has([data-tool-id="lens-equivalence-calculator"]) .tool-shell-mobile-menu { position: relative; }
 .tool-shell-stack:has([data-tool-id="lens-equivalence-calculator"]) :is(.tool-shell-mobile-back,#tool-mobile-more) { min-height: 44px; padding: 8px 12px; }
 .tool-shell-stack:has([data-tool-id="lens-equivalence-calculator"]) .tool-shell-mobile-actions { position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; width: 180px; padding: 8px; background: #0f172a; border: 1px solid #486378; border-radius: 8px; }
 .tool-shell-stack:has([data-tool-id="lens-equivalence-calculator"]) .tool-shell-mobile-actions[hidden] { display: none !important; }
 .tool-shell-stack:has([data-tool-id="lens-equivalence-calculator"]) .tool-shell-mobile-actions button { min-height: 44px; width: 100%; }
 .crop-equivalence-workspace { min-height: 0; grid-template-columns: minmax(0,1fr) 280px; grid-template-rows: minmax(0,1fr); align-items: start; }
 .crop-equivalence-workspace > section[aria-labelledby="le-setup-heading"] { grid-column: 2; grid-row: 1; }
 .crop-photo-pair { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: minmax(0,1fr); }
}