/* A shared viewport: changing modes or opening a menu never allocates photo space. */
#fsFineDock{display:none}
body.editor-theme:not(.quick-edit) #fsFineDock{display:flex;flex-direction:column}
body.editor-theme.photo-ready .app{height:100dvh;min-height:0;overflow:hidden}
body.editor-theme.photo-ready .bar{min-height:76px;height:76px;margin-bottom:14px;padding:16px 26px;flex:none}
body.editor-theme.photo-ready .workspace{display:flex;flex:1;flex-direction:row;min-height:0;padding:0 18px 18px;gap:0}
body.editor-theme.photo-ready .stage-col{position:relative;flex:1;min-width:0;min-height:0;border:0;border-radius:0;overflow:hidden}
body.editor-theme.photo-ready .stage{flex:1;height:100%;padding:0;min-height:0}
body.editor-theme.photo-ready .panel-col{display:flex;flex-direction:column;flex:0 0 180px;width:180px;max-height:none;min-height:0;overflow:visible;border:0;border-left:1px solid #252525;border-radius:0;background:#0b0b0b}
body.editor-theme.photo-ready .panel-col>.panels,
body.editor-theme.photo-ready .panel-col>.recipe,
body.editor-theme.photo-ready #fsProvChip,
body.editor-theme.photo-ready #fsSignupNote,
body.editor-theme.photo-ready #fsHintWall,
body.editor-theme.photo-ready #badge,
body.editor-theme.photo-ready #uiMinBtn,
body.editor-theme.photo-ready #fsFilmTg,
body.editor-theme.photo-ready .holdcmp{display:none!important}
body.editor-theme.photo-ready .foot{display:grid;grid-template-columns:64px minmax(0,1fr);margin-top:auto;padding:6px 8px;gap:6px;background:transparent;border:0}
body.editor-theme.photo-ready .foot>.icbtn{display:none!important}
body.editor-theme.photo-ready .foot>#feOpen,
body.editor-theme.photo-ready .foot>#saveBtn{display:inline-flex!important;align-items:center;justify-content:center;min-width:0;width:auto;height:40px;min-height:40px;font:12px Inter,system-ui,sans-serif;border-radius:7px;letter-spacing:0;text-transform:none}
body.editor-theme.photo-ready .foot>#saveBtn{flex:1;background:#eee;color:#111}
body.editor-theme.photo-ready .foot>#feOpen{flex:0 0 64px}
body.editor-theme.photo-ready .foot>#feShare:not([hidden]){display:inline-flex!important;grid-column:1/-1;min-height:40px;font:12px Inter,system-ui,sans-serif}
body.editor-theme.photo-ready #exportBtn{display:none!important}
body.editor-theme:not(.quick-edit).photo-ready #firstEdit,
body.editor-theme:not(.quick-edit).photo-ready #fsQuickDock,
body.editor-theme:not(.quick-edit).photo-ready .strip-wrap{display:none!important}
body.editor-theme:not(.quick-edit).photo-ready #fsFineDock{display:flex;flex-direction:column;gap:4px;padding:8px;flex:none;min-height:104px}
body.editor-theme.photo-ready #fsFineDock #feBack{display:flex;flex:none;align-self:stretch;margin:0;min-height:34px;height:34px;justify-content:center;font:11px Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;background:transparent;border:1px solid #444;border-radius:7px;color:#eee}
body.editor-theme.photo-ready #fsFineDock .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;position:static;padding:0;border:0;background:transparent;min-width:0;overflow:auto}
body.editor-theme.photo-ready #fsFineDock .tab{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:40px;padding:4px;border:1px solid #333;border-radius:7px;color:#ccc;background:#151515}
body.editor-theme.photo-ready #fsFineDock .tab svg{width:16px;height:16px;flex:none}
body.editor-theme.photo-ready #fsFineDock .tab span{font:10px Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none}
body.editor-theme.photo-ready #fsFineDock .tab.on{background:#eee;color:#111;border-color:#eee}
/* Tool choices and their controls float inside the stage on every screen size. */
body.editor-theme.photo-ready #mchips,
body.editor-theme.photo-ready #msheet{position:absolute;left:50%;right:auto;top:auto;transform:translateX(-50%);width:calc(100% - 24px);margin:0;box-sizing:border-box;background:rgba(24,24,24,.18);border:1px solid #ffffff40;border-radius:12px;box-shadow:0 3px 14px #0002;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000c}
body.editor-theme.photo-ready #mchips{display:none!important;z-index:41;bottom:12px;max-width:640px;height:52px;padding:4px 6px;gap:4px;align-items:center;overflow-x:auto;overflow-y:hidden}
body.editor-theme:not(.quick-edit).photo-ready[data-fine-tools=true] #mchips{display:flex!important}
body.editor-theme.photo-ready #mchips .mchip{width:auto;min-width:54px;min-height:42px;flex-direction:row;gap:5px;padding:5px 8px;border:1px solid transparent;border-radius:7px;color:#fff}
body.editor-theme.photo-ready #mchips .mcic{width:20px;height:20px;border:0;background:none;border-radius:0}
body.editor-theme.photo-ready #mchips .mclb{font:10px Inter,system-ui,sans-serif;color:#fff;text-shadow:inherit;letter-spacing:0;text-transform:none;max-width:84px}
body.editor-theme.photo-ready #mchips .mcdot{display:none}
body.editor-theme.photo-ready #mchips .mchip.dirty{border-bottom-color:#ffffff80}
body.editor-theme.photo-ready #mchips .mchip[aria-expanded=true]{background:#ffffff24;border-color:#ffffffa6}
body.editor-theme.photo-ready #msheet{z-index:42;bottom:74px;max-width:400px;max-height:min(300px,calc(100% - 132px));transition:none}
body.editor-theme.quick-edit.photo-ready #msheet{display:none!important}
body.editor-theme.photo-ready #msheet .msh-grab{display:none}
body.editor-theme.photo-ready #msheet .msh-title{padding:12px 90px 8px 14px;text-align:left;font:11px Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#fff;text-shadow:inherit;min-height:40px}
body.editor-theme.photo-ready #msheet .msh-body{padding:0 14px 10px;overscroll-behavior:contain}
body.editor-theme.photo-ready #msheet .msh-foot{position:absolute;right:6px;top:3px;padding:0;gap:4px}
body.editor-theme.photo-ready #msheet .msh-x,
body.editor-theme.photo-ready #msheet .msh-ok{width:34px;height:34px;border-radius:7px;background:#ffffff12;border-color:#ffffff40;color:#fff}
body.editor-theme.photo-ready #msheet .sld{margin:12px 0 18px}
body.editor-theme.photo-ready #msheet .sld .lab,
body.editor-theme.photo-ready #msheet .sld .lab span,
body.editor-theme.photo-ready #msheet label,
body.editor-theme.photo-ready #msheet .lbl{color:#fff;text-shadow:inherit}
body.editor-theme.photo-ready #msheet :is(.seg button,.icbtn,.swb,.numbox,.txtin,.gfcard,.envcard,.envnone,.moldcard,.condcard){background-color:#ffffff0d;border-color:#ffffff40;color:#fff;text-shadow:inherit}
body.editor-theme.photo-ready #msheet :is(.seg button.on,.swb.on,.gfcard.on,.envcard.on,.moldcard.on,.condcard.on){background-color:#ffffff24;border-color:#ffffffb3}
body.editor-theme.photo-ready #msheet :is(.gfname,.gfdesc,.envcard span,.moldcard span,.condcard span){color:#fff;text-shadow:inherit}
body.editor-theme.photo-ready #msheet .envgrid>div:not(.envcard){opacity:.85!important;color:#fff;text-shadow:inherit}
body.editor-theme.photo-ready #msheet.peek{background:rgba(24,24,24,.08);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
body.editor-theme.photo-ready :is(#fsFineDock,#mchips,#msheet) :focus-visible{outline:2px solid #fff;outline-offset:1px}
@media(max-width:900px) and (orientation:portrait){
 body.editor-theme.photo-ready .bar{height:62px;min-height:62px;margin:0;padding:9px 14px;gap:4px}
 body.editor-theme.photo-ready .workspace{flex-direction:column;padding:0 0 4px}
 body.editor-theme.photo-ready .panel-col{flex:none;width:100%;border:0}
 body.editor-theme.photo-ready .foot{display:flex;margin:0;padding:0 8px max(6px,env(safe-area-inset-bottom))}
 body.editor-theme:not(.quick-edit).photo-ready #fsFineDock{flex-direction:row;height:54px;min-height:54px;padding:6px 8px;gap:6px}
 body.editor-theme.photo-ready #fsFineDock #feBack{align-self:center;min-width:44px;width:44px}
 body.editor-theme.photo-ready #fsFineDock .tabs{display:flex;flex:1;align-items:center;overflow-x:auto;scrollbar-width:none}
 body.editor-theme.photo-ready #fsFineDock .tab{min-width:58px;min-height:42px;flex-direction:column;gap:2px}
 body.editor-theme.photo-ready #fsFineDock .tab span{font-size:9px}
}
@media(max-width:900px) and (orientation:landscape), (max-width:1100px) and (max-height:600px) and (orientation:landscape){
 body.editor-theme.photo-ready .bar{height:52px;min-height:52px;padding:4px max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left));margin:0}
 body.editor-theme.photo-ready .workspace{padding:0 max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}
 body.editor-theme.photo-ready #msheet{max-height:calc(100% - 126px)}
}
/* Quick adjustments reveal the photograph while a slider is held. */
body.editor-theme.quick-edit.photo-ready #firstEdit.fs-adjusting{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-color:transparent!important}
body.editor-theme.quick-edit.photo-ready #firstEdit.fs-adjusting :is(label,.fe-strength-label){opacity:.25}
.fs-scroll-arrow{display:none}
@media (min-width:901px) and (min-height:601px) and (hover:hover) and (pointer:fine){
 .fs-scroll-arrow{position:fixed;z-index:100;display:flex;align-items:center;justify-content:center;width:24px;height:28px;border:1px solid #ffffff45;border-radius:8px;background:#16161690;backdrop-filter:blur(3px);color:white;font:20px system-ui;cursor:pointer;padding:0}
 .fs-scroll-arrow[hidden]{display:none}
 body.editor-theme.photo-ready :is(button,[role=button],input):focus-visible{outline:2px solid #fff;outline-offset:2px}
}
body.editor-theme #fsViewControls.fs-adjusting{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:transparent!important;box-shadow:none!important}
.fs-gallery-pages{display:none}

 body.editor-theme.photo-ready #msheet.fs-gallery{max-width:640px;max-height:none;background:rgba(18,18,18,.1);backdrop-filter:blur(2px);box-shadow:none}
 body.editor-theme.photo-ready #msheet.fs-gallery .msh-body{overflow:visible;padding:0 14px 8px}
 #msheet.fs-gallery :is(.gfselwrap,.lkwrap,.fs-choice-ribbon){display:flex;flex-flow:row nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;padding:0}
 #msheet.fs-gallery :is(.envgrid,.lkgrid){display:contents}
 #msheet.fs-gallery :is(.grouplbl,.lkcat,.envcat,.hint,.gfdesc){display:none}
 body.editor-theme #msheet.fs-gallery :is(.gfcard,.envcard,.envnone,.lktile){position:relative;display:block;width:100%;min-width:0;height:100px;margin:0;padding:0;border:1px solid #ffffff30;border-radius:8px;overflow:hidden;background-color:#151515;background-size:cover;background-position:center;cursor:pointer}
 body.editor-theme #msheet.fs-gallery :is(.gfcard,.envcard,.envnone,.lktile).on{border-color:white;box-shadow:0 0 0 1px white}
 #msheet.fs-gallery :is(.gfname,.lkname,.envcard span){position:absolute;bottom:0;left:0;right:0;padding:14px 7px 6px;background:linear-gradient(transparent,#000b);color:white;font:11px/1.2 Inter,system-ui;text-transform:none;letter-spacing:0;text-align:left}
 #msheet.fs-gallery :is(.envcard canvas,.lkimg){display:block;width:100%;height:100%;border:0;object-fit:cover}
 #msheet.fs-gallery .fs-page-hidden{display:none!important}
 #msheet.fs-gallery .fs-gallery-pages{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 10px 8px;font:10px Inter,system-ui;color:#ddd}
 .fs-gallery-pages button{width:30px;height:26px;background:transparent;border:1px solid #ffffff40;border-radius:6px;color:white;cursor:pointer}
 .fs-gallery-pages button:disabled{opacity:.25;cursor:default}
/* Stable value columns: keep signs, decimals, units and reset controls visible. */
body.editor-theme #msheet .sld .lab{gap:10px;align-items:center;min-width:0}
body.editor-theme #msheet .sld .lab>span:first-child{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
body.editor-theme #msheet .vwrap{display:inline-flex;align-items:center;gap:5px;flex:none;min-width:0}
body.editor-theme #msheet .numbox{box-sizing:content-box;flex:none;width:var(--fs-number-width,7ch);min-width:7ch;padding:5px 7px;font-variant-numeric:tabular-nums;line-height:1.4;text-align:right}
body.editor-theme #msheet .resetb{flex:none;min-width:26px;min-height:28px;margin:0}
body.editor-theme #msheet .sld input[type=range]{box-sizing:border-box;max-width:100%;min-width:0}
body.editor-theme #msheet .seg{flex-wrap:wrap;gap:5px}
body.editor-theme #msheet .seg button{white-space:normal;line-height:1.3;min-height:32px}
/* One continuous visual ribbon for mouse, trackpad and touch. */
body.editor-theme #msheet.fs-gallery :is(.gfselwrap,.lkwrap,.fs-choice-ribbon){display:flex;flex-flow:row nowrap!important;gap:10px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:3px 2px 7px;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;-webkit-overflow-scrolling:touch}
body.editor-theme #msheet.fs-gallery :is(.gfselwrap,.lkwrap,.fs-choice-ribbon)::-webkit-scrollbar{display:none}
body.editor-theme #msheet.fs-gallery :is(.gfcard,.envcard,.envnone,.lktile){flex:0 0 140px;height:100px;border-radius:10px}
body.editor-theme #msheet.fs-gallery.peek{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:transparent!important;box-shadow:none!important}
body.editor-theme #msheet.fs-gallery.peek .fs-gallery-pages{opacity:0;pointer-events:none}
body.editor-theme #msheet.fs-gallery .gfcard::after{content:'DETAIL';position:absolute;top:5px;left:6px;font:8px Inter,system-ui;letter-spacing:.09em;color:#fff;text-shadow:0 1px 3px #000}
@media(max-width:900px){
 body.editor-theme #msheet.fs-gallery{max-height:min(360px,calc(100% - 132px))}
 body.editor-theme #msheet.fs-gallery .msh-body{overflow-y:auto}
 body.editor-theme #msheet.fs-gallery :is(.gfcard,.envcard,.envnone,.lktile){flex-basis:116px;height:90px}
}
.fs-cluster-detail{margin-top:8px}
.fs-cluster-detail p{font:10px/1.4 Inter,system-ui;color:#ddd;margin:0 0 6px}
.fs-cluster-detail canvas{display:block;width:100%;height:72px;object-fit:cover;border-radius:6px;border:1px solid #ffffff30}
.fs-cluster-detail>div{display:flex;justify-content:space-between;font:9px Inter,system-ui;margin-top:4px;color:#ddd}
body.editor-theme #msheet.fs-gallery .gfcard::after{content:none}
body.editor-theme #msheet.fs-gallery .gfcard .gfname{font-size:11px;line-height:1.35;letter-spacing:.02em;padding:18px 9px 9px}
.fs-leak-move-row{display:flex;gap:8px;align-items:center;flex:0 0 auto;padding:5px}
body.editor-theme #msheet .fs-leak-move-row button{font:11px Inter,system-ui;text-transform:none;letter-spacing:0;white-space:nowrap}
body.fs-leak-moving #cv{cursor:crosshair!important}
body.editor-theme.fs-leak-moving :is(#msheet,#mchips,#fsViewControls,.fs-scroll-arrow){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
/* Film collections share a compact layout on desktop and phone. */
body.editor-theme .fs-portfolio-card{width:min(600px,94vw);box-sizing:border-box}
.fs-portfolio-head{margin:0 24px 18px 0}
.fs-portfolio-head>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.fs-portfolio-head .cloud-mail{overflow-wrap:anywhere;min-width:0}
body.editor-theme .fs-portfolio-head button{padding:5px 8px;white-space:nowrap;font-size:10px}
.fs-portfolio-nav{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #ffffff20;padding-bottom:12px;margin-bottom:16px}
body.editor-theme .fs-portfolio-nav button{padding:9px 10px;min-height:40px;font:12px Inter,system-ui;letter-spacing:0;text-transform:none;border:1px solid #ffffff30;background:transparent;color:#bbb}
body.editor-theme .fs-portfolio-nav button[aria-pressed=true]{background:#eee;color:#151515;border-color:#eee}
.fs-portfolio-card [hidden]{display:none!important}
.fs-portfolio-card [data-portfolio-pane],.fs-portfolio-card [data-admin]{margin-top:0!important;padding-top:0!important;border-top:0!important}
.fs-portfolio-details{margin-top:16px;border-top:1px solid #ffffff20;padding-top:12px}
.fs-portfolio-details summary{cursor:pointer;font:13px/1.5 Inter,system-ui;padding:6px 0;color:#ddd}
.fs-portfolio-card .cloud-looks{max-height:none!important;overflow:visible!important}
.fs-portfolio-card .cloud-looks li{flex-wrap:wrap;gap:8px;cursor:default}
.fs-portfolio-card .cloud-looks .nm{min-width:120px;overflow-wrap:anywhere;cursor:pointer}
.fs-portfolio-card .cloud-looks .st{max-width:50%;overflow-wrap:anywhere;letter-spacing:.02em}
.fs-portfolio-card .cloud-looks :is(.act,.del){display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:40px;border:1px solid #ffffff20;border-radius:6px;cursor:pointer}
body.editor-theme .fs-portfolio-card .fs-order-group li button{width:36px;height:40px;flex:none}
.fs-portfolio-card .fs-order-grip{min-width:28px;padding:10px 0}
.fs-portfolio-card .fs-order-name{white-space:normal;overflow-wrap:anywhere}
.fs-grain-backdrops{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 12px 6px;font:10px Inter,system-ui;color:white}
.fs-grain-backdrops[hidden]{display:none}
body.editor-theme #msheet .fs-grain-backdrops button{width:28px;height:28px;border:2px solid transparent;border-radius:50%;padding:0;background:var(--paper);box-shadow:0 0 0 1px #ffffff50;cursor:pointer}
body.editor-theme #msheet .fs-grain-backdrops button[aria-pressed=true]{border-color:#fff}
body.editor-theme #msheet.peek{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:transparent!important;box-shadow:none!important}
@media(max-width:600px){
 body.editor-theme .fs-portfolio-card{padding:18px;max-height:90dvh}
 .fs-portfolio-nav{gap:4px}
 body.editor-theme .fs-portfolio-nav button{flex:1;padding:9px 5px;font-size:11px;white-space:nowrap}
 .fs-portfolio-card .row{flex-wrap:wrap}
 .fs-portfolio-card .row button{min-width:110px;min-height:44px}
 .fs-portfolio-card .fs-order-head{align-items:start}
 body.editor-theme #msheet.fs-gallery .msh-body{overflow-y:visible}
 body.editor-theme #msheet.fs-gallery :is(.gfcard,.envcard,.envnone,.lktile){flex-basis:124px;height:88px;scroll-snap-align:start}
 body.editor-theme #msheet.fs-gallery :is(.gfselwrap,.lkwrap,.fs-choice-ribbon){scroll-snap-type:x proximity}
}
@media(max-height:500px){
 body.editor-theme #msheet.fs-gallery :is(.gfcard,.envcard,.envnone,.lktile){height:64px}
 body.editor-theme #msheet.fs-gallery .msh-title{padding-top:7px;min-height:30px}
 .fs-grain-backdrops{position:absolute;right:88px;top:2px;padding:0}
 .fs-grain-backdrops>span{display:none}
 #msheet.fs-gallery .fs-gallery-pages{padding-bottom:4px}
}
body.editor-theme #msheet .fs-grain-backdrops{position:absolute;right:88px;top:6px;padding:0}
body.editor-theme #msheet .fs-grain-backdrops>span{display:none}
body.editor-theme .fs-portfolio-card .pri{background:#eee;color:#111}
body.editor-theme .fs-portfolio-card .pri:hover{background:#fff}
body.editor-theme .fs-portfolio-card input{font-size:16px}
/* Light adjustments sit on two short rows below the visual ribbon. */
body.editor-theme #msheet.fs-gallery .sld{display:grid;grid-template-columns:86px minmax(40px,1fr) 88px;gap:8px;align-items:center;min-height:42px;margin:3px 0}
body.editor-theme #msheet.fs-gallery .sld[hidden]{display:none!important}
body.editor-theme #msheet.fs-gallery .sld .lab{display:contents}
body.editor-theme #msheet.fs-gallery .sld .lab>span:first-child{grid-column:1;grid-row:1;font-size:11px;line-height:1.35}
body.editor-theme #msheet.fs-gallery .sld .vwrap{grid-column:3;grid-row:1;justify-content:end}
body.editor-theme #msheet.fs-gallery .sld input[type=range]{grid-column:2;grid-row:1;margin:0;min-height:30px;width:100%}
body.editor-theme #msheet.fs-gallery .sld .numbox{width:4ch!important;min-width:4ch;padding:4px;font-size:16px}
body.editor-theme #msheet.fs-gallery .sld .analog-dependency{grid-column:1/-1}
.fs-portfolio-card [data-favorite-manager] .fs-order-cat{display:none}
/* Native export popups must remain legible in the black editor theme. */
body.editor-theme :is(#exportSize,#exportFmt){color-scheme:dark;background-color:#000!important;color:#fff!important;border-color:#ffffff35}
body.editor-theme :is(#exportSize,#exportFmt) option{background:#000;color:#fff}
body.editor-theme #exportFmt{min-width:112px!important}
body.editor-theme #msheet.fs-gallery .sld input[type=range]{min-height:10px;height:10px}

/* One row of visual choices; no pagination footer competing with the photo. */
body.editor-theme #msheet.fs-gallery .fs-gallery-pages{display:none!important}
/* Native slider gestures and lazy mobile menus share the desktop presentation. */
body.editor-theme.photo-ready #firstEdit:has(input[type=range]:active),
body.editor-theme.photo-ready #fsViewControls:has(input[type=range]:active){background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-color:transparent!important}
body.editor-theme #msheet :is(.gfselwrap,.lkwrap,.fs-choice-ribbon){display:flex!important;flex-flow:row nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;min-width:0;max-width:100%;gap:10px;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}
body.editor-theme #msheet :is(.gfselwrap,.lkwrap,.fs-choice-ribbon) :is(.envgrid,.lkgrid){display:contents!important}
body.editor-theme #msheet :is(.gfcard,.envcard,.envnone,.lktile){flex-shrink:0!important}
/* Export format remains visible before opening a photo and in both edit modes. */
#fsExportFormats{display:none}
@media(max-width:900px), (max-width:1100px) and (max-height:600px) and (orientation:landscape){
 body.editor-theme .app>.foot{display:flex!important;align-items:center;flex:0 0 auto;width:100%;box-sizing:border-box;gap:8px;margin:0!important;padding:6px 10px max(6px,env(safe-area-inset-bottom))!important;background:#080808!important;border:0;border-top:1px solid #ffffff18}
 body.editor-theme .app>.foot>#fsExportFormats{display:flex;flex:0 0 auto;gap:2px;padding:3px;border:1px solid #ffffff35;border-radius:8px}
 body.editor-theme #fsExportFormats button{appearance:none;min-height:34px;min-width:48px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:#aaa;font:500 12px/1 Inter,system-ui;cursor:pointer}
 body.editor-theme #fsExportFormats button[aria-pressed=true]{background:#eee;color:#111}
 body.editor-theme #fsExportFormats button:focus-visible{outline:2px solid #fff;outline-offset:2px}
 body.editor-theme .app>.foot>#feOpen{display:inline-flex!important;flex:0 0 54px;min-width:0;width:54px;height:42px;min-height:42px;padding:0 8px;align-items:center;justify-content:center}
 body.editor-theme .app>.foot>#saveBtn{display:inline-flex!important;flex:1;min-width:0;width:auto;height:42px;min-height:42px;padding:0 8px;align-items:center;justify-content:center;font-size:12px;white-space:nowrap}
 body.editor-theme .app>.foot>.icbtn:not(#feOpen):not(#saveBtn){display:none!important}
}
/* Compact publishing controls share the account library's monochrome styling. */
.fs-publish-film{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;padding:16px;border:1px solid #ffffff25;border-radius:10px}
.fs-publish-film[hidden]{display:none}
.fs-publish-film h4,.fs-publish-film>.sub,.fs-publish-film>.msg,.fs-publish-film>.fs-publish-first,.fs-publish-film>button{grid-column:1/-1;margin:0}
.fs-publish-film label{display:flex;flex-direction:column;gap:6px;min-width:0;font:12px/1.4 Inter,system-ui;color:#bbb}
body.editor-theme .fs-publish-film :is(select,input:not([type=checkbox])){box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:8px;background:#080808;color:#fff;border:1px solid #ffffff35;border-radius:6px;font:16px Inter,system-ui;color-scheme:dark}
.fs-publish-film .fs-publish-first{flex-direction:row;align-items:center}
.fs-publish-film input[type=checkbox]{width:18px;height:18px;accent-color:#fff}
@media(max-width:480px){.fs-publish-film{grid-template-columns:1fr;padding:12px}}
/* Same concise chromatic layout on desktop and mobile. */
body.editor-theme #msheet.fs-chromatic .sld{display:grid;grid-template-columns:90px minmax(50px,1fr) 76px;align-items:center;gap:8px;margin:5px 0;min-height:40px}
body.editor-theme #msheet.fs-chromatic .sld[hidden],body.editor-theme #msheet.fs-chromatic [data-control=caColor]{display:none!important}
body.editor-theme #msheet.fs-chromatic .lab{display:contents}
body.editor-theme #msheet.fs-chromatic .lab>span:first-child{grid-column:1;grid-row:1;display:flex;align-items:center;gap:6px;font-size:11px}
body.editor-theme #msheet.fs-chromatic .vwrap{grid-column:3;grid-row:1;justify-content:end}
body.editor-theme #msheet.fs-chromatic input[type=range]{grid-column:2;grid-row:1;width:100%;margin:0;height:10px;min-height:10px}
body.editor-theme #msheet.fs-chromatic .numbox{width:4ch!important;min-width:4ch;font-size:16px;padding:4px}
body.editor-theme #msheet.fs-chromatic input[type=color]{width:28px;height:28px;min-width:28px;padding:0;border:1px solid #ffffff50;border-radius:50%;overflow:hidden;cursor:pointer}
body.editor-theme #msheet.fs-chromatic .analog-dependency{grid-column:1/-1}
/* A parameter ribbon and one full-width slider keep the photo unobstructed. */
body.editor-theme #msheet.fs-focused-sliders .sld[data-fs-active=false]{display:none!important}
body.editor-theme #msheet .fs-adjustment-tabs{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin:0 0 6px;padding:2px 0;touch-action:pan-x}
body.editor-theme #msheet .fs-adjustment-tabs[hidden]{display:none}
body.editor-theme #msheet .fs-adjustment-tabs button{flex:0 0 auto;min-height:34px;padding:5px 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:#ddd;font:11px/1.3 Inter,system-ui;white-space:nowrap;text-shadow:0 1px 3px #000;cursor:pointer}
body.editor-theme #msheet .fs-adjustment-tabs button[aria-pressed=true]{background:#ffffff1a;color:#fff;border-color:#ffffff65}
body.editor-theme #msheet .fs-adjustment-tabs button[hidden]{display:none}
body.editor-theme #msheet.fs-focused-sliders .sld{display:grid;grid-template-columns:90px minmax(40px,1fr) 84px;align-items:center;gap:8px;margin:2px 0;min-height:42px}
body.editor-theme #msheet.fs-focused-sliders .sld[hidden]{display:none!important}
body.editor-theme #msheet.fs-focused-sliders .sld .lab{display:contents}
body.editor-theme #msheet.fs-focused-sliders .sld .lab>span:first-child{grid-column:1;grid-row:1;font-size:11px}
body.editor-theme #msheet.fs-focused-sliders .sld .vwrap{grid-column:3;grid-row:1;justify-content:end}
body.editor-theme #msheet.fs-focused-sliders .sld input[type=range]{grid-column:2;grid-row:1;margin:0;width:100%;height:10px;min-height:10px}
body.editor-theme #msheet.fs-focused-sliders .sld .numbox{width:4ch!important;min-width:4ch;font-size:16px;padding:4px}
body.editor-theme #msheet.fs-focused-sliders .sld .analog-dependency{grid-column:1/-1}
body.editor-theme #msheet.peek .fs-adjustment-tabs{opacity:0;pointer-events:none}
/* The selected tab already names the adjustment; give that space to its slider. */
body.editor-theme #msheet.fs-focused-sliders .sld{grid-template-columns:minmax(60px,1fr) 84px}
body.editor-theme #msheet.fs-focused-sliders .sld .lab>span:first-child{display:none}
body.editor-theme #msheet.fs-focused-sliders .sld input[type=range]{grid-column:1}
body.editor-theme #msheet.fs-focused-sliders .sld .vwrap{grid-column:2}
body.editor-theme #msheet.fs-focused-sliders .sld:has(input[type=color]){grid-template-columns:32px minmax(60px,1fr) 84px}
body.editor-theme #msheet.fs-focused-sliders .sld:has(input[type=color]) .lab>span:first-child{display:flex;font-size:0}
body.editor-theme #msheet.fs-focused-sliders .sld:has(input[type=color]) input[type=range]{grid-column:2}
body.editor-theme #msheet.fs-focused-sliders .sld:has(input[type=color]) .vwrap{grid-column:3}
/* Stable, fully visible choices; simple pairs need no extra selection layer. */
body.editor-theme #msheet .fs-adjustment-tabs{overflow:visible;gap:3px;align-items:stretch}
body.editor-theme #msheet .fs-adjustment-tabs button{flex:1 1 0;min-width:0;white-space:normal;overflow-wrap:normal;padding:5px 4px;min-height:36px;font-size:10px;line-height:1.2;text-align:center}
body.editor-theme #msheet .fs-adjustment-tabs button:disabled{opacity:.4;cursor:default}
body.editor-theme #msheet:not(.fs-focused-sliders) .sld{display:grid;grid-template-columns:86px minmax(40px,1fr) 96px;align-items:center;gap:8px;margin:4px 0;min-height:42px}
body.editor-theme #msheet:not(.fs-focused-sliders) .sld[hidden]{display:none!important}
body.editor-theme #msheet:not(.fs-focused-sliders) .sld .lab{display:contents}
body.editor-theme #msheet:not(.fs-focused-sliders) .sld .lab>span:first-child{grid-column:1;grid-row:1;font-size:11px;line-height:1.3}
body.editor-theme #msheet:not(.fs-focused-sliders) .sld .vwrap{grid-column:3;grid-row:1;justify-content:end}
body.editor-theme #msheet:not(.fs-focused-sliders) .sld input[type=range]{grid-column:2;grid-row:1;width:100%;margin:0;height:10px;min-height:10px}
body.editor-theme #msheet:not(.fs-focused-sliders) .sld .numbox{width:5ch!important;min-width:5ch;font-size:16px;padding:4px}
body.editor-theme #msheet:not(.fs-focused-sliders) .sld .analog-dependency{grid-column:1/-1}
/* Sliders own the space; numerical entry remains internal for recipe syncing. */
body.editor-theme :is(#msheet,#panels) .numbox{display:none!important}
body.editor-theme #msheet .sld{grid-template-columns:86px minmax(60px,1fr) 28px!important}
body.editor-theme #msheet.fs-focused-sliders .sld{grid-template-columns:minmax(60px,1fr) 28px!important}
body.editor-theme #msheet.fs-focused-sliders .sld:has(input[type=color]){grid-template-columns:32px minmax(60px,1fr) 28px!important}
body.editor-theme #msheet :is(.mclb,.lab>span:first-child,.seg button,.fs-adjustment-tabs button){white-space:nowrap!important;overflow-wrap:normal!important}
body.editor-theme .bar{position:relative;z-index:100;overflow:visible}
#fsMobileMore{position:fixed;z-index:10001;width:210px;max-height:calc(100dvh - 80px);overflow-y:auto;padding:8px;border:1px solid #ffffff35;border-radius:10px;background:#151515f5;box-shadow:0 10px 32px #0008;color:#fff}
#fsMobileMore[hidden]{display:none}
#fsMobileMore button{display:block;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:#fff;text-align:left;font:13px Inter,system-ui;cursor:pointer}
#fsMobileMore button:hover,#fsMobileMore button:focus-visible{background:#ffffff18}
#fsMobileMore button:disabled{opacity:.4}
#fsMobileMore label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;font:12px Inter,system-ui;white-space:nowrap}
#fsMobileMore select{min-width:90px;max-width:112px;background:#000;color:#fff;color-scheme:dark;border:1px solid #ffffff35;border-radius:5px;padding:6px;font-size:16px}
body.editor-theme #msheet .sld.fs-label-redundant{grid-template-columns:minmax(60px,1fr) 28px!important}
body.editor-theme #msheet .sld.fs-label-redundant .lab>span:first-child{display:none!important}
body.editor-theme #msheet .sld.fs-label-redundant input[type=range]{grid-column:1!important}
body.editor-theme #msheet .sld.fs-label-redundant .vwrap{grid-column:2!important}

/* Positioning pads keep their target visible while the photo shows through. */
body.editor-theme #msheet.peek :is(.lkpad,.dmgpad){background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#ffffff30}
body.editor-theme #msheet.peek .peekon :is(.hint,.dmghint){opacity:0}