/* Presentation-only variants. The original Studio remains a reversible option. */
.studio-flow-part{display:contents}
#view-studio .sf-original-hidden,#view-studio [hidden]{display:none!important}

/* All redesigned flows share only control ergonomics, not page composition. */
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) .studio-head{display:none}
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) #studioAfterChain{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 24px}
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) #studioWorkspace,#view-studio[data-studio-layout]:not([data-studio-layout="original"]) #studioSocialGate{grid-column:1/-1}
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) #studioWorkspace{display:block;min-width:0}
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) .studio-chain-selection{grid-column:1;grid-row:1;margin:0;padding:10px 0;border:0}
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) #studioSocialProfile{grid-column:2;grid-row:1;margin:0;min-width:0}
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) #studioSocialProfile .social-profile{padding:8px 12px;margin:0;gap:10px;background:transparent;border:1px solid var(--line);border-radius:9px}
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) #studioSocialProfile .social-avatar{width:32px;height:32px;min-width:32px}
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) #studioSocialProfile .social-avatar img{width:32px;height:32px}
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) #studioSocialProfile .social-identity>small{display:none}
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) #studioSocialProfile .social-identity>strong{font-size:12px}
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) #studioSocialProfile .social-identity>span{font-size:10px}
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) #studioSocialProfile button{font-size:10px;padding:7px 9px}
.sf-experience{--sf-accent:#d3e7b6;--sf-surface:#202c25;--sf-base:#19221d;--sf-line:#bac9ae38;--sf-ink:#f3f1e5;--sf-muted:#b7c3b0;--panel:var(--sf-base);--panel-2:var(--sf-surface);--panel-3:color-mix(in srgb,var(--sf-surface) 85%,var(--sf-accent));--line:var(--sf-line);--line-strong:color-mix(in srgb,var(--sf-accent) 38%,transparent);--paper:var(--sf-ink);--muted:var(--sf-muted);--muted-2:var(--sf-muted);--acid:var(--sf-accent);--acid-dim:var(--sf-accent);--on-accent:#18271c;--primary-selection:color-mix(in srgb,var(--sf-base) 84%,var(--sf-accent));--warm-hover:color-mix(in srgb,var(--sf-surface) 88%,var(--sf-accent));color:var(--sf-ink);padding-bottom:24px}
.sf-experience *{box-sizing:border-box}
.sf-experience{padding-top:22px;min-width:0;max-width:100%}
.sf-stages{min-width:0}
.sf-eyebrow{font:10px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--sf-accent)}
.sf-progress{display:flex;gap:6px;margin-bottom:22px;min-width:0}
.sf-step{display:flex;align-items:center;gap:10px;padding:14px 17px;border:1px solid var(--sf-line);border-radius:9px;background:var(--sf-base);color:var(--sf-muted);text-align:left;cursor:pointer;font:13px var(--sans);min-width:0}
.sf-step[aria-current="step"]{background:var(--sf-accent);border-color:var(--sf-accent);color:#18271c}
.sf-step-index{font:11px var(--mono);opacity:.7}
.sf-stage{padding:26px;background:var(--sf-base);border:1px solid var(--sf-line);border-radius:16px;min-width:0;scroll-margin-top:24px}
.sf-stage-head{display:flex;align-items:flex-start;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--sf-line);margin-bottom:22px}
.sf-stage-number{color:var(--sf-accent);font:13px var(--mono);padding-top:5px}
.sf-stage-head h2{color:var(--sf-ink);font:550 23px/1.2 var(--sans);margin:0 0 7px;letter-spacing:-.025em}
.sf-stage-body{min-width:0}
.sf-experience .studio-flow-part{display:block;min-width:0}
.sf-experience .studio-flow-part+.studio-flow-part{margin-top:22px}
.sf-experience .field-label:first-child{margin-top:0}
.sf-experience .studio-setting-details{margin-top:0}
.sf-experience [data-studio-part="model"]{margin-top:14px}
.sf-experience [data-studio-part="generate"]{margin-top:18px}
.sf-experience .studio-generation-note{text-align:center;font-size:11px;line-height:1.5;color:var(--sf-muted)}
.sf-experience .generate-button{position:relative;margin-top:0}
.sf-experience .studio-motion-setting{margin-top:18px}
.sf-experience .studio-pricing{margin-top:20px;padding-top:20px}
.sf-experience .quote-picker{position:relative;z-index:6}
.sf-experience .style-picker{position:relative;z-index:5}
/* A closed menu must not leave an invisible hit area over the next controls. */
.sf-experience .quote-picker.open .quote-menu{max-height:420px;overflow:auto}
#view-studio .quote-picker:not(.open) .quote-menu{visibility:hidden;pointer-events:none}
#view-studio .sf-experience .art-chat:not(.is-empty){height:240px;max-height:340px}
#view-studio .sf-experience .chat-compose{border-radius:12px}
#view-studio .sf-experience .art-chat:not(.is-empty)+.chat-compose{border-radius:0 0 12px 12px}
#view-studio .sf-experience .chat-compose textarea{height:140px;min-height:100px}
#view-studio .sf-experience .preview-panel{width:100%;max-width:none;justify-self:stretch;border-radius:12px;border-color:var(--sf-line)}
#view-studio .sf-experience .main-preview{aspect-ratio:1;height:auto;min-height:0;max-height:none}
.sf-experience .sf-stage-body>.preview-panel{margin-top:0}
.sf-experience .studio-payout-card{padding:18px}
.sf-experience .studio-payout-warning{max-width:100%;margin-left:0;text-align:left}
.sf-experience .two-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.sf-experience .plain-input{min-width:0;width:100%}
.sf-flow-footer{display:flex;gap:18px;align-items:center;padding:20px 0 0;margin-top:22px;background:none;border:0;border-top:1px solid var(--sf-line)}
.sf-back,.sf-continue{padding:14px 20px;border:1px solid var(--sf-line);border-radius:9px;font:500 13px var(--sans);cursor:pointer;background:var(--sf-surface);color:var(--sf-ink)}
.sf-back:disabled{opacity:.35}
.sf-continue{margin-left:auto;background:var(--sf-accent);color:#18271c}
.sf-pinned{min-width:0}
.sf-receipt{align-self:start;position:sticky;top:24px;padding:26px;border:1px solid var(--sf-line);background:var(--sf-surface);border-radius:12px;min-width:0}
.sf-receipt h3{margin:15px 0 25px;font:500 25px/1.15 var(--sans);letter-spacing:-.035em;overflow-wrap:anywhere}
.sf-receipt dl{margin:0}
.sf-receipt dl>div{display:flex;gap:14px;justify-content:space-between;padding:14px 0;border-top:1px solid var(--sf-line);font:12px/1.5 var(--sans)}
.sf-receipt dt{color:var(--sf-muted)}
.sf-receipt dd{margin:0;text-align:right;max-width:60%;overflow-wrap:anywhere}
.sf-receipt-note{font:11px/1.65 var(--sans);color:var(--sf-muted);margin:16px 0 0}
.sf-experience :is(button,select,input,textarea,summary):focus-visible{outline:2px solid var(--sf-accent);outline-offset:4px}

/* 01 · Guided path: a persistent vertical itinerary and one generous work card. */
#view-studio[data-studio-layout="guided"] .sf-experience{display:grid;grid-template-columns:230px minmax(0,850px);justify-content:center;gap:0 36px}
[data-studio-layout="guided"] .sf-progress{flex-direction:column;align-self:start;position:sticky;top:24px}
[data-studio-layout="guided"] .sf-step{padding:20px 14px;min-height:78px;flex-wrap:wrap;border-radius:12px}
[data-studio-layout="guided"] .sf-step-label{flex:1;min-width:110px}
[data-studio-layout="guided"] .sf-content{min-width:0}
[data-studio-layout="guided"] .sf-stage{padding:34px}
[data-studio-layout="guided"] .sf-flow-footer{grid-column:2}
[data-studio-layout="guided"] .sf-stage[data-stage="0"] .sf-stage-body{display:grid;grid-template-columns:1fr 1fr;gap:20px}
[data-studio-layout="guided"] .sf-stage[data-stage="0"] .studio-flow-part{margin:0}
[data-studio-layout="guided"] .sf-stage[data-stage="0"] :is([data-studio-part="idea"],[data-studio-part="extras"],[data-studio-part="model"],[data-studio-part="generate"]){grid-column:1/-1}

/* 02 · Split studio: a restrained two-tab inspector alongside a sticky canvas. */
[data-studio-layout="split"] .sf-experience{--sf-accent:#b5d4de;--sf-base:#1d292c;--sf-surface:#27373a;--sf-line:#a4c2ca38}
[data-studio-layout="split"] .sf-content{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}
[data-studio-layout="split"] .sf-pinned{position:sticky;top:24px}
[data-studio-layout="split"] .sf-progress{border-bottom:1px solid var(--sf-line);gap:0}
[data-studio-layout="split"] .sf-step{border:0;border-bottom:3px solid transparent;background:none;border-radius:0;min-width:200px}
[data-studio-layout="split"] .sf-step[aria-current="step"]{color:var(--sf-accent);border-bottom-color:var(--sf-accent);background:#8fb7c110}
[data-studio-layout="split"] .sf-stage-head{display:none}
[data-studio-layout="split"] .sf-flow-footer{max-width:calc(45% - 12px)}

/* 03 · Notebook: warm paper, editorial chapters, generous inline artwork. */
[data-studio-layout="notebook"] .sf-experience{--sf-accent:#746441;--sf-ink:#303a2c;--sf-muted:#636956;--sf-base:#f0ebd9;--sf-surface:#e4dfcb;--sf-line:#696e523a;max-width:1000px;margin:auto;padding:48px 60px;background:var(--sf-base);border-radius:4px;box-shadow:0 12px 30px #0002}
[data-studio-layout="notebook"] .sf-progress{justify-content:space-between}
[data-studio-layout="notebook"] .sf-step{border:0;background:none;color:var(--sf-muted);padding:10px 0}
[data-studio-layout="notebook"] .sf-step[aria-current="step"]{color:var(--sf-ink);background:none}
[data-studio-layout="notebook"] .sf-stage{border:0;border-radius:0;padding:32px 0;margin-bottom:15px;background:none;border-top:1px solid var(--sf-line)}
[data-studio-layout="notebook"] .sf-stage-head{border:0;margin-bottom:12px}
[data-studio-layout="notebook"] .sf-stage-head h2{font:italic 32px Georgia,serif}
[data-studio-layout="notebook"] .sf-stage-body{padding-left:35px}
[data-studio-layout="notebook"] .sf-stage[data-stage="0"] .sf-stage-body{display:grid;grid-template-columns:1fr 1fr;gap:22px}
[data-studio-layout="notebook"] .sf-stage[data-stage="0"] .studio-flow-part{margin:0}
[data-studio-layout="notebook"] .sf-stage[data-stage="0"] :is([data-studio-part="idea"],[data-studio-part="extras"],[data-studio-part="model"],[data-studio-part="generate"]){grid-column:1/-1}
#view-studio[data-studio-layout="notebook"] .sf-experience :is(.field-label,.studio-setting-details summary,.studio-generation-note,.studio-price-help,.studio-price-reference,.studio-price-heading label,.studio-price-heading p,.studio-trade-share strong,.studio-trade-share p){color:var(--sf-ink)}
#view-studio[data-studio-layout="notebook"] .sf-experience .field-label span{color:var(--sf-ink)}
#view-studio[data-studio-layout="notebook"] .sf-experience .chat-compose{background:#fffcf0;border-color:#a7ad944f}
#view-studio[data-studio-layout="notebook"] .sf-experience .chat-compose textarea{color:var(--sf-ink)}
#view-studio[data-studio-layout="notebook"] .sf-experience .chat-compose textarea::placeholder{color:#6c7762}
[data-studio-layout="notebook"] .sf-experience .studio-payout-card{background:var(--sf-surface)}
#view-studio[data-studio-layout="notebook"] .sf-experience :is(.studio-setting-details summary>span,.studio-motion-heading span,.studio-motion-heading small,.advanced-row strong,.advanced-row small,.quote-market strong,.quote-market small){color:var(--sf-ink)}
#view-studio[data-studio-layout="notebook"] .sf-experience .studio-motion-help{color:var(--sf-muted)}
[data-studio-layout="notebook"] .sf-experience .button-primary,[data-studio-layout="notebook"] .sf-experience .chat-compose button{color:#fffbed;background:#746441}
[data-studio-layout="notebook"] .sf-experience .studio-motion-help{color:var(--sf-muted)}

/* 04 · Interview: a single large question with a discreet segmented progress bar. */
[data-studio-layout="interview"] .sf-experience{--sf-accent:#ead0ab;--sf-base:#302c29;--sf-surface:#3a332c;--sf-line:#d5ba9940;--sf-muted:#c5b9a8;max-width:880px;margin:auto}
[data-studio-layout="interview"] .sf-progress{gap:8px}
[data-studio-layout="interview"] .sf-step{flex:1;justify-content:center;padding:9px;min-height:34px;border-radius:4px;border-width:0 0 3px;background:transparent}
[data-studio-layout="interview"] .sf-step[aria-current="step"]{color:var(--sf-accent);border-color:var(--sf-accent);background:#ead0ab0b}
[data-studio-layout="interview"] .sf-step-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
[data-studio-layout="interview"] .sf-stage{padding:40px 48px;min-height:440px;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#8c72551f,transparent 60%),var(--sf-base)}
[data-studio-layout="interview"] .sf-stage-head{border:0;display:block;padding:0;margin-bottom:30px}
[data-studio-layout="interview"] .sf-stage-number{display:block;font:11px var(--mono);margin:0 0 24px;color:var(--sf-muted)}
[data-studio-layout="interview"] .sf-stage-head h2{font:400 clamp(30px,3.5vw,44px)/1.1 Georgia,serif;letter-spacing:-.03em}
#view-studio[data-studio-layout="interview"] .sf-experience .chat-compose textarea{height:190px;font-size:18px}
[data-studio-layout="interview"] .sf-flow-footer{border:0;margin-top:8px}

/* 05 · Checkout: two familiar steps, form + live receipt on the payment page. */
[data-studio-layout="checkout"] .sf-experience{--sf-accent:#c9d9ee;--sf-base:#222c3a;--sf-surface:#2b3646;--sf-line:#b4c6df38;--sf-muted:#b7c1d0}
[data-studio-layout="checkout"] .sf-content{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}
[data-studio-layout="checkout"] .sf-experience[data-step="0"] .sf-content{grid-template-columns:1fr}
[data-studio-layout="checkout"] .sf-experience[data-step="0"] .sf-receipt{display:none}
[data-studio-layout="checkout"] .sf-progress{gap:0;max-width:560px;border:1px solid var(--sf-line);border-radius:10px;overflow:hidden}
[data-studio-layout="checkout"] .sf-step{border:0;border-radius:0;flex:1}
[data-studio-layout="checkout"] .sf-stage[data-stage="0"] .sf-stage-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px 30px}
[data-studio-layout="checkout"] .sf-stage[data-stage="0"] .studio-flow-part{grid-column:1;margin:0}
[data-studio-layout="checkout"] .sf-stage[data-stage="0"] #studioPreview{grid-column:2;grid-row:1/span 6;align-self:start;position:sticky;top:24px}
[data-studio-layout="checkout"] .sf-stage[data-stage="1"] [data-studio-part="release"]{padding-top:16px;border-top:1px dashed var(--sf-line)}
[data-studio-layout="checkout"] .sf-receipt{border-radius:3px;border-bottom:8px double var(--sf-line)}

/* 06 · Workbench: three simultaneous task lanes, deliberately compact. */
[data-studio-layout="workbench"] .sf-experience{--sf-accent:#c9d9ac;--sf-base:#1b2420;--sf-surface:#263229}
[data-studio-layout="workbench"] .sf-progress{display:none}
[data-studio-layout="workbench"] .sf-stages{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);gap:14px;align-items:start}
[data-studio-layout="workbench"] .sf-stage{padding:20px;border-radius:8px}
[data-studio-layout="workbench"] .sf-stage-head{margin-bottom:18px;padding-bottom:16px}
[data-studio-layout="workbench"] .sf-stage-head h2{font:600 17px var(--sans)}
[data-studio-layout="workbench"] .sf-stage[data-stage="1"]{position:sticky;top:24px}
[data-studio-layout="workbench"] .sf-experience .studio-flow-part+.studio-flow-part{margin-top:16px}
[data-studio-layout="workbench"] .sf-experience :is(.field-label,.studio-price-heading label){font-size:12px}
[data-studio-layout="workbench"] .sf-experience .launch-payment-options{grid-template-columns:1fr}

/* 07 · Folding brief: compact accordion rows instead of a long form. */
[data-studio-layout="accordion"] .sf-experience{--sf-accent:#d7c7ed;--sf-base:#2a2934;--sf-surface:#363442;--sf-line:#c5b6d63d;--sf-muted:#c1b9cd;max-width:1000px;margin:auto}
[data-studio-layout="accordion"] .sf-progress{display:none}
[data-studio-layout="accordion"] .sf-stages{display:grid;gap:12px}
[data-studio-layout="accordion"] .sf-stage{padding:0;border-radius:12px}
.sf-fold{width:100%;padding:23px 26px;display:flex;align-items:center;gap:20px;text-align:left;border:0;background:none;color:var(--sf-ink);cursor:pointer;border-radius:12px}
.sf-fold-copy{flex:1;display:grid;gap:7px}
.sf-fold-copy strong{font:500 19px var(--sans)}
.sf-fold-mark{font-size:22px;color:var(--sf-accent)}
.sf-fold[aria-expanded="true"]{background:#bfb1d010}
[data-studio-layout="accordion"] .sf-stage-body{padding:26px 34px 30px;border-top:1px solid var(--sf-line)}
[data-studio-layout="accordion"] .sf-stage.sf-active{border-color:#c1afd280}
[data-studio-layout="accordion"] .sf-stage[data-stage="0"] .sf-stage-body{display:grid;grid-template-columns:1fr 1fr;gap:22px}
[data-studio-layout="accordion"] .sf-stage[data-stage="0"] .studio-flow-part{margin:0}
[data-studio-layout="accordion"] .sf-stage[data-stage="0"] [data-studio-part="idea"]{grid-column:1/-1}

/* 08 · Gallery: monumental artwork at left; small inspector drawer at right. */
[data-studio-layout="gallery"] .sf-experience{--sf-accent:#e9dbba;--sf-base:#242522;--sf-surface:#32342b;--sf-muted:#bebeab;--sf-line:#d6d4b338;display:grid;grid-template-columns:minmax(0,1fr) 360px;column-gap:32px}
[data-studio-layout="gallery"] .sf-progress{grid-column:2;grid-row:1;align-self:end;gap:4px}
[data-studio-layout="gallery"] .sf-step{flex:1;flex-direction:column;justify-content:center;padding:12px 6px;gap:8px;text-align:center;font-size:11px}
[data-studio-layout="gallery"] .sf-content{display:contents}
[data-studio-layout="gallery"] .sf-stages{grid-column:2;grid-row:2}
[data-studio-layout="gallery"] .sf-pinned{grid-column:1;grid-row:1/span 3;align-self:start;position:sticky;top:24px}
[data-studio-layout="gallery"] .sf-stage{padding:20px;border-radius:8px}
[data-studio-layout="gallery"] .sf-stage-head{display:none}
[data-studio-layout="gallery"] .sf-flow-footer{grid-column:2;margin-top:20px;gap:8px;flex-wrap:wrap}
[data-studio-layout="gallery"] .sf-continue,[data-studio-layout="gallery"] .sf-back{font-size:11px;padding:12px}
[data-studio-layout="gallery"] .sf-experience .launch-payment-options{grid-template-columns:1fr}

/* 09 · Checklist: persistent itinerary, focused task, and an always-live summary. */
[data-studio-layout="checklist"] .sf-experience{--sf-accent:#b5dfc3;--sf-base:#1c2927;--sf-surface:#233630;display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:24px}
[data-studio-layout="checklist"] .sf-progress{flex-direction:column;position:sticky;top:24px;align-self:start;gap:10px}
[data-studio-layout="checklist"] .sf-step{display:grid;grid-template-columns:24px 1fr;gap:6px 8px;border-radius:8px;padding:16px 12px}
[data-studio-layout="checklist"] .sf-step-index{border:1px solid currentColor;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;font-size:9px;grid-row:1/span 2}
[data-studio-layout="checklist"] .sf-content{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:22px;min-width:0;align-items:start}
[data-studio-layout="checklist"] .sf-stage{padding:26px}
[data-studio-layout="checklist"] .sf-stage-number{display:none}
[data-studio-layout="checklist"] .sf-receipt{padding:22px 18px}
[data-studio-layout="checklist"] .sf-receipt dl>div{display:block}
[data-studio-layout="checklist"] .sf-receipt dd{text-align:left;max-width:none;margin-top:6px}
[data-studio-layout="checklist"] .sf-flow-footer{grid-column:2}

/* The first chain choice also inherits each concept's arrangement. No bypass of
   the existing chain picker, sign-in gate, or disabled Solana release state. */
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) .studio-chain-entry{min-height:460px;margin-bottom:30px;padding:42px}
#view-studio[data-studio-layout]:not([data-studio-layout="original"]) .studio-chain-intro{margin-bottom:35px}
[data-studio-layout="interview"] .studio-chain-entry{max-width:880px;margin-inline:auto;text-align:center}
[data-studio-layout="interview"] .studio-chain-intro{margin-inline:auto}
#view-studio[data-studio-layout="split"] .studio-chain-entry{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
[data-studio-layout="split"] .studio-chain-choices{grid-template-columns:1fr}
[data-studio-layout="split"] .studio-chain-footnote{grid-column:1/-1}
#view-studio[data-studio-layout="notebook"] .studio-chain-entry{max-width:1000px;margin-inline:auto;border-radius:4px}
#view-studio[data-studio-layout="notebook"] .studio-chain-landscape{opacity:.5}
#view-studio[data-studio-layout="gallery"] .studio-chain-entry{min-height:560px;justify-content:flex-end}
[data-studio-layout="workbench"] .studio-chain-entry{border-radius:8px}
[data-studio-layout="accordion"] .studio-chain-entry{max-width:1000px;margin-inline:auto}
[data-studio-layout="checklist"] .studio-chain-entry{border-left:4px solid #b5dfc3}

@media(max-width:1200px){
  [data-studio-layout="checklist"] .sf-content{grid-template-columns:1fr}
  [data-studio-layout="checklist"] .sf-receipt{position:static}
  [data-studio-layout="checklist"] .sf-receipt dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
  [data-studio-layout="workbench"] .sf-stages{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  [data-studio-layout="workbench"] .sf-stage[data-stage="0"]{grid-row:1/span 2}
  [data-studio-layout="workbench"] .sf-stage[data-stage="1"]{position:static}
  [data-studio-layout="workbench"] .sf-stage[data-stage="2"]{grid-column:2}
  #view-studio[data-studio-layout="guided"] .sf-experience{grid-template-columns:190px minmax(0,1fr);gap:0 24px}
}
@media(max-width:950px){
  [data-studio-layout="gallery"] .sf-experience{grid-template-columns:minmax(0,1fr) 320px;gap:20px}
  [data-studio-layout="checkout"] .sf-content{grid-template-columns:minmax(0,1fr) 270px;gap:18px}
  [data-studio-layout="checkout"] .sf-stage{padding:22px}
  #view-studio[data-studio-layout="guided"] .sf-experience{grid-template-columns:1fr}
  [data-studio-layout="guided"] .sf-progress{position:static;flex-direction:row}
  [data-studio-layout="guided"] .sf-step{flex:1;min-height:65px;padding:13px;gap:8px}
  [data-studio-layout="guided"] .sf-step-label{min-width:0;font-size:12px}
  [data-studio-layout="guided"] .sf-flow-footer{grid-column:1}
  [data-studio-layout="checklist"] .sf-experience{grid-template-columns:180px minmax(0,1fr)}
  [data-studio-layout="notebook"] .sf-experience{padding:34px}
}
@media(max-width:720px){
  #view-studio[data-studio-layout]:not([data-studio-layout="original"]) #studioAfterChain{grid-template-columns:1fr;gap:12px}
  #view-studio[data-studio-layout]:not([data-studio-layout="original"]) #studioSocialProfile{grid-column:1;grid-row:2;justify-self:start}
  .sf-stage{padding:20px}.sf-stage-head h2{font-size:21px}.sf-stage-head{gap:12px}
  .sf-experience .sf-stage{scroll-margin-top:16px}
  .sf-flow-footer{gap:10px;flex-wrap:wrap}
  .sf-continue,.sf-back{padding:13px 15px;font-size:12px}.sf-continue{max-width:78%}
  .sf-receipt{position:static}
  .sf-progress{overflow-x:auto}.sf-step{flex-shrink:0}
  #view-studio .sf-experience .preview-panel{max-width:none;width:100%}
  [data-studio-layout="guided"] .sf-stage{padding:20px}
  [data-studio-layout="guided"] .sf-stage[data-stage="0"] .sf-stage-body{grid-template-columns:1fr}
  [data-studio-layout="guided"] .sf-step{min-width:0;padding:12px 8px;gap:6px;flex-direction:column;justify-content:center;text-align:center}
  [data-studio-layout="guided"] .sf-step-label{flex:0;font-size:11px}
  [data-studio-layout="split"] .sf-content{grid-template-columns:1fr}
  [data-studio-layout="split"] .sf-pinned{position:static}
  [data-studio-layout="split"] .sf-step{min-width:0;flex:1}
  [data-studio-layout="split"] .sf-flow-footer{max-width:none}
  [data-studio-layout="notebook"] .sf-experience{padding:25px 18px}
  [data-studio-layout="notebook"] .sf-stage-body{padding-left:0}
  [data-studio-layout="notebook"] .sf-stage[data-stage="0"] .sf-stage-body{grid-template-columns:1fr}
  [data-studio-layout="notebook"] .sf-progress{gap:18px}
  [data-studio-layout="notebook"] .sf-step{font-size:11px}
  [data-studio-layout="interview"] .sf-stage{padding:26px 22px;min-height:400px}
  [data-studio-layout="interview"] .sf-stage-head h2{font-size:32px}
  [data-studio-layout="checkout"] .sf-content{grid-template-columns:1fr}
  [data-studio-layout="checkout"] .sf-stage[data-stage="0"] .sf-stage-body{display:block}
  [data-studio-layout="checkout"] .sf-stage[data-stage="0"] .studio-flow-part{margin-bottom:22px}
  [data-studio-layout="checkout"] .sf-stage[data-stage="0"] #studioPreview{position:static}
  [data-studio-layout="workbench"] .sf-stages{grid-template-columns:1fr}
  [data-studio-layout="workbench"] .sf-stage[data-stage]{grid-row:auto;grid-column:1}
  [data-studio-layout="accordion"] .sf-stage[data-stage="0"] .sf-stage-body{grid-template-columns:1fr}
  [data-studio-layout="accordion"] .sf-stage-body{padding:20px}
  .sf-fold{padding:20px 16px;gap:12px}.sf-fold-copy strong{font-size:17px}
  [data-studio-layout="gallery"] .sf-experience{display:flex;flex-direction:column}
  [data-studio-layout="gallery"] .sf-content{display:flex;flex-direction:column;gap:18px;order:2}
  [data-studio-layout="gallery"] .sf-pinned{order:0;position:static;width:min(100%,460px);margin:auto}
  [data-studio-layout="gallery"] .sf-stages{order:1}
  [data-studio-layout="gallery"] .sf-progress{order:1;margin:0}
  [data-studio-layout="gallery"] .sf-flow-footer{order:3;margin-top:0}
  [data-studio-layout="gallery"] .sf-step{flex-direction:row}
  [data-studio-layout="checklist"] .sf-experience{display:block}
  [data-studio-layout="checklist"] .sf-progress{position:static;flex-direction:row;margin-bottom:18px}
  [data-studio-layout="checklist"] .sf-step{min-width:140px;grid-template-columns:22px 1fr;padding:11px;align-items:center;font-size:11px}
  [data-studio-layout="checklist"] .sf-stage{padding:20px}
  [data-studio-layout="checklist"] .sf-receipt dl{display:block}
  [data-studio-layout="checklist"] .sf-receipt dl>div{display:flex}
  [data-studio-layout="checklist"] .sf-receipt dd{margin-top:0;max-width:60%;text-align:right}
  #view-studio[data-studio-layout]:not([data-studio-layout="original"]) .studio-chain-entry{min-height:0;padding:28px 20px;display:flex;text-align:left}
  #view-studio[data-studio-layout]:not([data-studio-layout="original"]) .studio-chain-choices{grid-template-columns:1fr}
  #view-studio[data-studio-layout]:not([data-studio-layout="original"]) .studio-chain-intro{margin-bottom:26px}
  #view-studio[data-studio-layout]:not([data-studio-layout="original"]) .studio-chain-intro h1{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.sf-experience *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.sf-step[aria-current="step"]{outline:2px solid Highlight}.sf-stage,.sf-receipt{border:1px solid CanvasText}}