/* Start stays separate from customer templates and the original brand asset. */
.studio-start-active .start-theme-space{display:inline-block;flex:0 0 44px;width:44px;height:44px}
.studio-start-active .one-header-inner:has([data-lw-theme-toggle]) .start-theme-space{display:none}
.studio-start .start-achievement-slot{min-height:63px}
body.studio-start-active:not(:has(#studio-start))>.vx-consent-settings{visibility:hidden;position:fixed}
.studio-start-active #one-intro,.studio-start-active .one-nav,.studio-start-active>.one-header .one-switch{display:none!important}
.studio-start-active{background:radial-gradient(ellipse at 85% 80%,#144c38 0,transparent 45%),#061e16;color:#f0faf4}
.studio-start{font-family:Inter,system-ui,sans-serif;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:64px 0 90px;min-height:75vh}
.studio-start[hidden],.start-editor-controls[hidden]{display:none!important}
.studio-start h1{font:650 clamp(34px,5vw,64px)/1.08 system-ui,sans-serif;letter-spacing:-.045em;margin:20px 0 28px;max-width:850px}
.start-eyebrow{font:650 12px/1.6 system-ui;letter-spacing:.13em;color:#9fe1ba}
.start-lead{font-size:21px;line-height:1.7;max-width:640px;margin-bottom:32px;color:#c5dbcf}
.studio-start button,.start-editor-controls button,.start-preview-bar button{font:600 15px/1.4 system-ui;border:1px solid #7bbb983e;border-radius:13px;padding:14px 22px;min-height:48px;color:inherit;background:#123528;cursor:pointer;touch-action:manipulation}
.studio-start button:focus-visible,.studio-start select:focus-visible,.studio-start input:focus-visible,.start-editor-controls button:focus-visible{outline:3px solid var(--lw-brand-strong,#116b40);outline-offset:4px}
.studio-start button:disabled{opacity:.45;cursor:default}
.studio-start .start-primary{background:linear-gradient(120deg,#c0f6d0,#83d9a5);color:#092619;border:0;font-weight:750}
.start-resume{display:block;margin-top:20px}
.start-progress{display:flex;list-style:none;gap:14px;padding:0;margin:0 0 35px}
.start-progress li{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #90bb9b4f;color:#a4b8ad;font:600 13px system-ui}

.start-step{margin-top:32px}.start-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:900px}
.studio-start .start-choice{padding:25px;text-align:left;display:flex;flex-direction:column;gap:10px;background:#10342780;min-width:0}
.start-choice strong{font-size:21px}.start-choice span{color:#b3cbbb;font-size:15px}
.studio-start .start-choice[aria-pressed=true]{border-color:#a4eabd;background:#204f3b;box-shadow:0 0 0 1px #a4eabd}
.start-industries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.start-industries .start-choice{padding:19px}.start-industries strong{font-size:16px}
.start-note{color:#b9d0c1;line-height:1.7;font-size:14px;max-width:880px;margin:24px 0}.start-navigation{display:flex;justify-content:space-between;gap:20px;margin-top:42px;max-width:900px}
.start-field{display:grid;gap:10px;max-width:600px;margin-top:24px}.start-field input{font:inherit;padding:16px;border:1px solid #b9dbb970;background:#102f24;color:#fff;border-radius:12px;width:100%;box-sizing:border-box}
.start-materials{border:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px;max-width:900px}.start-materials legend{margin-bottom:16px;font-weight:650;font-size:20px}.start-materials .start-choice strong{font-size:16px}
.start-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:900px}
.start-designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.start-design{background:#123528;border:1px solid #76bb962f;border-radius:18px;overflow:hidden;padding:0 0 20px;min-width:0}.start-design h2{font-size:20px;line-height:1.4;margin:22px 20px 12px}.start-design-meta{margin:0 20px 18px;color:#afd2bd;font-size:13px}.start-design>button{margin:8px 20px 0;width:calc(100% - 40px)}
.start-design-view{height:280px;background:#e8eeeb;overflow:hidden;position:relative}.start-design-view iframe{position:absolute;inset:0;width:328%;height:960px;border:0;transform:scale(.305);transform-origin:top left;pointer-events:none;background:#fff}
.start-empty{padding:25px;border:1px solid #d6c98c;border-radius:12px;color:#fff1be;line-height:1.6}
.start-preview-modal{padding:0;background:#0a2118;border:1px solid #709d84;border-radius:15px;width:min(1440px,96vw);max-width:96vw;color:#fff;height:92dvh}.start-preview-modal::backdrop{background:#00180fd9}.start-preview-bar{display:flex;gap:12px;padding:10px;flex-wrap:wrap}.start-preview-modal>iframe{display:block;height:calc(100% - 82px);border:0;max-width:100%;margin:auto;background:#fff}
/* Never leave a white modal with no explanation while the preview is loading/failed. */
.start-preview-modal{position:fixed}
.start-preview-modal>.start-preview-status{position:absolute;inset:76px 12px 12px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin:0;padding:24px;text-align:center;font:650 16px/1.6 system-ui;color:var(--lw-ink,#17382b);background:var(--lw-surface,#f4f9f5);border-radius:10px}
.start-preview-modal>.start-preview-status[hidden],.start-preview-modal>iframe[hidden]{display:none!important}
.start-preview-modal>.start-preview-status button{border:1px solid var(--lw-line-strong,#9bc8b0);border-radius:11px;padding:12px 20px;background:var(--lw-brand,#17734b);color:var(--lw-on-brand,#fff);cursor:pointer}
@media(max-width:620px){.start-preview-modal{width:100vw;max-width:100vw;height:96dvh;max-height:96dvh}.start-preview-modal>.start-preview-status{inset:108px 10px 10px}}
.start-editor-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 18px;background:#0b2c20;color:#e1f1e7}.start-editor-controls span{font-size:12px;flex:1;min-width:220px}.start-editor-controls button{padding:9px 14px;font-size:13px;min-height:42px}.start-editor-controls button[aria-pressed=true]{background:#a2e7bb;color:#092619}.one-header-inner>select{background:#123528;color:#fff;border:1px solid #639677;padding:8px;border-radius:8px}
/* Only Starter compositions change; Premium and originals keep their authored CSS. */
@media(max-width:800px){.studio-start{font-family:Inter,system-ui,sans-serif;width:calc(100% - 32px);padding:32px 0 60px}.start-industries{grid-template-columns:repeat(2,minmax(0,1fr))}.start-designs{grid-template-columns:1fr;max-width:520px;margin:auto}.start-choices{grid-template-columns:1fr}.start-tiers{gap:9px}.start-tiers .start-choice{padding:15px 10px}.start-tiers strong{font-size:17px}.start-tiers span{font-size:12px}.start-materials{grid-template-columns:1fr}.start-materials .start-choice{padding:16px}.start-progress{gap:10px;margin-bottom:25px}.studio-start h1{font-size:38px}.start-note{font-size:13px}.start-editor-controls span{flex-basis:100%}.one-working .one-editor-panel{height:calc(100dvh - 220px)}.sd-clear[data-layout=catalog] .sd-service{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.studio-start *{scroll-behavior:auto!important;transition:none!important}}

.one-app[data-start-editor=simple] .one-app-original{display:none!important}
.start-design-view:not(.is-ready)::after{content:"…";position:absolute;inset:0;display:grid;place-items:center;font-size:30px;color:#265440;background:#e2ece5}

.studio-start-active:not(.one-working) #roxy-pilot,.studio-start-active[data-start-editor=simple] #roxy-pilot{display:none!important}

.studio-start-active:not(.one-working) .roxy-widget,.studio-start-active[data-start-editor=simple] .roxy-widget{display:none!important}
.studio-start-active:not(.one-working) #roxy-widget,.studio-start-active[data-start-editor=simple] #roxy-widget{display:none!important}

/* Share the approved public emerald palette; customer preview iframes stay isolated. */
.studio-start-active{background:radial-gradient(ellipse at 85% 80%,var(--lw-glow,transparent) 0,transparent 45%),var(--lw-canvas);color:var(--lw-ink)}
.studio-start :is(.start-eyebrow,.start-choice span,.start-lead,.start-note,.start-design-meta){color:var(--lw-muted-strong)}
.studio-start :is(button,.start-choice,.start-design),.start-editor-controls,.start-preview-modal,.one-header-inner>select{background:var(--lw-surface);color:var(--lw-ink);border-color:var(--lw-line-strong)}
.studio-start .start-choice[aria-pressed=true]{background:var(--lw-surface-mint);border-color:var(--lw-brand);box-shadow:0 0 0 1px var(--lw-brand)}
.studio-start .start-design{box-shadow:var(--lw-shadow)}
.studio-start .start-field input{background:var(--lw-surface-soft);color:var(--lw-ink);border-color:var(--lw-line-strong)}
.studio-start .start-progress li{color:var(--lw-muted-strong);border-color:var(--lw-line-strong)}
.studio-start .start-primary,.start-editor-controls button[aria-pressed=true]{background:var(--lw-brand);color:var(--lw-on-brand)}
.studio-start .start-empty{color:var(--lw-ink);border-color:var(--lw-gold);background:var(--lw-surface)}

/* Named steps are real keyboard controls; a check mark and underline convey state. */
body.studio-start-active:not(.one-working) .one-header{background:rgba(246,255,250,.96);color:#113c29;border-bottom:1px solid #b8d8c5;--one-ink-strong:#113c29;--one-accent:#116b40}
.studio-start-active .one-header :is(select,.lw-theme-toggle){background:#e5f5ec;color:#12482e;border-color:#8bb69d;min-width:44px;min-height:44px}
.studio-start .start-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:820px}
.studio-start .start-progress li{display:block;min-width:0;width:auto;height:auto;border:0;border-radius:0;background:none;color:inherit}
.studio-start .start-progress .start-step-name{white-space:nowrap}
.studio-start .start-progress .start-step-number{flex-shrink:0}
.studio-start .start-progress button{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:6px 2px;border:0;border-radius:8px;background:none;color:var(--lw-muted-strong);opacity:1;min-height:70px;font-size:13px}
.start-step-number{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--lw-line-strong);border-radius:50%;font-size:14px}
.studio-start .start-progress .is-done .start-step-number,.studio-start .start-progress [aria-current] .start-step-number{background:var(--lw-brand);color:var(--lw-on-brand)}
.studio-start .start-progress [aria-current] .start-step-name{text-decoration:underline;text-underline-offset:5px;font-weight:800}
.studio-start .start-progress button:disabled{cursor:default}
.start-results>p:first-child{min-height:48px;margin-block:16px}
.start-designs{min-height:528px;align-items:start}
.start-design{display:grid;grid-template-rows:280px 64px 36px 48px 48px;gap:8px;padding-bottom:20px}
.start-design h2{margin:8px 20px 0;overflow:auto}
.start-design-meta{margin:0 20px}
.start-design>button{margin:0 20px;min-height:48px;padding-block:8px}
.start-skeleton{background:linear-gradient(100deg,var(--lw-surface-soft) 20%,var(--lw-surface-mint) 45%,var(--lw-surface-soft) 70%);background-size:250% 100%;animation:start-shimmer 1.8s ease-in-out infinite}
.start-skeleton-line{height:22px;margin:16px 20px 0;border-radius:7px;width:65%}
.start-skeleton-button{margin:0 20px;border-radius:12px}
.start-design-view:not(.is-ready)::after{content:"";background:linear-gradient(100deg,#dce9e1 20%,#f2f7f4 45%,#dce9e1 70%);background-size:250% 100%;animation:start-shimmer 1.8s ease-in-out infinite}
.start-design-error{display:flex;min-height:530px;box-sizing:border-box;flex-direction:column;justify-content:center}
.start-design-error .start-empty{margin:20px}
.start-onboarding{flex-basis:100%;font-size:13px;line-height:1.5}
.start-onboarding summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:700;padding-inline:6px;position:sticky;top:0;z-index:1;background:var(--lw-surface)}
.start-onboarding p{margin:8px 6px}
.start-onboarding summary:focus-visible,.start-preview-bar button:focus-visible{outline:3px solid var(--lw-brand);outline-offset:2px}
.start-editor-controls{flex:0 0 auto;max-height:32dvh;overflow-y:auto;overscroll-behavior:contain}
.start-editor-controls button,.one-header-inner>select{min-height:44px}
.studio-start-active.one-working .one-rotate-hint{display:none!important}
body.studio-start-active.one-working .one-app-bar :is(button,select){min-height:44px}
@keyframes start-shimmer{to{background-position:-150% 0}}
@media(max-width:800px){
 .studio-start .start-progress{gap:2px}.studio-start .start-progress button{font-size:12px}
 .start-editor-controls{padding:4px 10px;gap:4px;max-height:30dvh}
 .start-editor-controls>span{display:none}.start-editor-controls button{padding:6px 9px;font-size:12px}
 .one-working .one-editor-panel{height:auto}
}
@media(max-height:540px){
 body.studio-start-active.one-working .one-app-bar{min-height:52px;height:52px;box-sizing:border-box;padding-block:2px}
 .start-editor-controls{max-height:28dvh;padding:2px 10px;flex-wrap:nowrap;align-items:flex-start}
 .start-editor-controls>span{display:none}
 .start-onboarding{flex:1 1 280px;min-width:0}
 .start-onboarding summary{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.start-skeleton,.start-design-view:not(.is-ready)::after{animation:none}}

/* Four real Premium Web looks remain visible in Start; other tiers keep three-column previews. */
@media(min-width:1121px){
 .start-designs.start-premium-four{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:801px) and (max-width:1120px){
 .start-designs.start-premium-four{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Preview toolbar uses the surrounding public theme for readable controls. */
.start-preview-bar button,.start-editor-controls button:not([aria-pressed=true]){background:var(--lw-surface,#fff);color:var(--lw-ink,#113c29);border-color:var(--lw-line-strong,#9bc8b0)}

/* Roxy is a first-class guide from the first onboarding view onward. */
.studio-start .start-roxy-guide{
 display:flex;align-items:center;gap:13px;flex-wrap:wrap;
 width:min(100%,850px);padding:14px 16px;margin:19px 0 22px;
 box-sizing:border-box;border:1px solid #cbe1d0;border-radius:16px;
 background:#f4faf3;color:#244e35;box-shadow:0 10px 28px #23492e10;
}
.studio-start .start-roxy-guide>img{flex:0 0 48px;width:48px;height:48px;border-radius:13px;object-fit:cover}
.studio-start .start-roxy-guide>div{flex:1 1 240px;min-width:0}
.studio-start .start-roxy-guide strong{font:750 14px/1.35 Inter,system-ui,sans-serif;color:#173f2c}
.studio-start .start-roxy-guide p{font:12px/1.6 Inter,system-ui,sans-serif;color:#54705c;margin:4px 0 0}
.studio-start .start-roxy-guide .start-roxy-guide-action{
 flex:0 0 auto;min-height:44px;padding:10px 14px;
 border:1px solid #1d6141;border-radius:10px;background:#1e5639;color:#fff;
 font:750 12px/1.2 Inter,system-ui,sans-serif;cursor:pointer;
}
.studio-start .start-roxy-guide .start-roxy-guide-action:focus-visible{outline:3px solid #4a9f73;outline-offset:3px}
@media(max-width:600px){
 .studio-start .start-roxy-guide{padding:12px;gap:10px}
 .studio-start .start-roxy-guide .start-roxy-guide-action{width:100%}
}

/* Six-stage customized creation: industry-picked sections and genuine customer content */
.studio-start .start-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;max-width:930px;margin:17px 0 24px}
.studio-start .start-section{display:flex;align-items:center;gap:11px;min-height:62px;padding:12px 14px;border-radius:13px;border:1px solid var(--lw-line-strong,#b9cec0);background:var(--lw-surface,#fff);box-sizing:border-box;cursor:pointer;font:650 13px/1.35 Inter,system-ui,sans-serif;color:var(--lw-ink,#244a34);transition:border-color .15s ease,background .15s ease}
.studio-start .start-section.selected{border-color:#45966a;background:var(--lw-surface-mint,#edf8ed);box-shadow:0 0 0 1px #45966a38}
.studio-start .start-section input{width:19px;height:19px;flex:0 0 19px;accent-color:#23774e}
.studio-start .start-section input:disabled{opacity:.7}
.studio-start .start-section:has(input:focus-visible){outline:3px solid #83c59b;outline-offset:2px}
.studio-start .start-own-fields{max-width:860px;padding:24px;border-radius:16px;background:var(--lw-surface,#fff);border:1px solid var(--lw-line-strong,#cbdbcf);display:grid;gap:15px}
.studio-start .start-own-fields h2{font-size:24px;line-height:1.3;margin:0;color:var(--lw-ink,#234d36)}
.studio-start .start-owned-field{display:grid;gap:7px;font:750 12px/1.4 Inter,system-ui,sans-serif;color:var(--lw-ink,#234d36)}
.studio-start .start-owned-field input,.studio-start .start-owned-field textarea{width:100%;box-sizing:border-box;min-height:47px;padding:12px 13px;color:var(--lw-ink,#244a34);background:var(--lw-canvas,#fafcf9);border-radius:10px;border:1px solid var(--lw-line-strong,#c3d3c8);font:500 14px/1.45 Inter,system-ui,sans-serif}
.studio-start .start-owned-field textarea{min-height:96px;resize:vertical}
.studio-start .start-owned-field input:focus-visible,.studio-start .start-owned-field textarea:focus-visible{outline:3px solid #8ccb9f;outline-offset:1px}
.studio-start .start-file-note{font:500 11px/1.45 Inter,system-ui,sans-serif;color:var(--lw-muted-strong,#667b69)}
@media(max-width:900px){.studio-start .start-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.studio-start .start-sections{grid-template-columns:1fr 1fr;gap:7px}.studio-start .start-section{font-size:11px;padding:9px;min-height:58px}.studio-start .start-own-fields{padding:14px}}

.studio-start .start-design-reason{font:12px/1.6 Inter,system-ui,sans-serif;margin:6px 14px;color:var(--lw-muted-strong,#536f5b)}

/* Genuine quality ladder: Basic first; one recommended design per tier.
   More authored alternatives are shown ONLY after explicit user exploration. */
.studio-start .start-quality-intro{font:600 clamp(16px,1.65vw,19px)/1.7 Inter,system-ui,sans-serif;color:var(--lw-ink,#244934);max-width:910px;margin:0 0 10px}
.studio-start .start-quality-title{font:760 clamp(22px,2.6vw,30px)/1.25 Inter,system-ui,sans-serif;letter-spacing:-.035em;color:var(--lw-ink,#1d4e31);margin:16px 0 7px}
.studio-start .start-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;min-height:0}
.studio-start .start-quality-card{min-width:0;display:grid;gap:11px;padding:15px 14px 18px;border-radius:18px;background:var(--lw-surface,#fff);border:1px solid var(--lw-line-strong,#d4e2d6);box-shadow:0 8px 25px #123b1d0b}
.studio-start .start-quality-card.quality-standard{border-color:#cbd9cd}
.studio-start .start-quality-card.quality-theme{border-color:#92c9a9;box-shadow:0 10px 27px #226d3921}
.studio-start .start-quality-card.quality-personal{border-color:#ddc48d;box-shadow:0 10px 27px #6e562422}
.studio-start .start-quality-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;justify-content:space-between}
.studio-start .start-quality-label{font:850 16px/1.3 Inter,system-ui,sans-serif;color:#194c34}
.studio-start .quality-personal .start-quality-label{color:#79612a}
.studio-start .start-quality-price{font:800 11px/1.4 Inter,system-ui,sans-serif;color:#52765c;background:#edf5ee;padding:6px 9px;border-radius:100px}
.studio-start .quality-personal .start-quality-price{color:#685124;background:#f9f2dc}
.studio-start .start-quality-feature{margin:0;min-height:59px;font:12px/1.6 Inter,system-ui,sans-serif;color:var(--lw-muted-strong,#5d7b64)}
.studio-start .start-quality-featured{min-width:0;min-height:415px}
.studio-start .start-quality-card .start-design{display:grid;grid-template-rows:245px minmax(45px,auto) 44px 45px;gap:7px;min-width:0;padding-bottom:12px;background:#fbfffc;box-shadow:none;border-color:#dce8de;border-radius:13px}
.studio-start .start-quality-card .start-design-view{height:245px}
.studio-start .start-quality-card .start-design h3{font:750 16px/1.35 Inter,system-ui,sans-serif;margin:10px 14px 2px;color:#1b4630}
.studio-start .start-quality-card .start-design>button{margin:0 12px;min-height:44px;padding:8px 12px;font-size:12px;width:calc(100% - 24px)}
.studio-start .start-quality-card .start-design .start-primary{background:#246f47!important;color:#fff!important;border-color:#246f47!important}
.studio-start .start-quality-card .start-explore{width:100%;min-height:44px;padding:9px 10px;font-size:12px;font-weight:750;border:1px solid #b9d8c3;background:#f0f8f2;color:#205438}
.studio-start .start-quality-card .start-explore:disabled{font-size:11px;font-weight:500;color:#718574;background:#f6faf6}
.studio-start .start-quality-more[hidden]{display:none!important}
.studio-start .start-quality-more{display:grid;gap:12px;min-width:0;border-top:1px solid #dbe9df;padding-top:15px}
.studio-start .start-quality-more-heading{font:750 15px/1.3 Inter,system-ui,sans-serif;color:#29583b;margin:0}
.studio-start .start-quality-more-grid{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}
.studio-start .start-quality-unavailable{min-height:410px;padding:22px 17px;border-radius:13px;border:1px dashed #d2c89a;background:#fbfaf5;color:#51472d}
.studio-start .start-quality-unavailable strong{font:750 15px/1.55 Inter,system-ui,sans-serif}
.studio-start .start-quality-unavailable p{font:12px/1.55 Inter,system-ui,sans-serif;color:#716949}
.studio-start .start-quality-card .start-design.is-loading{grid-template-rows:245px 27px 27px 40px 40px}
.studio-start .start-quality-card .start-design .start-empty{font-size:12px;margin:0 10px}
@media(min-width:801px) and (max-width:1080px){
 .studio-start .start-quality-grid{gap:9px}
 .studio-start .start-quality-card{padding:10px}
 .studio-start .start-quality-card .start-design-view{height:220px}
 .studio-start .start-quality-card .start-design{grid-template-rows:220px minmax(45px,auto) 44px 45px}
}
@media(max-width:800px){
 .studio-start .start-quality-grid{grid-template-columns:1fr;max-width:560px;gap:17px;margin-inline:auto}
 .studio-start .start-quality-feature{min-height:0}
 .studio-start .start-quality-featured{min-height:0}
 .studio-start .start-quality-card .start-design{grid-template-rows:245px minmax(45px,auto) 42px 45px}
 .studio-start .start-progress{gap:3px}
 .studio-start .start-progress .start-step-name{font-size:10px}
}

/* Approved 2026 Premium Web: present the four authored recipes as a gallery. */
/* Programmatic heading focus announces the step without a browser-drawn box. */
.studio-start h1:focus{outline:none}
body.studio-wizard-navigation{--wizard-bar-height:80px;padding-bottom:calc(var(--wizard-bar-height) + env(safe-area-inset-bottom))}
body.studio-wizard-navigation .studio-start{padding-bottom:110px}
.studio-wizard-navigation .start-navigation{position:fixed;inset:auto 0 0;max-width:none;margin:0;min-height:64px;padding:8px max(24px,calc((100vw - 1120px)/2));padding-bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;z-index:900;background:var(--lw-header-glass,#0f1e19eb);color:var(--lw-ink);border-top:1px solid var(--lw-line);box-shadow:0 -4px 24px #00000020;backdrop-filter:blur(12px);box-sizing:border-box}
.start-navigation>button:first-child{justify-self:start}.start-navigation>button:last-child{justify-self:end}.start-navigation-state{text-align:center;font:600 14px system-ui}.start-navigation-short{display:none}.start-navigation button:disabled{opacity:.5;cursor:not-allowed}
body.studio-wizard-navigation .roxy-dock{bottom:calc(var(--wizard-bar-height) + env(safe-area-inset-bottom) + 12px)!important}
body.studio-wizard-navigation #lw-explorer{bottom:calc(var(--wizard-bar-height) + env(safe-area-inset-bottom) + 12px)!important;max-width:calc(100vw - 190px)}
body.studio-wizard-navigation[data-wizard-step="3"] .ls-cross-quest,body.studio-wizard-navigation[data-wizard-step="4"] .ls-cross-quest,body.studio-wizard-navigation[data-wizard-step="5"] .ls-cross-quest,body.studio-wizard-navigation[data-wizard-step="6"] .ls-cross-quest{display:none}
.start-step:has(.start-mini-preview){display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,320px);gap:24px;align-items:start}.start-mini-preview{grid-column:2;grid-row:1/4;min-width:0;margin:0;border:1px solid var(--lw-line);padding:12px;border-radius:16px;background:var(--lw-surface)}.start-mini-preview>p:first-child{font:650 14px system-ui;margin:0 0 12px}.start-mini-preview .start-note{font-size:12px;margin:10px 0 0}.start-mini-view{position:relative;aspect-ratio:16/11;overflow:hidden;border-radius:9px;background:var(--lw-surface)}.start-mini-view iframe{border:0;width:1280px;height:900px;transform:scale(.23);transform-origin:0 0;pointer-events:none}
@media(max-width:767px){body.studio-wizard-navigation{--wizard-bar-height:72px}.studio-wizard-navigation .start-navigation{min-height:64px;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom));gap:8px;grid-template-columns:auto 1fr auto}.start-navigation-state{font-size:12px}.start-navigation-full{display:none}.start-navigation-short{display:inline}.studio-wizard-navigation .start-navigation button{padding:10px 12px;min-height:48px;font-size:13px}.start-step:has(.start-mini-preview){grid-template-columns:1fr}.start-mini-preview{grid-column:1;grid-row:auto;max-width:320px;width:100%;box-sizing:border-box}.start-mini-view iframe{transform:scale(.22)}body.studio-wizard-navigation #lw-explorer{max-width:calc(100vw - 155px)}body.studio-wizard-navigation #lw-explorer-toggle{font-size:10px;padding:10px 12px}}
@media(max-width:767px){.start-step:has(.start-mini-preview)>.start-mini-preview{grid-row:1;aspect-ratio:auto}.start-step:has(.start-mini-preview)>.start-choices,.start-step:has(.start-mini-preview)>.start-industries{grid-row:2}.start-mini-view{aspect-ratio:16/9}}
/* The comparison gallery inherits the same public day/night palette as steps 1–5. */
.studio-start .start-quality-grid.start-quality-premium-first{grid-template-columns:repeat(2,minmax(0,1fr))}
.studio-start .start-quality-card.start-approved-premium{grid-column:1/-1;order:-1;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:14px;align-items:start}
.studio-start .start-approved-premium>.start-quality-head,.studio-start .start-approved-premium>.start-quality-feature{grid-column:1/-1}
.studio-start .start-approved-premium>.start-quality-featured{grid-column:1;min-width:0}
.studio-start .start-approved-premium>.start-quality-more{grid-column:2;min-width:0;border:0;padding:0}
.studio-start .start-approved-premium .start-quality-more-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.studio-start .start-approved-premium .start-quality-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.studio-start .start-approved-premium .start-quality-featured .start-design,.studio-start .start-approved-premium .start-quality-more-grid .start-design{height:100%}
@media(max-width:1120px){.studio-start .start-approved-premium .start-quality-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.studio-start .start-quality-grid.start-quality-premium-first{grid-template-columns:1fr}.studio-start .start-quality-card.start-approved-premium{grid-template-columns:1fr}.studio-start .start-approved-premium>.start-quality-featured,.studio-start .start-approved-premium>.start-quality-more{grid-column:1}.studio-start .start-approved-premium .start-quality-more-grid{grid-template-columns:1fr}}

/* Explicit nonbinding state on welcome and all six wizard steps.
   This isn't a 'launch' badge: it explains what selection does and doesn't do. */
.studio-start .start-trial-notice{
 display:flex;align-items:center;gap:10px;max-width:850px;
 margin:17px 0 23px;padding:13px 16px;
 border:1px solid var(--lw-line-strong,rgba(62,132,92,.35));
 border-radius:12px;background:color-mix(in srgb,var(--lw-surface,#f8fcf8) 83%,var(--lw-surface-mint,#dcefe2));
 color:var(--lw-ink,#183c2b);
 font:700 13px/1.55 Inter,system-ui,sans-serif;
}
.studio-start .start-trial-notice::before{
 content:"✓";display:grid;place-items:center;flex:none;width:24px;height:24px;
 border-radius:50%;background:var(--lw-surface-mint,#dcefe2);color:var(--lw-brand-strong,#125f40);
}
.studio-start .start-finish-guide{
 max-width:910px;margin:13px 0 18px;padding:17px 19px;
 border:1px solid var(--lw-line-strong,rgba(62,132,92,.35));
 border-radius:14px;background:var(--lw-surface,#fff);
 color:var(--lw-ink-soft,#1b5035);
 font:700 13px/1.7 Inter,system-ui,sans-serif;
}
@media(max-width:650px){
 .studio-start .start-trial-notice{margin:11px 0 16px;padding:11px 12px;font-size:12px}
 .studio-start .start-finish-guide{padding:13px;font-size:12px;line-height:1.65}
}