/* Shared quiet controls using the existing Showcase Maker palette and geometry. */
.sm-help{display:inline-flex;align-items:center;vertical-align:middle;margin-left:8px}
.sm-help-heading{display:flex;align-items:center;gap:4px;margin-bottom:12px;min-width:0}.sm-help-heading>h2{margin:0!important;font-size:13px!important;letter-spacing:.1em;text-transform:uppercase}.sm-help-heading>strong{min-width:0}
body button.sm-help__button{display:inline-grid;place-items:center;width:26px;height:26px;min-width:26px;min-height:26px;padding:0;border:1px solid #315360;border-radius:50%!important;background:#0a1b25;color:#52d5ff;font:800 13px/1 Mulish,sans-serif;cursor:help;letter-spacing:0;text-transform:none}
.sm-help__popup{position:fixed;inset:auto;z-index:10000;box-sizing:border-box;width:min(340px,calc(100vw - 24px));max-height:65vh;overflow:auto;margin:0;padding:14px 16px;border:1px solid #315360;border-radius:3px;background:#0c1b25;color:#d8eaf1;box-shadow:0 12px 32px #0008;font:400 13px/1.6 Mulish,sans-serif;text-transform:none;letter-spacing:0}
.sm-help__popup[hidden]{display:none!important}.sm-help__popup>*{font-size:13px!important;color:inherit!important;margin:0!important}.sm-help__popup ol{padding-left:18px!important}
.builder-history,.workspace-draft,.workspace-result__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
.workspace-draft{padding:12px;border:1px solid #315360;background:#0a1b25}.workspace-draft[hidden]{display:none}
.builder-draft-status{display:inline-block;color:#94acb8;font:12px/1.5 Mulish,sans-serif}.builder-draft-status.is-error{color:#ffb49d}
.builder-history button,.workspace-result button{border:1px solid #315360;border-radius:3px;background:#0a1b25;color:#d8eaf1;padding:9px 12px;font:700 12px/1.3 Mulish,sans-serif;cursor:pointer}
.builder-history button:disabled{opacity:.4;cursor:default}
.workspace-result{min-width:0;margin:18px 0;padding:16px;border:1px solid #315360;background:#080f17}
.page-tools #tab-process>.workspace-result{grid-column:1/-1}
.workspace-result__toolbar select{min-width:0;max-width:100%;flex:1;padding:10px;background:#08151d;color:#d8eaf1;border:1px solid #315360}
.workspace-result button[aria-pressed=true]{background:#52d5ff!important;color:#061019!important}
.workspace-result button[aria-pressed=false]{background:#0a1b25!important;color:#d8eaf1!important}
#steamCheckRoot[data-integrated="1"] .steam-check__workspace{grid-template-columns:minmax(0,1fr)}
#steamCheckRoot[data-integrated="1"] .steam-check__input{display:none}
.workspace-result__viewport{overflow:auto;max-height:620px;background:#050a0e;border:1px solid #20323e;padding:12px}
.workspace-result__columns{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.workspace-result__columns.is-compare{grid-template-columns:repeat(2,minmax(0,1fr))}
.workspace-result figure{margin:0;min-width:0}.workspace-result figcaption{margin-bottom:10px;color:#a7bfcc;font-size:12px}
.workspace-result__parts{display:flex;align-items:flex-start;gap:0;width:100%;margin:auto}
.workspace-result__parts img{display:block;width:100%;height:auto}.workspace-result__part{min-width:0;flex:1}
.workspace-result__original img,.workspace-result__original video{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}
.workspace-result__files{display:grid;gap:6px;margin:12px 0;font:12px/1.5 Consolas,monospace;color:#9eb7c6;overflow-wrap:anywhere}
.workspace-result__files a{color:#bdefff}.workspace-result [hidden]{display:none!important}
@media(max-width:600px){.workspace-result{padding:10px}.workspace-result__columns.is-compare{grid-template-columns:minmax(0,1fr)}.workspace-result__toolbar select{flex-basis:100%}.builder-history{gap:6px}.sm-help__button{touch-action:manipulation}}

/* Process route: four real decisions, one visible path. */
.page-tools #tab-process.active{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)!important;gap:14px!important;align-items:stretch!important}
.page-tools #tab-process>.process-route{grid-column:1/-1;grid-row:1!important}
.page-tools #tab-process>#processModeCard{grid-column:1/-1!important;grid-row:2!important}
.page-tools #tab-process>#processSettingsCard{grid-column:1!important;grid-row:3!important;align-self:stretch}
.page-tools #tab-process>#wmPreviewCard{grid-column:2!important;grid-row:3!important;align-self:stretch}
.page-tools #tab-process>#processFilesCard{grid-column:1/-1!important;grid-row:4!important}
.process-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #203744;background:#07111a;box-shadow:8px 8px 0 rgba(28,83,141,.12)}
.process-route button{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;min-width:0;padding:13px 14px;border:0;border-right:1px solid #203744;background:transparent;color:#718695;text-align:left;cursor:pointer}
.process-route button:last-child{border-right:0}.process-route button:hover{background:#0a1b25;color:#dff8ff}.process-route button.is-active{background:linear-gradient(90deg,rgba(82,213,255,.12),rgba(82,213,255,.025));color:#e8faff}.process-route button.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#52d5ff;box-shadow:0 0 12px rgba(82,213,255,.5)}
.process-route button>span{grid-row:1/3;align-self:center;color:#52d5ff;font:800 11px/1 Consolas,monospace}.process-route button>b{overflow:hidden;text-overflow:ellipsis;color:inherit;font:800 11px/1.2 Mulish,sans-serif;text-transform:uppercase;letter-spacing:.07em}.process-route button>small{overflow:hidden;text-overflow:ellipsis;color:#657b89;font:500 9px/1.35 Mulish,sans-serif;white-space:nowrap}.process-route button.is-complete>span:after{content:" ✓";color:#4ee1a1}
.process-step-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.process-step-heading h2{margin:0!important}.process-step-heading>span{color:#6f8795;font:600 10px/1.4 Mulish,sans-serif;text-align:right}
.page-tools #processSettingsCard,.page-tools #wmPreviewCard{min-width:0}
.page-tools #wmPreviewCard{display:flex;flex-direction:column}
.page-tools #wmPreviewCard #wmCanvasWrap{flex:1;min-height:330px!important}
.page-tools #wmPreviewCard .process-rotation{margin-top:auto}
.page-tools #processSettingsCard>.process-basics{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(145px,.92fr)!important;align-items:end;gap:14px!important}
.process-basics>.field{min-width:0;margin:0!important}
.process-switch{display:flex!important;min-width:0;align-items:center;justify-content:space-between;gap:10px;margin:0!important}
.process-switch>span{min-width:0;margin:0!important;overflow-wrap:anywhere}
.process-basics__watermark{min-height:43px;padding:0 12px;border:1px solid #203b48;background:#07151d}
.process-advanced{margin-top:14px;border-top:1px solid #203440;padding-top:12px}.process-advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #294653;background:#07151e;color:#dff8ff;cursor:pointer;list-style:none}.process-advanced>summary::-webkit-details-marker{display:none}.process-advanced>summary>span{display:grid;gap:3px;min-width:0}.process-advanced>summary b{font:800 10px/1.3 Mulish,sans-serif;text-transform:uppercase;letter-spacing:.08em}.process-advanced>summary small{color:#6f8795;font:500 10px/1.4 Mulish,sans-serif;overflow-wrap:anywhere}.process-advanced>summary>i:before{content:"+";font:800 17px/1 Consolas,monospace;color:#52d5ff}.process-advanced[open]>summary>i:before{content:"−"}.page-tools #processSettingsCard .process-advanced__grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1.05fr) minmax(0,.9fr) minmax(72px,.72fr) minmax(0,.9fr) minmax(118px,1fr)!important;grid-template-areas:"watermark font corner color encoder toggles" "scale scale scale opacity opacity opacity";align-items:end;gap:13px 10px!important;margin-top:14px!important}.process-advanced__grid>.field{min-width:0;margin:0!important}.process-advanced__grid>.field>span{display:flex;min-height:22px;align-items:flex-end;overflow-wrap:anywhere;hyphens:auto}.process-field--watermark{grid-area:watermark}.process-field--font{grid-area:font}.process-field--corner{grid-area:corner}.process-field--color{grid-area:color}.process-field--encoder{grid-area:encoder}.process-field--scale{grid-area:scale}.process-field--opacity{grid-area:opacity}.process-advanced__toggles{grid-area:toggles;display:grid;align-self:stretch;align-content:end;gap:6px;min-width:0}.process-advanced__toggles .process-switch{min-height:25px}.process-advanced__toggles .process-switch>span{font-size:8px;line-height:1.15}
.page-tools #processSettingsCard .steam-opt-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:14px;padding:14px;border-color:#234956;background:#061821}.page-tools #processSettingsCard .steam-opt-copy{display:flex;align-items:center;gap:8px}.page-tools #processSettingsCard .steam-opt-copy strong{min-width:0;overflow-wrap:anywhere}.page-tools #processSettingsCard .steam-opt-badge{margin:0}
.page-tools #processSettingsCard .workshop-outline{display:grid;grid-template-columns:minmax(155px,.85fr) minmax(220px,1.45fr)!important;grid-template-areas:"outlineToggle outlineWidth" "outlineColor outlineHelp";align-items:center;gap:14px 20px;margin-top:14px;padding:16px;border-color:#234956;background:#06131b}.workshop-outline__toggle{grid-area:outlineToggle;justify-self:center;flex-direction:column-reverse;gap:7px}.workshop-outline__width{grid-area:outlineWidth}.workshop-outline__color{grid-area:outlineColor}.page-tools #processSettingsCard .workshop-outline>.sm-help{grid-area:outlineHelp;justify-self:start;margin-left:0}.page-tools #processSettingsCard .workshop-outline__hint{grid-area:outlineHelp;margin:0}.page-tools #processSettingsCard .workshop-outline .field>span{min-width:0;overflow-wrap:anywhere}
.process-preflight{margin-top:12px;border:1px solid #29404d;background:#07121a}.process-preflight__empty{display:flex;align-items:center;gap:11px;padding:12px 14px}.process-preflight__empty>span,.process-preflight header>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #315360;color:#52d5ff;font:900 13px Consolas,monospace}.process-preflight p{display:grid;gap:2px;min-width:0;margin:0}.process-preflight b{color:#dff8ff;font-size:11px}.process-preflight small{color:#6f8491;font-size:9px;line-height:1.4}.process-preflight header{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:11px;padding:12px 14px;border-bottom:1px solid #203744}.process-preflight header>div{display:grid;gap:2px}.process-preflight header>em{color:#78909d;font:800 9px Consolas,monospace}.process-preflight.is-ready header>span{border-color:#277a5d;color:#4ee1a1}.process-preflight.is-blocked header>span{border-color:#a54b4b;color:#ff8989}.process-preflight__list{display:grid}.process-preflight article{display:grid;grid-template-columns:8px minmax(0,1fr) minmax(90px,42%);align-items:center;gap:10px;padding:9px 13px;border-top:1px solid rgba(41,64,77,.65)}.process-preflight article:first-child{border-top:0}.process-preflight article>i{width:6px;height:6px;background:#4ee1a1}.process-preflight article.is-warning>i{background:#ffc35a}.process-preflight article.is-error>i{background:#ff7777}.process-preflight article>p b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.process-preflight article>span{color:#8096a2;font:500 9px/1.4 Mulish,sans-serif;text-align:right}.process-preflight article.is-error>span{color:#ff9b9b}.process-preflight article.is-warning>span{color:#ffd27f}.process-preflight .is-spin{animation:preflightSpin .8s linear infinite}@keyframes preflightSpin{to{transform:rotate(360deg)}}
#tab-process.is-processing .process-route [data-process-step=result]>span{animation:preflightSpin 1s linear infinite}
@media(max-width:1320px){.page-tools #processSettingsCard .process-advanced__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-areas:"watermark font corner" "color encoder toggles" "scale scale scale" "opacity opacity opacity"}.process-advanced__toggles{align-content:center}}
@media(max-width:1050px){.page-tools #tab-process.active{grid-template-columns:1fr!important}.page-tools #tab-process>.process-route,.page-tools #tab-process>#processModeCard,.page-tools #tab-process>#processSettingsCard,.page-tools #tab-process>#wmPreviewCard,.page-tools #tab-process>#processFilesCard{grid-column:1!important;grid-row:auto!important}.page-tools #wmPreviewCard #wmCanvasWrap{min-height:260px!important}}
@media(max-width:700px){.page-tools .top-chrome-inner{min-width:0}.page-tools .top-chrome .nav{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain}.page-tools .top-chrome .nav>button{flex:0 0 auto}.page-tools .workspace-heading .h-title{font-size:clamp(29px,9vw,40px)!important;overflow-wrap:anywhere}.page-tools .workspace-switch{min-width:0}.page-tools .workspace-switch>button{min-width:0;flex:1 1 0;padding-inline:6px;white-space:normal;overflow-wrap:anywhere}.process-route{grid-template-columns:repeat(2,minmax(0,1fr))}.process-route button:nth-child(2){border-right:0}.process-route button:nth-child(-n+2){border-bottom:1px solid #203744}.process-route button{padding:11px}.process-route button>small{white-space:normal}.process-step-heading{align-items:flex-start;flex-direction:column;gap:5px}.process-step-heading>span{text-align:left}.page-tools #processSettingsCard>.process-basics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.process-basics__watermark{grid-column:1/-1}.page-tools #processSettingsCard .process-advanced__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"watermark font" "corner color" "encoder toggles" "scale scale" "opacity opacity"}.page-tools #processSettingsCard .workshop-outline{grid-template-columns:1fr!important;grid-template-areas:"outlineToggle" "outlineWidth" "outlineColor" "outlineHelp"}.workshop-outline__toggle{justify-self:start;flex-direction:row-reverse}.page-tools #processSettingsCard .steam-opt-row{grid-template-columns:1fr}.process-preflight article{grid-template-columns:8px minmax(0,1fr)}.process-preflight article>span{grid-column:2;text-align:left}}
@media(max-width:430px){.page-tools #processSettingsCard .process-advanced__grid{grid-template-columns:1fr!important;grid-template-areas:"watermark" "font" "corner" "color" "encoder" "toggles" "scale" "opacity"}.page-tools #processSettingsCard>.process-basics{grid-template-columns:1fr!important}.process-basics__watermark{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.process-preflight .is-spin,#tab-process.is-processing .process-route [data-process-step=result]>span{animation:none}}