/* Full-width photograph with the options above and the colors below. */
body starlight-configurator .sc-home,body starlight-configurator .sc-expanded-slot{container-type:inline-size;scroll-margin-top:0}
body starlight-configurator .sc-workspace{display:flex;flex-direction:column;background:#1e1e22;min-width:0}
body starlight-configurator .sc-visual{min-width:0;width:100%;padding:0;box-sizing:border-box}
body starlight-configurator .sc-visual .sc-stage,body starlight-configurator dialog .sc-visual .sc-stage{width:100%;max-width:none;min-width:0;margin:0}
body starlight-configurator .sc-visual .sc-status{padding:8px 12px!important;min-height:0;font-size:14px!important;line-height:1.4!important;background:transparent;text-align:center}
body starlight-configurator .sc-workspace .sc-controls{display:grid!important;gap:12px!important;padding:12px!important;margin:0;border:0;box-sizing:border-box;align-items:start}
body starlight-configurator .sc-workspace .sc-controls-top{grid-template-columns:1.15fr 1fr 1fr!important}
body starlight-configurator .sc-workspace .sc-controls-bottom{grid-template-columns:1fr 1fr!important}
body starlight-configurator .sc-workspace .sc-controls legend{margin-bottom:5px;font-size:14px!important}
body starlight-configurator .sc-workspace .sc-segment{padding:3px!important}
body starlight-configurator .sc-workspace .sc-segment label span{min-height:36px!important;padding:6px!important;font-size:14px!important}
body starlight-configurator .sc-density-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
body starlight-configurator .sc-density-options button{min-width:0;min-height:42px;padding:6px 0;border:1px solid transparent;border-radius:7px;background:#29292e;color:#bdbdc7;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}
body starlight-configurator .sc-density-options button[aria-pressed=true]{background:#782b40;color:#fff;border-color:#ad546d}
body starlight-configurator .sc-workspace .sc-colors{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;grid-column:1/-1}
body starlight-configurator .sc-workspace .sc-colors label.sc-preset-group{gap:5px!important}
body starlight-configurator .sc-workspace .sc-preset-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
body starlight-configurator .sc-workspace .sc-color-preset{padding:4px 0!important;min-height:38px;gap:0;border-radius:7px}
body starlight-configurator .sc-workspace .sc-color-preset i{width:24px;height:24px}
body starlight-configurator .sc-workspace .sc-color-preset>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body starlight-configurator .sc-workspace .sc-shoot{min-height:36px;margin:0!important}
body starlight-configurator .sc-workspace .sc-pause{padding:6px 10px!important;min-height:36px!important;justify-self:end}
body starlight-configurator .sc-controls [hidden]{display:none!important}
body starlight-configurator dialog[open]{position:fixed;inset:0;margin:auto!important;width:min(1500px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:12px;box-sizing:border-box;overflow:auto;border-radius:12px}
body starlight-configurator dialog .sc-expand{display:none!important}
body starlight-configurator dialog>[data-close]{min-height:36px!important;padding:6px 12px!important;margin:0 0 8px auto}
body starlight-configurator dialog [data-large-status]{display:none!important}
@container(max-width:540px){
 body starlight-configurator .sc-workspace .sc-controls-top{grid-template-columns:1fr 1fr!important;gap:8px!important}
 body starlight-configurator .sc-controls-top>fieldset:first-child{grid-column:1/-1}
 body starlight-configurator .sc-workspace .sc-controls-bottom{gap:8px!important}
 body starlight-configurator .sc-workspace .sc-preset-options{grid-template-columns:repeat(3,minmax(0,1fr))}
 body starlight-configurator .sc-workspace .sc-colors{gap:12px!important}
 body starlight-configurator .sc-workspace .sc-segment label span{padding:6px 2px!important}
}