/* iPad Pro workspace: retain the touch renderer, present it like the macOS app. */

@media (min-width:761px){
  html.ipad-pro-workspace,html.ipad-pro-workspace body{height:100%;overflow:hidden;background:#090909}
  html.ipad-pro-workspace .app{height:100dvh;grid-template-columns:clamp(248px,22.5vw,324px) minmax(0,1fr) clamp(276px,24vw,354px);background:#0c0c0c}
  html.ipad-pro-workspace .panel,html.ipad-pro-workspace .stage,html.ipad-pro-workspace .info-panel{height:100dvh;min-height:0}
  html.ipad-pro-workspace .panel{position:relative;top:auto;padding-bottom:56px;background:#111;border-right:1px solid #2a2a2a}
  html.ipad-pro-workspace .app-header{display:block!important;position:sticky;top:0;z-index:35;margin:0;padding:20px 20px 18px;background:#141414;border-bottom:1px solid #2a2a2a}
  html.ipad-pro-workspace .brand-button{display:flex;align-items:center;min-width:0;gap:11px;padding:0;border:0;background:transparent;color:#eee;text-align:left}
  html.ipad-pro-workspace .brand-mark{width:34px;height:34px;flex:0 0 34px}
  html.ipad-pro-workspace .brand-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
  html.ipad-pro-workspace .brand-copy strong{overflow:hidden;color:#b8b9bc;font-size:13px;font-weight:760;letter-spacing:.055em;line-height:1;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase}
  html.ipad-pro-workspace .brand-copy small{align-self:flex-start;padding:2px 5px;border:1px solid #777;border-radius:3px;color:#aaa;font-size:7px;font-weight:800;letter-spacing:.16em;line-height:1}
  html.ipad-pro-workspace .ipad-project-menu{position:relative;margin-top:15px}
  html.ipad-pro-workspace .ipad-project-menu>summary{display:flex;width:100%;align-items:center;gap:8px;min-height:36px;padding:0 11px;border:1px solid #393939;border-radius:6px;background:#1c1c1c;color:#ccc;cursor:pointer;font-size:9px;font-weight:700;letter-spacing:.07em;list-style:none;text-transform:uppercase}
  html.ipad-pro-workspace .ipad-project-menu>summary::-webkit-details-marker{display:none}
  html.ipad-pro-workspace .project-grid-icon{display:grid;grid-template-columns:repeat(2,3px);gap:2px}.project-grid-icon i{width:3px;height:3px;border:1px solid #aaa}
  html.ipad-pro-workspace .ipad-project-menu-popover{position:absolute;z-index:80;top:40px;left:0;width:226px;padding:6px;border:1px solid #3a3a3a;border-radius:9px;background:#171717;box-shadow:0 18px 50px rgba(0,0,0,.55)}
  html.ipad-pro-workspace .ipad-project-menu-popover button{display:flex;width:100%;flex-direction:column;gap:4px;padding:11px;border:0;background:transparent;color:#ddd;text-align:left}
  html.ipad-pro-workspace .ipad-project-menu-popover button+button{border-top:1px solid #2c2c2c}
  html.ipad-pro-workspace .ipad-project-menu-popover button:hover{background:#222}
  html.ipad-pro-workspace .ipad-project-menu-popover strong{font-size:10px}.ipad-project-menu-popover small{color:#858585;font-size:8px;line-height:1.4}
  html.ipad-pro-workspace .primary-upload{min-height:50px}
  html.ipad-pro-workspace .section-card>summary{min-height:62px}
  html.ipad-pro-workspace .development-path-readout{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;padding:11px 12px;border:1px solid #343434;border-radius:7px;background:#191919;color:#ddd}
  html.ipad-pro-workspace .development-path-readout strong{font-size:12px;letter-spacing:.08em}
  html.ipad-pro-workspace .development-path-readout span{color:#858585;font-size:9px;letter-spacing:.04em}
  html.ipad-pro-workspace .section-body.controls{gap:8px}
  html.ipad-pro-workspace .section-body.controls>label{grid-template-columns:minmax(0,1fr) auto;min-height:58px;align-content:center;padding:7px 5px;gap:4px 10px}
  html.ipad-pro-workspace .section-body.controls>label>input[type="range"]{grid-column:1/-1;width:100%;height:34px;min-height:34px;margin:0!important;background:transparent!important;touch-action:pan-y}
  html.ipad-pro-workspace input[type="range"]::-webkit-slider-runnable-track{height:4px;border:0;border-radius:99px;background:#494949}
  html.ipad-pro-workspace input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border:2px solid #151515;border-radius:50%;background:#f1f1f1;box-shadow:0 2px 7px rgba(0,0,0,.5)}
  html.ipad-pro-workspace input[type="range"]::-moz-range-track{height:4px;border:0;border-radius:99px;background:#494949}
  html.ipad-pro-workspace input[type="range"]::-moz-range-thumb{width:24px;height:24px;border:2px solid #151515;border-radius:50%;background:#f1f1f1;box-shadow:0 2px 7px rgba(0,0,0,.5)}
  html.ipad-pro-workspace .section-body.controls output{min-width:42px;padding:4px 6px;border:1px solid #343434;border-radius:5px;background:#181818;color:#d3d3d3;text-align:center;font-variant-numeric:tabular-nums}
  html.ipad-pro-workspace .section-body.controls select{grid-column:1/-1;min-height:44px;margin:2px 0 0;padding:0 12px;border-radius:7px;background:#1a1a1a}
  html.ipad-pro-workspace .plus-response-row{grid-template-columns:8px 47px minmax(72px,1fr) 48px!important;min-height:48px;margin:4px 0!important;gap:8px!important}
  html.ipad-pro-workspace .plus-response-row .response-fine{height:34px!important;min-height:34px!important;touch-action:pan-y}
  html.ipad-pro-workspace .plus-response-row .response-number{width:48px!important;min-height:38px!important;font-size:12px!important}
  html.ipad-pro-workspace .stage{padding:0;background:#202020;border-right:1px solid #292929}
  html.ipad-pro-workspace .stage::before{flex-basis:72px;background:#171717}
  html.ipad-pro-workspace .stage-toolbar{top:82px;width:calc(100% - 24px)!important;max-width:760px;min-width:0;padding:5px 7px;border-radius:8px;background:rgba(17,17,17,.94)}
  html.ipad-pro-workspace .stage-toolbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 5px 16px rgba(0,0,0,.22)}
  html.ipad-pro-workspace .canvas-viewport{padding:64px 14px 16px;background:#252525}
  html.ipad-pro-workspace .canvas-shell,html.ipad-pro-workspace canvas#canvas{will-change:auto}
  html.ipad-pro-workspace canvas#canvas{box-shadow:0 14px 38px rgba(0,0,0,.42)}
  html.ipad-pro-workspace .info-panel{grid-column:auto;position:relative;overflow-y:auto;padding:0 12px 34px;background:#101010;border-top:0}
  html.ipad-pro-workspace .histogram-module{padding-top:22px}
  html.ipad-pro-workspace .histogram-module{display:block!important}
  html.ipad-pro-workspace .metadata-module,html.ipad-pro-workspace .output-dock{margin-top:14px;padding:17px 16px;border:1px solid #2d2d2d;border-radius:9px;background:#141414}
  html.ipad-pro-workspace .metadata-module{border-bottom:1px solid #2d2d2d}
  html.ipad-pro-workspace .output-dock{display:block}
  html.ipad-pro-workspace .output-heading{margin-bottom:17px;color:#eee;font-size:11px}
  html.ipad-pro-workspace .output-canvas-options{grid-template-columns:repeat(5,minmax(0,1fr))}
  html.ipad-pro-workspace .output-split-section{display:block!important}
  html.ipad-pro-workspace .output-export-section{margin-top:18px;padding-top:18px;border-top:1px solid #303030}
  html.ipad-pro-workspace .pro-upgrade-card{display:none!important}
  html.ipad-pro-workspace .workspace-footer{min-height:42px}
  html.ipad-pro-workspace .section-card::details-content{transition:none!important}
  html.ipad-pro-workspace .section-card>summary::after{transition:none}
  html.ipad-pro-workspace .panel,html.ipad-pro-workspace .info-panel{-webkit-overflow-scrolling:touch;contain:layout paint style}
}

@media (min-width:761px) and (max-width:980px){
  html.ipad-pro-workspace .app{display:grid;grid-template-columns:228px minmax(0,1fr) 244px;height:100dvh;min-height:0;overflow:hidden}
  html.ipad-pro-workspace .panel,html.ipad-pro-workspace .stage,html.ipad-pro-workspace .info-panel{height:100dvh;position:relative;overflow-y:auto}
  html.ipad-pro-workspace .stage{overflow:hidden}
  html.ipad-pro-workspace .brand-copy strong{font-size:11px}.brand-copy small{font-size:6px}
  html.ipad-pro-workspace .brand-mark{width:30px;height:30px;flex-basis:30px}
  html.ipad-pro-workspace .app-header{padding:16px 13px 14px}
  html.ipad-pro-workspace .ipad-project-menu{margin-top:12px}
  html.ipad-pro-workspace .ipad-project-menu>summary{padding:0 9px;font-size:8px}
  html.ipad-pro-workspace .primary-upload,html.ipad-pro-workspace .section-card>summary{padding-left:18px;padding-right:18px}
  html.ipad-pro-workspace .section-card>summary{min-height:58px}
  html.ipad-pro-workspace .section-body{padding-left:16px;padding-right:16px}
  html.ipad-pro-workspace .stage-toolbar{top:72px;width:calc(100% - 16px)!important;padding:4px}
  html.ipad-pro-workspace .toolbar-label,html.ipad-pro-workspace .toolbar-edit-label{display:none}
  html.ipad-pro-workspace .zoom-select{width:62px}
  html.ipad-pro-workspace .toolbar-edit-action{min-width:28px;padding-left:5px;padding-right:5px}
  html.ipad-pro-workspace .compare-button{padding-left:7px;padding-right:7px}
  html.ipad-pro-workspace .compare-button span{font-size:0}
  html.ipad-pro-workspace .compare-button span::after{content:'Original';font-size:9px}
  html.ipad-pro-workspace .canvas-viewport{min-height:0;padding:58px 8px 12px}
  html.ipad-pro-workspace .info-panel{min-height:0;border-left:0;border-top:0;padding:0 8px 24px}
  html.ipad-pro-workspace .histogram-module{padding:17px 8px 0}
  html.ipad-pro-workspace .metadata-module,html.ipad-pro-workspace .output-dock{padding:14px 11px}
  html.ipad-pro-workspace .output-canvas-options{grid-template-columns:repeat(4,1fr)}
}

@media (min-width:981px) and (max-width:1240px){
  html.ipad-pro-workspace .app{grid-template-columns:290px minmax(0,1fr) 300px}
}

/* A single permanent chrome line across the iPad workspace. */
@media (min-width:761px){
  html.ipad-pro-workspace{
    --ipad-left-rail:clamp(248px,22.5vw,324px);
    --ipad-right-rail:clamp(276px,24vw,354px);
    --ipad-topbar:64px;
  }
  html.ipad-pro-workspace .app{
    position:relative;
    height:100dvh;
    padding-top:var(--ipad-topbar);
    grid-template-columns:var(--ipad-left-rail) minmax(0,1fr) var(--ipad-right-rail);
  }
  html.ipad-pro-workspace .app::before{
    content:"";
    position:fixed;
    z-index:40;
    inset:0 0 auto;
    height:var(--ipad-topbar);
    background:#141414;
    border-bottom:1px solid #292929;
    pointer-events:none;
  }
  html.ipad-pro-workspace .panel,
  html.ipad-pro-workspace .stage,
  html.ipad-pro-workspace .info-panel{
    height:calc(100dvh - var(--ipad-topbar));
  }
  html.ipad-pro-workspace .panel,
  html.ipad-pro-workspace .info-panel{contain:none!important}
  html.ipad-pro-workspace .app-header{
    position:fixed!important;
    z-index:45;
    top:0;
    left:0;
    width:var(--ipad-left-rail);
    height:var(--ipad-topbar);
    margin:0;
    padding:0 20px;
    display:flex!important;
    align-items:center;
    background:transparent;
    border:0;
  }
  html.ipad-pro-workspace .stage-toolbar{
    position:fixed!important;
    z-index:45;
    top:0!important;
    left:var(--ipad-left-rail);
    right:var(--ipad-right-rail);
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:var(--ipad-topbar);
    margin:0!important;
    padding:7px 12px;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  html.ipad-pro-workspace .stage::before{display:none!important}
  html.ipad-pro-workspace .canvas-viewport{padding:0!important;touch-action:none}
  html.ipad-pro-workspace .toolbar-view-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  html.ipad-pro-workspace #fitBtn{min-width:40px;padding-inline:8px!important}
  html.ipad-pro-workspace #fitBtn{line-height:1;text-align:center}
  html.ipad-pro-workspace .desktop-grab-tool{display:none!important}
  html.ipad-pro-workspace .zoom-select{box-sizing:border-box;text-align-last:center}
  html.ipad-pro-workspace .ipad-project-menu,
  html.ipad-pro-workspace .histogram-module,
  html.ipad-pro-workspace .reset-utility,
  html.ipad-pro-workspace .desktop-film-tooltip-toggle,
  html.ipad-pro-workspace .desktop-autosave-toggle,
  html.ipad-pro-workspace .footer-workspace-tools{display:none!important}
  html.ipad-pro-workspace .workspace-footer{
    flex:0 0 0;
    min-height:0;
    height:0;
    padding:0;
    border:0;
    box-shadow:none;
    overflow:hidden;
  }
  html.ipad-pro-workspace .workspace-footer:has(.crop-footer-controls:not([hidden])){
    flex-basis:48px;
    min-height:48px;
    height:48px;
    padding:5px 14px;
    border-top:1px solid #303030;
    overflow:visible;
  }
  html.ipad-pro-workspace.ipad-view-pinching .canvas-shell{will-change:transform!important}
}

@media (min-width:761px) and (max-width:980px){
  html.ipad-pro-workspace{--ipad-left-rail:228px;--ipad-right-rail:244px;--ipad-topbar:58px}
  html.ipad-pro-workspace .app-header{padding-inline:14px}
  html.ipad-pro-workspace .stage-toolbar{padding-inline:8px}
}

@media (min-width:981px) and (max-width:1240px){
  html.ipad-pro-workspace{--ipad-left-rail:290px;--ipad-right-rail:300px}
  html.ipad-pro-workspace .toolbar-label,
  html.ipad-pro-workspace .toolbar-edit-label{display:none!important}
  html.ipad-pro-workspace .zoom-controls{gap:4px}
  html.ipad-pro-workspace .zoom-select{width:72px;min-width:72px;padding-left:7px;padding-right:20px}
  html.ipad-pro-workspace .edits-toolbar{gap:2px}
  html.ipad-pro-workspace .toolbar-edit-action{width:34px;min-width:34px;padding-inline:3px}
  html.ipad-pro-workspace .compare-button{padding-inline:7px}
}

@media (min-width:761px) and (max-width:980px){
  html.ipad-pro-workspace #fillBtn{display:none!important}
  html.ipad-pro-workspace .zoom-select{width:72px;min-width:72px;padding-left:7px;padding-right:20px}
  html.ipad-pro-workspace .edits-toolbar{gap:1px}
  html.ipad-pro-workspace .toolbar-edit-action{width:32px;min-width:32px;padding-inline:2px}
  html.ipad-pro-workspace .toolbar-divider{margin-inline:1px}
  html.ipad-pro-workspace .compare-button{padding-inline:5px}
}