/* Monochrome Lab iPad: direct, touch-first workspace. */
@media (min-width:720px){
  html.ipad-twohand{
    --th-bar:52px;
    --th-strip:68px;
    --th-inspector:clamp(264px,24vw,310px);
    --th-bg:#24262a;
    --th-raised:#2c2f34;
    --th-raised-2:#34373d;
    --th-surround:#303237;
    --th-line:rgba(255,255,255,.12);
    --th-text:#ededee;
    --th-muted:#929398;
    --th-faint:#66676c;
    --th-safelight:#e8792b;
    --th-safelight-soft:rgba(232,121,43,.16);
    --th-import:#8fa6b8;
    --th-import-hover:#a6bac9;
    --th-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;
    --bg:#24262a;
    --panel:#24262a;
    --panel-deep:#202226;
    --card:#2a2c31;
    --card2:#303238;
    --surface:#2a2c31;
    --surface-raised:#303238;
    --surface-soft:#373a40;
    --line:#41444b;
    --line-strong:#4a4d55;
    color-scheme:dark;
  }
  html.ipad-twohand,html.ipad-twohand body{height:100%;overflow:hidden!important;background:var(--th-bg)!important}
  html.ipad-twohand body{font-family:var(--th-font);-webkit-tap-highlight-color:transparent}
  html.ipad-twohand :focus-visible{outline:2px solid #f0f0f0;outline-offset:2px}

  /* ---------- frame ---------- */
  html.ipad-twohand .app{
    display:grid!important;position:relative!important;inset:auto!important;
    width:100%!important;height:100dvh!important;min-height:0!important;margin:0!important;
    padding:var(--th-bar) 0 0!important;box-sizing:border-box!important;
    grid-template-columns:var(--th-strip) minmax(0,1fr) var(--th-inspector)!important;
    grid-template-rows:minmax(0,1fr)!important;background:var(--th-bg)!important;
  }
  html.ipad-twohand .app::before{display:none!important}
  html.ipad-twohand #controlPanel,html.ipad-twohand .stage,html.ipad-twohand #infoPanel{
    position:relative!important;inset:auto!important;top:auto!important;
    height:calc(100dvh - var(--th-bar))!important;min-height:0!important;margin:0!important;padding:0!important;
    box-sizing:border-box!important;overflow:hidden!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  html.ipad-twohand #controlPanel{grid-column:1!important;grid-row:1!important;display:flex!important;background:var(--th-bg)!important;border-right:1px solid var(--th-line)!important}
  html.ipad-twohand .stage{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;background:var(--th-surround)!important}
  html.ipad-twohand #infoPanel{grid-column:3!important;grid-row:1!important;display:flex!important;background:var(--th-bg)!important;border-left:1px solid var(--th-line)!important}
  html.ipad-twohand #controlPanel>:not(.th-select),
  html.ipad-twohand #infoPanel>:not(.th-adjust),
  html.ipad-twohand .stage-toolbar,html.ipad-twohand .field-topbar,html.ipad-twohand .field-dock,
  html.ipad-twohand .ipad-project-menu,html.ipad-twohand .workspace-footer:not(:has(.crop-footer-controls:not([hidden]))),
  html.ipad-twohand .stage::before{display:none!important}
  html.ipad-twohand .canvas-viewport{flex:1!important;min-height:0!important;padding:20px!important;background:var(--th-surround)!important;touch-action:none!important}

  /* Left-handed: mirror everything */
  html.ipad-twohand.ipad-left-handed .app{grid-template-columns:var(--th-inspector) minmax(0,1fr) var(--th-strip)!important}
  html.ipad-twohand.ipad-left-handed #controlPanel{grid-column:3!important;border-right:0!important;border-left:1px solid var(--th-line)!important}
  html.ipad-twohand.ipad-left-handed #infoPanel{grid-column:1!important;border-left:0!important;border-right:1px solid var(--th-line)!important}
  html.ipad-twohand.ipad-left-handed .th-sections{border-right:0;border-left:1px solid var(--th-line)}

  /* ---------- top bar ---------- */
  .th-bar{
    position:fixed;z-index:1200;inset:0 0 auto;height:var(--th-bar);box-sizing:border-box;
    display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;
    padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));
    background:#26282d;border-bottom:1px solid var(--th-line);font-family:var(--th-font);
  }
  .th-bar-start,.th-bar-view,.th-bar-end{display:flex;align-items:center;gap:7px;min-width:0}
  .th-bar-end{justify-content:flex-end}
  html.ipad-twohand .th-bar .app-header{
    position:static!important;display:flex!important;width:auto!important;height:auto!important;
    margin:0!important;padding:0!important;background:none!important;border:0!important;transform:none!important;
  }
  html.ipad-twohand .th-bar .brand-button{display:flex!important;align-items:center;gap:8px;padding:3px!important;border:0!important;background:none!important;color:var(--th-text)}
  html.ipad-twohand .th-bar .brand-mark{width:27px!important;height:27px!important;flex:0 0 27px;opacity:.92}
  html.ipad-twohand .th-bar .brand-copy{display:flex!important;flex-direction:column;gap:3px;text-align:left}
  html.ipad-twohand .th-bar .brand-copy strong{color:#b8b9bc!important;font-size:11px!important;font-weight:620!important;letter-spacing:.055em!important;line-height:1!important;white-space:nowrap}
  html.ipad-twohand .th-pad-button.th-before .th-pad-label{font-size:15px}
  html.ipad-twohand .th-bar .brand-copy small{align-self:flex-start;padding:0!important;border:0!important;border-radius:0!important;color:#77787d!important;font-size:8px!important;font-weight:650!important;letter-spacing:.12em!important;line-height:1!important}
  html.ipad-twohand .th-bar #photoImportLabel{
    position:relative!important;display:block!important;gap:0!important;height:44px!important;min-height:44px!important;width:44px!important;min-width:44px!important;
    margin:0 3px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;color:#140b04!important;box-shadow:none!important;font:600 12px/1 var(--th-font)!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer;touch-action:manipulation;
  }
  html.ipad-twohand .th-bar #photoImportLabel::before{content:""!important;display:block!important;position:absolute;inset:5px;border-radius:5px;background:var(--th-import);pointer-events:none}
  html.ipad-twohand .th-bar #photoImportLabel:hover::before,html.ipad-twohand .th-bar #photoImportLabel:active::before{background:var(--th-import-hover)}
  html.ipad-twohand .th-bar #photoImportLabel span{display:none!important}
  html.ipad-twohand .th-bar #photoImportLabel span::after{content:"";}
  html.ipad-twohand .th-bar #photoImportLabel .import-glyph{position:absolute!important;z-index:1;display:block!important;left:50%!important;top:50%!important;width:19px!important;height:19px!important;margin:0!important;transform:translate(-50%,-50%)!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  html.ipad-twohand .th-bar #photoImportLabel .upload-icon{display:none!important}
  html.ipad-twohand .th-bar #fitBtn,html.ipad-twohand .th-bar #zoomSelect{
    height:34px!important;min-height:0!important;margin:0!important;border:1px solid var(--th-line)!important;border-radius:5px!important;
    background:transparent!important;color:#c8c9cc!important;font:560 12px/1 var(--th-font)!important;letter-spacing:0!important;text-transform:none!important;
  }
  html.ipad-twohand .th-bar #fitBtn{display:inline-flex!important;align-items:center;justify-content:center;min-width:46px!important;padding:0 11px!important}
  html.ipad-twohand .th-bar #fitBtn.active{background:var(--th-raised-2)!important;color:#fff!important}
  html.ipad-twohand .th-bar #zoomSelect{width:auto!important;min-width:94px!important;padding:0 30px 0 11px!important;font-variant-numeric:tabular-nums;text-overflow:clip}
  html.ipad-twohand .th-bar .th-original-button{
    display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;
    width:auto!important;min-width:0!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0 10px!important;
    border:1px solid var(--th-line)!important;border-radius:5px!important;background:transparent!important;color:#c8c9cc!important;
    font:560 11px/1 var(--th-font)!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;touch-action:none!important;
  }
  html.ipad-twohand .th-bar .th-original-button .th-pad-icon{width:16px;height:16px}
  html.ipad-twohand .th-bar .th-original-button .th-pad-icon svg{width:16px;height:16px}
  html.ipad-twohand .th-bar .th-original-button .th-pad-label{display:inline!important;font-size:11px}
  html.ipad-twohand .th-bar .th-original-button.is-comparing{background:#e5e6e8!important;border-color:#e5e6e8!important;color:#202226!important}
  html.ipad-twohand .th-bar .th-original-button.is-comparing .th-pad-label::after{content:none!important}
  html.ipad-twohand:not(.th-has-photo) .th-bar-view{visibility:hidden}
  .th-export-cluster{position:relative;display:flex;align-items:center;filter:none}
  .th-export{
    display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px 0 13px;border:0;border-radius:5px 0 0 5px;
    background:var(--th-safelight);color:#140b04;font:680 12px/1 var(--th-font);cursor:pointer;
  }
  .th-export svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .th-export:active{filter:brightness(.92)}
  .th-export:disabled{background:#3a3d43;color:#777a80}
  .th-export-cluster:has(.th-export:disabled) .th-export-options{background:#3a3d43;color:#777a80;border-left-color:rgba(255,255,255,.07)}
  .th-export-options{
    display:grid;width:34px;height:34px;padding:0;place-items:center;border:0;border-left:1px solid rgba(20,11,4,.22);border-radius:0 5px 5px 0;
    background:var(--th-safelight);color:#140b04;cursor:pointer;touch-action:manipulation;
  }
  .th-export-options svg,.th-export-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .th-export-options[aria-expanded="true"] svg{transform:rotate(180deg)}
  .th-export-cluster.is-open .th-export,.th-export-cluster.is-open .th-export-options{filter:brightness(.92)}
  .th-export-popover{
    position:absolute;z-index:20;top:48px;right:0;width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - var(--th-bar) - 16px);
    overflow:auto;padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#2b2d32;color:var(--th-text);
    box-shadow:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  }
  .th-export-popover[hidden]{display:none!important}
  .th-export-popover-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}
  .th-export-popover-head>div{display:flex;flex-direction:column;gap:3px}
  .th-export-popover-head small{color:var(--th-safelight);font:750 10px/1 var(--th-font);letter-spacing:.16em}
  .th-export-popover-head strong{font:680 21px/1.15 var(--th-font);letter-spacing:-.01em}
  .th-export-close{display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid #353535;border-radius:4px;background:transparent;color:#bdbdbd;cursor:pointer}
  .th-export-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
  .th-export-format-grid button{
    display:flex;min-width:0;min-height:64px;align-items:center;justify-content:center;gap:8px;padding:8px;
    border:1px solid #343434;border-radius:4px;background:transparent;color:#a7a7a7;font:650 13px/1 var(--th-font);cursor:pointer;touch-action:manipulation;
  }
  .th-export-format-grid button.active{border-color:var(--th-safelight);background:var(--th-safelight-soft);color:#f0f0f0;box-shadow:none}
  .th-file-icon{display:grid;width:31px;height:36px;place-items:end center;padding:0 0 6px;box-sizing:border-box;border:1.5px solid currentColor;border-radius:4px;font:750 8px/1 var(--th-font);letter-spacing:.03em}
  .th-export-content{border-top:1px solid var(--th-line);padding-top:2px}

  /* ---------- narrow tool rail ---------- */
  .th-select{
    display:flex;flex:1;min-width:0;min-height:0;font-family:var(--th-font);
  }
  .th-sections{
    display:flex;flex:1;flex-direction:column;gap:1px;min-height:0;overflow-y:auto;
    padding:7px 5px;border-right:0;scrollbar-width:none;
  }
  .th-sections::-webkit-scrollbar{display:none}
  .th-section{
    position:relative;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    min-height:54px;padding:6px 2px;border:0;border-radius:3px;background:none;color:#85868b;
    font:560 9.5px/1.1 var(--th-font);letter-spacing:.01em;cursor:pointer;touch-action:manipulation;
  }
  .th-section-icon{display:grid;width:28px;height:26px;place-items:center;border:0;border-radius:0;background:transparent}
  .th-section-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
  .th-section.active{background:var(--th-raised-2);color:#f1f1f2;box-shadow:inset 2px 0 var(--th-safelight)}
  .th-section.active .th-section-icon{border:0;background:transparent;color:#fff;box-shadow:none}
  .th-section>i{position:absolute;top:9px;right:12px;width:6px;height:6px;border-radius:50%;background:var(--th-safelight);opacity:0}
  .th-section.edited>i{opacity:1}

  .th-params{display:block;flex:0 0 auto;min-height:0;border-bottom:0}
  .th-params-title{margin:0;padding:10px 10px 5px;color:var(--th-text);font:610 12px/1.2 var(--th-font);letter-spacing:0}
  .th-param-list,.th-params-empty{display:none!important}
  .th-param{
    display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 2px;column-gap:9px;row-gap:7px;align-items:center;
    min-height:48px;padding:8px 9px 8px 10px;border:0;border-radius:3px;background:none;color:var(--th-muted);
    text-align:left;cursor:pointer;touch-action:manipulation;font-family:var(--th-font);
  }
  .th-param-name{overflow:hidden;font-size:12.5px;font-weight:470;white-space:nowrap;text-overflow:ellipsis;color:#c6c7ca}
  .th-param-value{font-size:11.5px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--th-faint)}
  .th-param.edited .th-param-value{color:#d8d8d8}
  .th-param-bar{position:relative;grid-column:1/-1;height:2px;border-radius:1px;background:#464950;overflow:hidden}
  .th-param-bar i{position:absolute;top:0;bottom:0;border-radius:2px;background:#6b6b6b}
  .th-param.edited .th-param-bar i{background:var(--th-safelight)}
  .th-param.active{background:var(--th-raised);box-shadow:inset 2px 0 var(--th-safelight)}
  .th-param.active .th-param-name{color:var(--th-text);font-weight:570}
  .th-param.active .th-param-bar{background:#50535a}

  /* Compact edit actions share the inspector footer with Fine. */
  .th-pad{
    position:static;display:block;width:auto;margin-left:2px;padding:0 0 0 6px;
    border:0;border-left:1px solid var(--th-line);border-radius:0;background:transparent;box-shadow:none;
  }
  html.ipad-twohand:not(.th-has-photo) .th-dock .th-pad{display:none}
  .th-pad-before{display:none}
  .th-pad-row{display:flex;gap:1px}
  html.ipad-twohand .th-pad-button{
    display:grid!important;place-items:center!important;
    width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:3px!important;background:transparent!important;color:#c8c9cc!important;
    font:560 9px/1 var(--th-font)!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;
    touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;
  }
  html.ipad-twohand .th-pad-button:disabled{opacity:.35!important}
  html.ipad-twohand .th-pad-button:not(:disabled):active{background:var(--th-raised-2)!important}
  html.ipad-twohand .th-pad-button::before,html.ipad-twohand .th-pad-button::after{content:none!important;display:none!important}
  html.ipad-twohand .th-pad-button kbd{display:none!important}
  html.ipad-twohand .th-pad-button *::before,html.ipad-twohand .th-pad-button *::after{content:none!important;display:none!important}
  .th-pad-icon{display:grid;width:18px;height:18px;place-items:center;border-radius:0;color:#c4c5c8}
  .th-pad-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
  .th-pad-label{display:none!important}
  /* ---------- dominant-hand column ---------- */
  .th-adjust{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;font-family:var(--th-font)}
  .th-adjust-scroll{display:flex;flex:1;min-height:0;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  html.ipad-twohand .histogram-module{display:none!important}

  /* The open section's remaining (non-slider) controls */
  .th-section-host{flex:0 0 auto;padding:3px 10px 8px}
  html.ipad-twohand .th-section-host details.th-card-active>.section-body{zoom:1}
  html.ipad-twohand .th-section-host details[data-section]{display:none!important}
  html.ipad-twohand .th-section-host details.th-card-active{
    display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;
  }
  html.ipad-twohand .th-section-host button,html.ipad-twohand .th-section-host select{border-radius:4px!important;box-shadow:none!important;background-image:none!important}
  html.ipad-twohand .th-section-host select,html.ipad-twohand .th-section-host input[type="text"],html.ipad-twohand .th-section-host input[type="number"],html.ipad-twohand .th-section-host output{background-color:var(--th-raised)!important;border-color:var(--th-line)!important}
  html.ipad-twohand .th-section-host .look-option,html.ipad-twohand .th-section-host button.secondary{background:var(--th-raised)!important;border-color:var(--th-line)!important}
  html.ipad-twohand .th-section-host details.th-card-active>summary{display:none!important}
  html.ipad-twohand .th-section-host .section-body{padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important}
  html.ipad-twohand .th-section-host .development-path-readout{display:none!important}
  html.ipad-twohand .th-section-host .two-hand-represented{display:grid!important}
  html.ipad-twohand .th-section-host .two-hand-represented input[type="range"]{display:block!important;touch-action:pan-y}
  html.ipad-twohand .th-section-host .plus-subheading{display:none!important}

  /* Dense, quiet inspector typography and controls. */
  html.ipad-twohand .th-section-host .controls{display:grid!important;gap:0!important;margin:0!important;background:transparent!important}
  html.ipad-twohand .th-section-host .controls>label{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-content:center!important;align-items:center!important;
    min-width:0!important;min-height:43px!important;margin:0!important;padding:4px 1px 5px!important;gap:1px 7px!important;
    border:0!important;border-bottom:1px solid rgba(255,255,255,.065)!important;background:transparent!important;
    color:#c2c3c6!important;font:520 10.5px/1.15 var(--th-font)!important;letter-spacing:0!important;text-transform:none!important;
  }
  html.ipad-twohand .th-section-host .controls>label>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html.ipad-twohand .th-section-host .controls>label>output{
    min-width:34px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;
    color:#898b90!important;font:520 9.5px/1 var(--th-font)!important;text-align:right!important;white-space:nowrap!important;
  }
  html.ipad-twohand .th-section-host .controls>label>input[type="range"]{
    grid-column:1/-1!important;width:100%!important;height:22px!important;min-height:22px!important;margin:0!important;padding:0!important;background:transparent!important;
  }
  html.ipad-twohand .th-section-host input[type="range"]::-webkit-slider-runnable-track{height:2px!important;border:0!important;background:#505259!important}
  html.ipad-twohand .th-section-host input[type="range"]::-webkit-slider-thumb{width:18px!important;height:18px!important;margin-top:-8px!important;border:2px solid var(--th-bg)!important;box-shadow:none!important}
  html.ipad-twohand .th-section-host input[type="range"]::-moz-range-track{height:2px!important;border:0!important;background:#505259!important}
  html.ipad-twohand .th-section-host input[type="range"]::-moz-range-thumb{width:16px!important;height:16px!important;border:2px solid var(--th-bg)!important;box-shadow:none!important}
  html.ipad-twohand .th-section-host .controls>label>select{
    grid-column:1/-1!important;width:100%!important;height:32px!important;min-height:32px!important;margin:3px 0 0!important;padding:0 28px 0 9px!important;
    border-radius:3px!important;font:520 10.5px/1 var(--th-font)!important;
  }
  html.ipad-twohand .th-section-host .looks-list{
    display:grid!important;grid-template-columns:1fr!important;gap:0!important;
    border-top:1px solid var(--th-line)!important;
  }
  html.ipad-twohand .th-section-host .look-option{
    display:flex!important;align-items:center!important;min-width:0!important;min-height:34px!important;height:34px!important;
    margin:0!important;padding:0 7px!important;border:0!important;border-bottom:1px solid var(--th-line)!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;text-align:left!important;transform:none!important;touch-action:manipulation!important;
  }
  html.ipad-twohand .th-section-host .look-option .look-icon{display:none!important}
  html.ipad-twohand .th-section-host .look-copy{display:block!important;min-width:0!important}
  html.ipad-twohand .th-section-host .look-name{display:block!important;overflow:hidden!important;color:inherit!important;font:610 10px/1.1 var(--th-font)!important;letter-spacing:0!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html.ipad-twohand .th-section-host .look-name small{display:none!important}
  html.ipad-twohand .th-section-host .look-reset-option{height:34px!important;min-height:34px!important}
  html.ipad-twohand .th-section-host .bonus-looks-unlock{
    min-height:34px!important;margin:0!important;padding:0 7px!important;border:0!important;border-bottom:1px solid var(--th-line)!important;
    border-radius:0!important;background:transparent!important;color:var(--th-muted)!important;
  }
  html.ipad-twohand .th-section-host .bonus-looks-unlock strong{font-size:10px!important;letter-spacing:0!important}
  html.ipad-twohand .th-section-host .bonus-looks-unlock small{display:none!important}
  .th-dock[hidden]{display:none!important}
  /* Output controls live in the top-bar split button; the real download button
     remains in the DOM as the rendering/export authority. */
  html.ipad-twohand .th-export-content .output-dock{display:block!important;margin:0!important;padding:12px 0 0!important;border:0!important;background:none!important;box-shadow:none!important}
  html.ipad-twohand .th-export-content .output-heading{display:none!important}
  html.ipad-twohand .th-export-content .output-subsection{margin:0!important;padding:14px 0!important;border-bottom:1px solid var(--th-line)!important}
  html.ipad-twohand .th-export-content .output-subsection:last-child{border-bottom:0!important}
  html.ipad-twohand .th-export-content .output-subheading{font-size:11px!important;letter-spacing:.12em!important;color:#919191!important}
  html.ipad-twohand .th-export-content .output-canvas-options{gap:8px!important}
  html.ipad-twohand .th-export-content .output-canvas-button,html.ipad-twohand .th-export-content .output-split-button{min-height:48px!important;border-radius:4px!important;box-shadow:none!important}
  html.ipad-twohand .th-export-content .output-export-section>.output-subheading,
  html.ipad-twohand .th-export-content .export-controls,
  html.ipad-twohand .th-export-content .pro-upgrade-card{display:none!important}
  html.ipad-twohand .th-export-content .export-note{margin:0!important;color:#898989!important;font-size:12px!important;line-height:1.45!important}

  /* Fine is global; each module keeps its own individual sliders. */
  .th-dock{
    flex:0 0 auto;display:block;padding:6px 8px max(6px,env(safe-area-inset-bottom));
    border-top:1px solid var(--th-line);background:var(--th-bg);touch-action:none;user-select:none;-webkit-user-select:none;
  }
  .th-dock-head,.th-track,.th-dock-hint,.th-reset{display:none!important}
  .th-dock-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;column-gap:12px;row-gap:4px;min-width:0}
  .th-dock-name{overflow:hidden;color:var(--th-muted);font:550 12px/1.2 var(--th-font);white-space:nowrap;text-overflow:ellipsis}
  .th-dock-value{padding:2px 4px;margin:-2px -4px;border:0;border-radius:5px;background:none;color:var(--th-text);font:570 21px/1 var(--th-font);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;cursor:text;margin-left:auto}
  .th-dock.edited .th-dock-value{color:#fff}
  .th-dock-input{width:7.5em;height:36px;padding:0 10px;border:1px solid #5a5d64;border-radius:8px;background:#202226;color:var(--th-text);font:600 20px/1 var(--th-font);text-align:right;font-variant-numeric:tabular-nums}
  .th-track{position:relative;height:48px;margin:0 2px;cursor:grab;touch-action:none;outline:none}
  .th-track:focus-visible{outline:2px solid #f0f0f0;outline-offset:4px;border-radius:12px}
  .th-rail{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:#4b4e55}
  .th-ticks{position:absolute;left:0;right:0;top:50%;height:14px;margin-top:-7px;pointer-events:none;
    background:linear-gradient(90deg,#5b5e66 1px,transparent 1px) 0 0/25% 100% repeat-x;opacity:.9}
  .th-zero{position:absolute;top:50%;width:2px;height:20px;margin:-10px 0 0 -1px;border-radius:1px;background:#777}
  .th-fill{position:absolute;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:var(--th-safelight)}
  .th-thumb{
    position:absolute;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;
    background:#f0f0f1;box-shadow:none;
    transition:transform .12s ease;
  }
  html.th-dragging .th-thumb{transform:scale(1.12)}
  html.th-dragging .th-track{cursor:grabbing}
  .th-dock.is-fine .th-thumb{box-shadow:0 0 0 5px var(--th-safelight-soft)}
  .th-dock-foot{display:flex;align-items:center;justify-content:flex-start;gap:5px}
  .th-dock-hint{flex:1;color:var(--th-faint);font:400 12px/1.3 var(--th-font);text-align:center}
  .th-fine,.th-reset{
    min-width:54px;height:32px;padding:0 10px;border:1px solid var(--th-line);border-radius:3px;background:transparent;
    color:#c7c8cb;font:570 10px/1 var(--th-font);letter-spacing:.02em;cursor:pointer;touch-action:manipulation;
  }
  .th-fine[aria-pressed="true"]{border-color:var(--th-safelight);background:var(--th-safelight-soft);color:#ffd2b0}
  html.th-fine-mode .th-section-host input[type="range"]::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--th-safelight-soft)!important}
  html.th-fine-mode .th-section-host input[type="range"]::-moz-range-thumb{box-shadow:0 0 0 4px var(--th-safelight-soft)!important}
  .th-dock.is-idle{pointer-events:none}
  .th-dock.is-idle .th-track,.th-dock.is-idle .th-dock-foot{opacity:.25}
  .th-dock.is-idle .th-dock-name{color:var(--th-faint)}
  .th-dock.flash .th-thumb{animation:th-flash .35s ease}
  @keyframes th-flash{50%{transform:scale(.8)}}

  /* Masks keep the same consolidated inspector while painting. */
  html.th-mask-painting .th-adjust .th-dock{padding-inline:12px}
  html.th-mask-painting .th-adjust .th-dock-hint{display:none}
  html.ipad-twohand #desktopFilmModeToast,html.ipad-twohand #fieldFilmModeToast{display:none!important}
  /* Crop is live on iPad: leaving Crop or exporting commits the visible frame. */
  html.ipad-twohand #fieldCropCancelBtn,
  html.ipad-twohand #fieldCropAcceptBtn,
  html.ipad-twohand #cancelCropBtn,
  html.ipad-twohand #applyCropBtn,
  html.ipad-twohand .field-crop-actions{display:none!important}

  /* ---------- smaller iPads (portrait, mini) ---------- */
  @media (max-width:900px){
    html.ipad-twohand{--th-strip:60px;--th-inspector:260px}
    html.ipad-twohand .app{grid-template-columns:var(--th-strip) var(--th-inspector) minmax(0,1fr)!important}
    html.ipad-twohand #controlPanel{grid-column:1!important}
    html.ipad-twohand #infoPanel{grid-column:2!important;border-left:0!important;border-right:1px solid var(--th-line)!important}
    html.ipad-twohand .stage{grid-column:3!important}
    html.ipad-twohand.ipad-left-handed .app{grid-template-columns:minmax(0,1fr) var(--th-inspector) var(--th-strip)!important}
    html.ipad-twohand.ipad-left-handed .stage{grid-column:1!important}
    html.ipad-twohand.ipad-left-handed #infoPanel{grid-column:2!important;border-right:0!important;border-left:1px solid var(--th-line)!important}
    html.ipad-twohand.ipad-left-handed #controlPanel{grid-column:3!important;border-left:0!important}
    .th-section-name{font-size:10px}
    .th-param{min-height:50px;padding:9px 8px 9px 10px}
    .th-param-name{font-size:14px}
    .th-pad-row{gap:2px}
    html.ipad-twohand .th-pad-button{min-height:32px!important;font-size:9px!important}
    .th-dock-hint{display:none}
    html.ipad-twohand .th-bar .brand-copy{display:none!important}
    html.ipad-twohand .canvas-viewport{padding:14px!important}
  }
  @media (max-width:780px){
    html.ipad-twohand{--th-inspector:236px;--th-strip:56px}
    html.ipad-twohand .th-bar #zoomSelect{min-width:96px!important}
  }

  @media (prefers-reduced-motion:reduce){
    .th-thumb{transition:none}
    .th-dock.flash .th-thumb{animation:none}
  }
}