.tm-workspace { display: none !important; }
@media (max-width:767px), (max-width:959px) and (max-height:500px) {
 body:has(.tm-active) .site-header-inner { min-height:48px; }
 #view-tool-shell:has(.tm-active) { padding:6px 10px 16px !important; }
 .tool-shell-stack:has(.tm-active) { gap:6px; }
 .tool-shell-stack:has(.tm-active) .tool-shell-header { min-height:44px; padding-bottom:0; border:0; align-items:center; gap:8px; }
 .tool-shell-stack:has(.tm-active) #tool-shell-title { font-size:1.1rem; line-height:1.15; }
 .tool-shell-stack:has(.tm-active) #tool-shell-description { display:none; }
 .tm-active.tool-experience { padding:0 !important; border:0; background:none; }
 .tm-active > :not(.tm-workspace) { display:none !important; }
 #tool-mount-point.tm-active > .tm-workspace { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:6px !important; }
 #tool-mount-point.tm-active > .tm-workspace > .tm-visual { grid-column:1 !important; grid-row:1 !important; order:0 !important; }
 #tool-mount-point.tm-active > .tm-workspace > .tm-dock { grid-column:1 !important; grid-row:2 !important; order:0 !important; display:flex; min-height:0 !important; height:auto !important; grid-template-rows:none !important; }
 #tool-mount-point.tm-active > .tm-workspace:has(#vsf-stage) > .tm-dock { display:grid; }
 .tm-workspace * { box-sizing:border-box; min-width:0; }
 .tm-workspace [hidden] { display:none !important; }
 .tm-visual { overflow:hidden; min-height:120px; border:1px solid #35485e; border-radius:12px; background:#08121c; }
 .tm-visual .learning-photo-stage { width:100%; height:100%; min-height:0; aspect-ratio:auto; border:0; border-radius:0; }
 .tm-visual canvas { display:block; }
 .tm-dock { position:relative; display:flex; flex-direction:column; gap:4px; padding:6px 8px; border:1px solid #35485e; border-radius:12px; background:#142236; }
 .tm-dock :is(button,select,input[type=number],input[type=range]) { min-height:44px; }
 .tm-workspace :is(button,select,input):focus-visible { outline:3px solid #7dd3fc; outline-offset:2px; }
 .tm-dock > label, .tm-field-grid > :is(label,div) { display:grid; gap:0; font-size:12px; line-height:18px; color:#c8dced; }
 .tm-dock > label:has(> select) { font-size:0; line-height:0; }
 .tm-dock > label:has(> input[type=range]) { grid-template-columns:minmax(0,1fr) auto; }
 .tm-dock > label > output { grid-column:2; grid-row:1; }
 .tm-dock > label > input[type=range] { grid-column:1/-1; }
 .tm-dock select, .tm-dock input[type=number] { width:100%; height:44px; padding:6px; background:#0e1a2c; color:#e2e8f0; border:1px solid #52677e; border-radius:6px; font-size:13px; }
 #tool-mount-point.tm-active .tm-workspace :is(select,input[type=number]) { font-size:16px; }
 .tm-dock input[type=range] { width:100%; height:44px; margin:0; background:transparent !important; appearance:none; cursor:pointer; }
 .tm-dock input[type=range]::-webkit-slider-runnable-track { height:6px; border-radius:999px; background:#52677e; }
 .tm-dock input[type=range]::-webkit-slider-thumb { appearance:none; width:24px; height:24px; margin-top:-9px; border:2px solid #b9e7fa; border-radius:50%; background:#38bdf8; }
 .tm-dock input[type=range]::-moz-range-track { height:6px; border-radius:999px; background:#52677e; }
 .tm-dock input[type=range]::-moz-range-thumb { width:20px; height:20px; border:2px solid #b9e7fa; border-radius:50%; background:#38bdf8; }
 .tm-dock output { color:#7dd3fc; font-variant-numeric:tabular-nums; }
 .tm-dock .tm-control-choice { display:none; }
 .tm-dock label.tm-control-choice.tm-selected { display:block; font-size:0; line-height:0; }
 .tm-dock label.tm-control-choice > output { display:none; }
 .tm-dock .ev4-setting.tm-control-choice.tm-selected { display:block; }
 .tm-dock > .tm-picker { order:-2; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:4px; }
 .tm-picker button { padding:3px; min-height:48px; color:#c8dced; border:1px solid transparent; border-radius:6px; background:none; font-size:11px; line-height:16px; }
 .tm-picker :is(span,b) { display:block; }
 .tm-picker button[aria-pressed=true] { border-color:#7dd3fc; background:#173b55; }
 .tm-dock .learning-lab-switch { display:flex; flex-direction:row; align-items:center; gap:7px; min-height:44px; padding:0; border:0; background:none; font-size:12px; }
 .tm-dock .learning-lab-switch input { width:20px; height:20px; min-height:20px; accent-color:#38bdf8; }
 .tm-dock .learning-lab-view-switch { display:block; margin:0; padding:0; border:0; background:none; }
 .tm-dock .learning-lab-view-switch > span { display:none; }
 .tm-dock .learning-lab-view-switch > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
 .tm-dock .learning-lab-view-switch button { min-height:44px; padding:4px; font-size:11px; background:#102034; border:1px solid #52677e; border-radius:6px; color:#e2e8f0; }
 .tm-dock .learning-lab-view-switch button[aria-pressed=true] { background:#173b55; border-color:#7dd3fc; }
 .tm-more, .tm-sheet-close { min-height:44px; padding:5px 8px; border:1px solid #52677e; border-radius:6px; background:#102034; color:#e2e8f0; font-size:12px; font-weight:600; }
 .tm-dock > .tm-more { order:10; }
 .tm-dock > .tm-sheet { position:absolute; inset:0; z-index:35; padding:6px 8px; border:1px solid #7dd3fc; border-radius:12px; background:#142236; overflow:auto; overscroll-behavior:contain; }
 .tm-sheet-head { position:sticky; top:-6px; z-index:2; display:flex; align-items:center; justify-content:space-between; padding-bottom:5px; background:#142236; color:#e0f2fe; font-size:13px; }
 .tm-sheet-content { display:grid; gap:10px; font-size:12px; color:#c8dced; }
 .tm-sheet-content :is(select,input[type=number]) { min-height:44px; }
 .tm-sheet-content > label { display:grid; }
 .tm-sheet-content .learning-lab-control-grid { display:grid; gap:8px; }
 .tm-sheet-content .learning-lab-activity-group { display:block; }
 .tm-sheet-content .learning-lab-activity-group > p { display:none; }
 .tm-sheet-content .learning-lab-visual-head { display:none; }
 .tm-sheet-content .learning-lab-switch { display:flex; align-items:center; min-height:44px; }
 .tm-sheet-content .learning-lab-lesson { padding:4px; }
 .tm-dock .lab-experiments { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
 .tm-dock .lab-experiments button { display:block; min-height:44px; padding:4px; font-size:11px; }
 .tm-dock .lab-experiments button strong { font-size:10px; line-height:12px; display:block; }
 .tm-dock .lab-experiments button span { display:none; }
 .tm-dock .flash-restore { padding:0; border:0; background:none; }
 .tm-dock .flash-restore p { margin:2px 0; font-size:11px; line-height:1.35; }
 .tm-dock .flash-restore button { margin:0; min-height:44px; padding:4px; font-size:11px; text-align:center; }
 .tm-dock .meter-preview-controls { display:grid; gap:3px; padding:0; border:0; background:none; }
 .tm-dock .meter-preview-controls button { width:100%; font-size:12px; padding:4px; }
 .tm-dock .meter-preview-controls span { display:block; font-size:11px; line-height:1.35; text-align:center; }
 .tm-dock .flash-light-mix { padding:3px 0; border:0; background:none; }
 .tm-dock .flash-light-mix > span { font-size:10px; line-height:12px; }
 .tm-dock .flash-mix-labels { margin:2px 0; font-size:11px; line-height:14px; }
 .tm-dock .flash-mix-bar { height:5px; }
 .tm-dock .lab-scene-guidance { padding:4px 0; gap:6px; border:0; background:none; }
 .tm-dock .lab-scene-guidance p { font-size:11px; line-height:1.4; }
 .tm-dock .lab-scene-guidance button { min-height:44px; font-size:11px; padding:4px 8px; }
 .tm-dock .meter-exposure-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
 .tm-dock .meter-exposure-steps button { min-height:44px; padding:4px; font-size:11px; }
 .tm-sheet-content #vsf-stage { height:200px; min-height:200px; }
 .tm-sheet-content #vsf-stage .subject-floor-marker { width:24px; height:24px; }
 .tm-sheet-content #vsf-stage .subject-floor-marker + span { font-size:8px; }
 .tm-sheet-content #vsf-wall > div { max-width:80px; font-size:8px; white-space:normal; line-height:12px; text-align:center; }
 .tm-dock .tm-field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 8px; }
 .tm-dock #vsf-room-status { display:block; padding:2px 0; font-size:11px; line-height:14px; text-transform:none; background:none; }
 .tm-dock #vsf-use-required { min-height:44px; margin:0; padding:4px; font-size:12px; }
 .tm-dock:has(#vsf-use-required) { display:grid; grid-template-columns:1fr 1fr; }
 .tm-dock:has(#vsf-use-required) > :is(.tm-field-grid,#vsf-room-status) { grid-column:1/-1; }
 .tm-visual .ev4-scene { display:flex; flex-direction:column; height:100%; gap:0; }
 .tm-visual .ev4-photo-wrap { flex:1; min-height:0; height:auto; }
 .tm-visual #ev-scene-canvas { width:100%; height:100%; object-fit:cover; }
 .tm-visual .ev4-scene-badge { position:absolute; top:auto; bottom:4px; left:4px; padding:3px 6px; font-size:10px; }
 .tm-visual .ev4-scene-meter { padding:0 8px; height:22px; flex-shrink:0; font-size:10px; }
 .tm-visual .ev4-meter { height:100%; min-height:0; padding:8px; }
 .tm-dock:has(.ev4-reference) .tm-field-grid { order:-3; }
 .tm-dock .ev4-reference > span { display:none; }
 .tm-dock .tm-solve-select { font-size:0; line-height:0; }
 .tm-dock .tm-solve-select select { font-size:13px; }
 .tm-dock .ev4-setting { border:0; padding:0; background:none; }
 .tm-dock .ev4-setting-head { display:none; }
 .tm-dock .ev4-setting-controls { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:4px; }
 .tm-dock .ev4-setting-controls > .ev4-step { height:44px; min-height:44px; padding:3px; }
 .tm-dock .ev4-suggestion { display:grid; grid-template-columns:1fr auto; gap:2px 8px; padding:4px 0 0; border:0; background:none; }
 .tm-dock #ev-suggestion-heading { grid-column:1/-1; font-size:10px; line-height:14px; }
 .tm-dock .ev4-suggestion-values { gap:8px; font-size:14px; }
 .tm-dock .ev4-suggestion-values strong { font-size:16px; }
 .tm-dock #ev-match-exposure { min-height:44px; padding:4px 8px; font-size:12px; }
 .tm-dock #ev-match-message { grid-column:1/-1; margin:0; font-size:11px; }
 .tm-visual .lighting-stage-card { display:block; position:static; height:100%; max-height:none; min-height:0; border:0; border-radius:0; box-shadow:none; }
 .tm-visual .lighting-stage-stack { height:100%; min-height:0; aspect-ratio:auto; }
 .tm-visual .lighting-three-stage, .tm-visual .lighting-topdown { height:100%; width:100%; }
 .tm-dock #lighting-inspector { padding:0; border:0; background:none; display:contents; }
 .tm-dock :is(.lighting-panel-heading,.lighting-shape-heading) { display:none; }
 .tm-dock .lighting-selected-row { display:block; margin:0; padding:0; }
 .tm-dock .lighting-selected-row label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .tm-dock .lighting-slider-list { display:block; padding:0; margin:0; }
 .tm-dock .lighting-slider { display:none; margin:0; }
 .tm-dock .lighting-slider > span { display:flex; justify-content:space-between; min-height:18px; font-size:11px; line-height:18px; margin:0; }
 .tm-sheet-content .lighting-stage-heading { display:block; }
 .tm-sheet-content .lighting-stage-views { display:flex; }
 .tm-sheet-content .lighting-stage-actions { display:flex; margin-top:4px; }
 .tm-sheet-content .lighting-stage-views button { min-height:44px; }
}
@media (max-width:599px) and (max-height:600px) {
 .tm-dock { gap:2px; padding-top:4px; padding-bottom:4px; }
}
@media (min-width:600px) and (max-width:959px) and (max-height:500px) {
 body:has(.tm-active) .site-logo img { width:124px; }
 .tool-shell-stack:has(.tm-active) .tool-shell-header { display:grid; grid-template-columns:44px minmax(0,1fr) auto; }
 .tool-shell-stack:has(.tm-active) :is(.tool-shell-mobile-back,.tool-shell-mobile-menu) { display:block; }
 .tool-shell-stack:has(.tm-active) :is(.tool-shell-breadcrumb,.tool-shell-kicker,.tool-shell-actions) { display:none; }
 .tool-shell-stack:has(.tm-active) .tool-shell-mobile-menu { position:relative; }
 .tool-shell-stack:has(.tm-active) :is(.tool-shell-mobile-back,#tool-mobile-more) { min-height:44px; padding:8px 12px; }
 .tool-shell-stack:has(.tm-active) .tool-shell-mobile-actions { position:absolute; right:0; top:calc(100% + 6px); z-index:40; width:180px; padding:8px; background:#0f172a; border:1px solid #486378; border-radius:8px; }
 .tool-shell-stack:has(.tm-active) .tool-shell-mobile-actions[hidden] { display:none; }
 .tool-shell-stack:has(.tm-active) .tool-shell-mobile-actions button { min-height:44px; width:100%; }
 #tool-mount-point.tm-active > .tm-workspace { grid-template-columns:minmax(0,1fr) 280px !important; align-items:start; }
 #tool-mount-point.tm-active > .tm-workspace > .tm-dock { grid-column:2 !important; grid-row:1 !important; }
 .tm-dock { grid-column:2; grid-row:1; padding-top:4px; padding-bottom:4px; }
 .tm-visual { grid-column:1; grid-row:1; }
 #tool-mount-point.tm-active > .tm-workspace > .tm-dock { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px 4px; }
 .tm-dock > * { grid-column:1/-1; }
 .tm-dock > .tm-sheet { grid-column:auto; }
 .tm-picker button { min-height:44px; }
 .tm-workspace[data-mobile-tool=light-falloff-flash-balance] .flash-restore { grid-column:1; }
 .tm-workspace[data-mobile-tool=light-falloff-flash-balance] .tm-more { grid-column:2; }
 .tm-workspace[data-mobile-tool=metering-dynamic-range-lab] .meter-preview-controls { grid-column:1; }
 .tm-workspace[data-mobile-tool=metering-dynamic-range-lab] .tm-more { grid-column:2; }
 .tm-workspace[data-mobile-tool=exposure-value-calculator] .ev4-suggestion { display:block; grid-column:1; }
 .tm-workspace[data-mobile-tool=exposure-value-calculator] #ev-suggestion-heading { display:none; }
 .tm-workspace[data-mobile-tool=exposure-value-calculator] .ev4-suggestion-values { line-height:18px; font-size:12px; }
 .tm-workspace[data-mobile-tool=exposure-value-calculator] .tm-more { grid-column:2; }
}