/* A black studio interface for the redesigned editor.
   The photo mat is neutral; these rules never alter the image canvas pixels. */
body.editor-theme{
 --bg:var(--fs-paper);--chrome:var(--fs-surface);--chrome-2:#1c1c1c;--raise:#303030;
 --ink:var(--fs-ink);--muted:var(--fs-muted);--faint:#999999;
 --amber:var(--fs-accent);--amber-2:#dddddd;--gold:var(--fs-accent);
 --line:var(--fs-line);--line-2:var(--fs-line-strong);
 font-family:var(--fs-body);background:var(--fs-paper);color:var(--fs-ink);
 -webkit-font-smoothing:antialiased;color-scheme:dark;
}
.editor-theme .app{background:var(--fs-paper)}
.editor-theme .bar{background:var(--fs-paper);border-bottom:1px solid var(--fs-line);margin-bottom:14px}
/* Match the original landing page wordmark, including its unfiltered symbol. */
.editor-theme .editor-brand{gap:12px;white-space:nowrap}
.editor-community-mobile{display:none}
.editor-theme .bar .mark{font-family:var(--fs-brand);font-weight:400;font-size:20px;line-height:31.5px;letter-spacing:.22em;text-transform:uppercase;color:#f8f6f1}
.editor-theme .bar .brandmk{width:26px;height:26px;filter:none;opacity:1}
.editor-theme #gpuTag{display:none}
.editor-theme .icbtn{font-family:var(--fs-body);border-radius:var(--fs-radius);letter-spacing:0;text-transform:none}
.editor-theme .bar .icbtn{background:transparent;border-color:var(--fs-line);color:var(--fs-ink)}
.editor-theme .icbtn:hover{border-color:var(--fs-ink);color:var(--fs-ink)}
.editor-theme .icbtn.go,.editor-theme.quick-edit #saveBtn,.editor-theme.quick-edit #choosePhotoBtn{
 background:var(--fs-ink);color:var(--fs-paper);border-color:var(--fs-ink);font-family:var(--fs-body);border-radius:var(--fs-radius)
}
.editor-theme .icbtn.go:hover,.editor-theme.quick-edit #saveBtn:hover,.editor-theme.quick-edit #choosePhotoBtn:hover{background:#dddddd;color:var(--fs-paper)}
.editor-theme.quick-edit #saveBtn:disabled{background:#222222;border-color:#292929;color:#888888}
.editor-theme #fsComBtn{background:transparent!important;color:var(--fs-muted)!important;box-shadow:none!important;border-color:var(--fs-line)!important;font-family:var(--fs-body)!important;letter-spacing:0!important}
.editor-theme #fsComBtn .fsc-cat{display:none}
.editor-theme .stage-col,.editor-theme.quick-edit .stage-col{background:var(--fs-mat);border-color:var(--fs-line)}
.editor-theme .stage{background:var(--fs-mat)}
.editor-theme .panel-col,.editor-theme.quick-edit .panel-col,.editor-theme .tabs,.editor-theme .foot,.editor-theme.quick-edit .foot{background:var(--fs-surface);border-color:var(--fs-line)}
.editor-theme .strip-wrap,.editor-theme.quick-edit .strip-wrap{background:var(--fs-surface);border-color:var(--fs-line)}
.editor-theme.quick-edit #badge{color:var(--fs-muted);font-family:var(--fs-body)}
.editor-theme.quick-edit #cv{box-shadow:0 12px 35px #17171722}
.editor-theme.quick-edit #firstEdit{font-family:var(--fs-body)}
.editor-theme.quick-edit .fe-kicker{font-family:var(--fs-body);color:var(--fs-muted)}
.editor-theme.quick-edit #feTitle{color:var(--fs-accent);font-family:var(--fs-display)}
.editor-theme.quick-edit #feHint,.editor-theme.quick-edit .fe-photo{color:var(--fs-muted)}
.editor-theme.quick-edit #feChoose{color:var(--fs-accent);font-family:var(--fs-body)}
.editor-theme.quick-edit #feCompare{color:var(--fs-ink);border-color:var(--fs-line-strong);font-family:var(--fs-body)}
.editor-theme.quick-edit #feAdvanced,.editor-theme.quick-edit:not(.photo-ready) #feAdvanced{color:var(--fs-muted);font-family:var(--fs-body)}
.editor-theme.quick-edit .fe-note{color:var(--fs-muted)}
.editor-theme #feWelcome li>span{font-family:var(--fs-body);color:var(--fs-accent)}
.editor-theme #feWelcome strong{color:var(--fs-ink);font-weight:500}
.editor-theme #feWelcome p{color:var(--fs-muted)}
.editor-theme.quick-edit #drop .drop-line{color:var(--fs-ink);font-family:var(--fs-display)}
.editor-theme.quick-edit #drop>small,.editor-theme.quick-edit #drop>small.drop-privacy{font-family:var(--fs-body);color:var(--fs-muted)}
.editor-theme.quick-edit #drop .demo{font-family:var(--fs-body);color:var(--fs-ink)}
.editor-theme .drop-prints img{border-color:#ffffff;box-shadow:0 8px 18px #17171723}
.editor-theme.quick-edit #feStrength::-webkit-slider-runnable-track{background:#484848}
.editor-theme.quick-edit #feStrength::-webkit-slider-thumb{background:var(--fs-ink);border-color:var(--fs-paper);box-shadow:0 0 0 1px var(--fs-ink)}
.editor-theme.quick-edit #feStrength::-moz-range-track{background:#484848}
.editor-theme.quick-edit #feStrength::-moz-range-thumb{background:var(--fs-ink);border-color:var(--fs-paper);box-shadow:0 0 0 1px var(--fs-ink)}
.editor-theme.quick-edit .cat-filter button{color:var(--fs-muted);font-family:var(--fs-body)!important}
.editor-theme.quick-edit .cat-filter button.on{background:var(--fs-sage);color:var(--fs-ink);border-color:var(--fs-line-strong)}
.editor-theme.quick-edit .frame .nm{color:var(--fs-muted);font-family:var(--fs-body)}
.editor-theme.quick-edit .frame.on .nm{color:var(--fs-accent)}
.editor-theme.quick-edit .frame.on .pic{border-color:var(--fs-accent);box-shadow:0 0 0 2px #17171715}
.editor-theme .stgbtn{background:var(--fs-paper);border-color:var(--fs-line-strong);color:var(--fs-ink)}
.editor-theme #fsProvChip{background:var(--fs-paper)!important;border-color:var(--fs-line-strong)!important;color:var(--fs-ink)!important}
.editor-theme #fsFilmTg{background:var(--fs-paper)!important;border-color:var(--fs-line-strong)!important;color:var(--fs-ink)!important;font-family:var(--fs-body);letter-spacing:0!important;text-transform:none!important}
.editor-theme .badge{background:var(--fs-paper);color:var(--fs-muted)}
.editor-theme .holdcmp{background:var(--fs-paper);color:var(--fs-muted);border-color:var(--fs-line-strong)}
.editor-theme #fsSignupNote{background:var(--fs-sage);color:var(--fs-muted);border-color:var(--fs-line);font-family:var(--fs-body);letter-spacing:0;text-transform:none}
.editor-theme #fsSignupNote .fsn-go{background:var(--fs-ink);color:var(--fs-paper);letter-spacing:0;text-transform:none;border-radius:var(--fs-radius)}
.editor-theme #fsSignupNote .fsn-x{color:var(--fs-muted)}
/* Detailed controls keep the same black chrome when opening Fine-tune. */
.editor-theme .tab,.editor-theme .sld .lab,.editor-theme .sld .lab span:first-child{color:var(--fs-muted)}
.editor-theme .tab.on{color:var(--fs-accent);border-bottom-color:var(--fs-accent)}
.editor-theme .tab.on svg{filter:none}
.editor-theme .grouplbl,.editor-theme .majorlbl{color:var(--fs-muted)}
.editor-theme .gfcard{background:var(--fs-surface);border-color:var(--fs-line-strong)}
.editor-theme .gfcard .gfname{color:var(--fs-ink)}
.editor-theme .gfcard .gfdesc{color:var(--fs-muted)}
.editor-theme .gfcard.on{background:var(--fs-sage);border-color:var(--fs-line-strong)}
.editor-theme .gfcard.on .gfname{color:var(--fs-ink)}
.editor-theme .seg button,.editor-theme .numbox,.editor-theme .txtin{font-family:var(--fs-body)}
.editor-theme .seg button.on{background:var(--fs-sage);color:var(--fs-ink);border-color:var(--fs-line-strong)}
.editor-theme input[type=range]::-webkit-slider-thumb{background:var(--fs-ink);border-color:var(--fs-paper);box-shadow:0 0 0 1px var(--fs-ink)}
.editor-theme .recipe{color:var(--fs-muted);border-color:var(--fs-line)}
.editor-theme .vchip{color:var(--fs-muted);border-color:var(--fs-line-strong)}
.editor-theme .vchip.on{color:var(--fs-accent);border-color:var(--fs-accent)}
.editor-theme #msheet{background:rgba(16,16,16,.98);border-color:var(--fs-line);box-shadow:0 -12px 40px #17171718}
.editor-theme #msheet.peek{background:rgba(16,16,16,.2);box-shadow:none}
.editor-theme #msheet .msh-title,.editor-theme #msheet label,.editor-theme #msheet .lbl{text-shadow:none;color:var(--fs-ink)}
.editor-theme #sharePop,.editor-theme #fsMorePop{background:var(--fs-surface)!important;color:var(--fs-ink)!important;border-color:var(--fs-line-strong)!important;box-shadow:0 15px 40px #17171720!important}
.editor-theme #sharePop .shrow,.editor-theme #fsMorePop button{color:var(--fs-ink)}
.editor-theme #sharePop small{color:var(--fs-muted)}
.editor-theme #fsWallChip{border-color:var(--fs-line-strong)!important;color:var(--fs-ink)!important}
.editor-theme .frame .favst.on{color:#fff;text-shadow:0 1px 3px #000}
.editor-theme .cat-filter button.on,.editor-theme .swb.on{background:var(--fs-sage);border-color:var(--fs-ink);color:var(--fs-ink)}
.editor-theme .msh-ok{background:var(--fs-ink);border-color:var(--fs-ink);color:var(--fs-surface)}
.editor-theme .mchip.dirty .mcic{border-color:var(--fs-ink)}
.editor-theme .envcard,.editor-theme .envnone,.editor-theme .moldcard,.editor-theme .condcard{background:var(--fs-surface);border-color:var(--fs-line-strong);color:var(--fs-muted)}
.editor-theme .envcard span,.editor-theme .moldcard span,.editor-theme .condcard span{color:var(--fs-muted)}
.editor-theme .envcard.on,.editor-theme .envnone.on,.editor-theme .moldcard.on,.editor-theme .condcard.on{background:var(--fs-sage);border-color:var(--fs-ink);color:var(--fs-ink);box-shadow:0 0 0 1px var(--fs-ink)}
.editor-theme .envcat,.editor-theme .agerow,.editor-theme .agerow b{color:var(--fs-muted)}
.editor-theme .agedial .trk{stroke:var(--fs-line)}
.editor-theme .agedial .val{stroke:var(--fs-ink)}
.editor-theme .agedial .num{fill:var(--fs-ink)}
.editor-theme .agedial .cap{fill:var(--fs-muted)}
.editor-theme .agebar{background:var(--fs-line)}
.editor-theme .agebar i{background:var(--fs-ink)}
.editor-theme .lkpad{background:linear-gradient(135deg,#242424,#101010)}
.editor-theme .lkdot{border-color:var(--fs-surface);box-shadow:0 0 0 1px var(--fs-ink)}
.editor-theme :focus-visible{outline:3px solid var(--fs-accent);outline-offset:4px}
.editor-theme #feShare{display:none}
.editor-theme.quick-edit #feShare:not([hidden]){display:inline-flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:44px;padding:8px;background:transparent;border:1px solid var(--fs-line-strong);color:var(--fs-ink);font-size:11px;white-space:normal}
.editor-theme.quick-edit #saveBtn{flex:1;min-width:0}
.editor-theme .cloud-modal,.editor-theme #fscDlg{background:#000b;backdrop-filter:blur(5px)}
.editor-theme .cloud-card,.editor-theme .fsc-dcard{background:var(--fs-surface);color:var(--fs-ink);border-color:var(--fs-line-strong)}
.editor-theme .cloud-card input,.editor-theme .fsc-dcard textarea,.editor-theme #fscNote{background:var(--fs-paper)!important;border-color:var(--fs-line-strong)!important;color:var(--fs-ink)!important}
.editor-theme .cloud-card p.sub,.editor-theme .cloud-card .msg,.editor-theme .fsc-hint,.editor-theme .fsc-cnt{color:var(--fs-muted)}
.editor-theme .cloud-card .pri,.editor-theme .fsc-btn.pri{background:var(--fs-ink);color:var(--fs-paper);border-color:var(--fs-ink)}
.editor-theme .cloud-card .pri:hover{background:#ddd}
.editor-theme .fsc-hint b{color:var(--fs-ink)}
.editor-theme .fsc-dcard .fsc-btn{min-height:44px}
.editor-theme .fsc-success{padding:28px;max-width:380px}
.editor-theme .fsc-success h3{font-size:23px;font-weight:400}
.editor-theme .fsc-success p{color:var(--fs-muted);font-size:14px;line-height:1.6;margin:12px 0 22px}
.editor-theme .fsc-success .fsc-btn{display:flex;width:100%;align-items:center;justify-content:center;margin-top:10px;text-decoration:none}
@media(max-width:900px){.editor-theme .bar{margin-bottom:0;border-bottom:0}.editor-theme .bar .mark::after{display:none}.editor-theme.quick-edit #feTitle{font-size:27px}.editor-theme.quick-edit #feCompare,.editor-theme.quick-edit #feAdvanced{font-size:10px}.editor-theme.quick-edit #feChoose{font-size:10px}.editor-theme.quick-edit #saveBtn{font-size:12px}}
@media(max-width:768px){.editor-theme .editor-brand{gap:9px}.editor-theme .bar .mark{font-size:18px;letter-spacing:.16em}.editor-theme .bar .brandmk{width:28px;height:28px}}
@media(max-width:380px){.editor-theme.quick-edit .bar .mark{font-size:14px}.editor-theme .editor-brand{gap:8px}.editor-theme .bar .brandmk{width:24px;height:24px}.editor-theme.quick-edit .bar{gap:3px}.editor-theme.quick-edit #feTitle{font-size:24px}.editor-theme.quick-edit #drop>small{font-size:10px}}
/* Keep the public wall in the first row. Opening it preserves the current edit. */
@media(max-width:900px){
 .editor-theme .bar{flex-wrap:wrap;overflow-x:visible;gap:6px;padding:8px 12px}
 .editor-theme .bar .lock2{flex:1;min-width:0}
 .editor-theme .bar .mark{display:block}
 .editor-theme .bar>.sp{display:none}
 .editor-theme .editor-community-mobile{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:0 8px;color:var(--fs-ink);font:12px var(--fs-body);text-decoration:none;white-space:nowrap}
 .editor-theme .bar #xMoreBtn{order:0;min-height:44px;min-width:36px}
 .editor-theme .bar:not(.xmore)>button:not(#xMoreBtn),.editor-theme .bar:not(.xmore)>select{display:none!important}
 .editor-theme .bar #fsComBtn{display:none!important}
 .editor-theme .bar.xmore>button:not(#xMoreBtn),.editor-theme .bar.xmore>select{order:2}
 .editor-theme .bar.xmore::after{content:'';flex-basis:100%;order:1}
}
@media(max-width:380px){.editor-theme:not(.quick-edit) .bar .mark{font-size:14px}}
.editor-theme .gfselwrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.editor-theme .gfselwrap>.grouplbl{grid-column:1/-1}
.editor-theme .gfcard{width:100%;min-height:84px;margin:0;padding:13px 11px;text-align:left;border:1px solid #ffffff30;border-radius:10px;color:#fff;background-color:transparent;font:inherit;cursor:pointer}
.editor-theme .gfcard.on{border-color:#fff;box-shadow:inset 0 0 0 1px #ffffff66}
.editor-theme .gfcard .gfname{font-size:13px;line-height:1.3}
.editor-theme .gfcard .gfdesc{font-size:11px;line-height:1.4;margin-top:5px;color:#ddd}
.editor-theme .analog-inactive>.lab,.editor-theme .analog-inactive>input{opacity:.45}
.editor-theme .analog-dependency{display:block;font:11px/1.4 ui-sans-serif,system-ui;color:#d4d4d4;margin:6px 0}
.editor-theme .analog-dependency[hidden]{display:none}
.editor-theme .gfcard:focus-visible{outline:2px solid white;outline-offset:3px}
.editor-theme [data-control][hidden]{display:none!important}
