/* LuckyStudio funnel completion / 2026-10-25.
   Public wizard only. Never loaded inside customer templates or their previews. */
body.studio-one .studio-start .lsfr-summary{
 --lsfr-bg:rgba(29,54,56,.88);--lsfr-card:linear-gradient(145deg,rgba(59,94,87,.92),rgba(33,63,60,.94));
 --lsfr-line:rgba(205,252,226,.32);--lsfr-ink:#f4fff9;--lsfr-muted:#d0e9db;--lsfr-accent:#b8ffdb;
 max-width:1120px;margin:0 auto;padding:clamp(12px,3vw,32px) 0 56px;
 color:var(--lsfr-ink);
}
html[data-lw-theme="light"] body.studio-one .studio-start .lsfr-summary{
 --lsfr-bg:rgba(245,252,247,.91);--lsfr-card:linear-gradient(145deg,#fff,#edf8f2);
 --lsfr-line:rgba(16,102,67,.24);--lsfr-ink:#133b2b;--lsfr-muted:#426753;--lsfr-accent:#0d7850;
}
body.studio-one .studio-start .lsfr-summary h1{
 margin:8px 0 13px;max-width:20ch;
 color:var(--lsfr-ink);font:850 clamp(32px,5vw,58px)/1.09 Inter,system-ui,sans-serif;
 letter-spacing:-.065em;
}
body.studio-one .studio-start .lsfr-summary .lsfr-eyebrow{
 margin:0;color:var(--lsfr-accent);font:800 11px/1.5 Inter,system-ui,sans-serif;letter-spacing:.17em;
}
body.studio-one .studio-start .lsfr-summary .lsfr-lead{
 max-width:690px;color:var(--lsfr-muted);font-size:clamp(15px,1.7vw,18px);line-height:1.65;
}
body.studio-one .studio-start .lsfr-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:27px 0 17px}
body.studio-one .studio-start .lsfr-panel{
 min-width:0;padding:clamp(19px,2.4vw,27px);border:1px solid var(--lsfr-line);
 border-radius:22px;background:var(--lsfr-card);
 box-shadow:inset 0 1px rgba(248,255,252,.12),0 23px 48px rgba(4,20,26,.19);
}
body.studio-one .studio-start .lsfr-panel h2{color:var(--lsfr-ink);font:800 19px/1.25 Inter,system-ui,sans-serif;letter-spacing:-.025em;margin:0 0 16px}
body.studio-one .studio-start .lsfr-panel dl{display:grid;gap:12px;margin:0}
body.studio-one .studio-start .lsfr-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:18px;border-bottom:1px solid var(--lsfr-line);padding-bottom:9px}
body.studio-one .studio-start .lsfr-price-row dt{color:var(--lsfr-muted);font:650 13px/1.4 Inter,system-ui,sans-serif}
body.studio-one .studio-start .lsfr-price-row dd{margin:0;color:var(--lsfr-ink);font:800 15px/1.4 Inter,system-ui,sans-serif;text-align:right;overflow-wrap:anywhere}
body.studio-one .studio-start .lsfr-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:16px;border-radius:13px;background:rgba(176,247,205,.09);border:1px solid var(--lsfr-line)}
body.studio-one .studio-start .lsfr-total span{color:var(--lsfr-ink);font-size:13px;font-weight:740}
body.studio-one .studio-start .lsfr-total strong{color:var(--lsfr-accent);font:900 clamp(20px,2.3vw,29px)/1.2 Inter,system-ui,sans-serif}
body.studio-one .studio-start .lsfr-no-charge{
 padding:16px 19px;border-left:3px solid #a7edc6;border-radius:12px;
 background:rgba(173,255,204,.1);color:var(--lsfr-ink);line-height:1.6;font-weight:650;
}
html[data-lw-theme="light"] body.studio-one .studio-start .lsfr-no-charge{background:#ecf8ef;border-left-color:#19865a}
body.studio-one .studio-start .lsfr-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:23px}
body.studio-one .studio-start .lsfr-action{
 display:flex;align-items:center;justify-content:center;text-align:center;min-height:56px;
 box-sizing:border-box;padding:13px 17px;border-radius:13px;
 font:800 13px/1.4 Inter,system-ui,sans-serif!important;
 cursor:pointer;text-decoration:none;border:1px solid var(--lsfr-line);
 background:rgba(126,184,156,.11);color:var(--lsfr-ink);
 transition:transform .17s ease,background .17s ease,box-shadow .17s ease;
}
body.studio-one .studio-start .lsfr-action:hover{transform:translateY(-1px);background:rgba(172,241,199,.2)}
body.studio-one .studio-start .lsfr-action.lsfr-primary{
 border:1px solid #d9ffea!important;background:linear-gradient(116deg,#c6ffdc,#80edb1)!important;
 color:#103c29!important;box-shadow:0 11px 25px rgba(15,84,56,.19);
}
body.studio-one .studio-start .lsfr-action:focus-visible,
body.studio-one .studio-start .lsfr-back:focus-visible{outline:3px solid var(--lsfr-accent);outline-offset:3px}
body.studio-one .studio-start .lsfr-extra{color:var(--lsfr-muted);font-size:12px;line-height:1.65;margin:14px 0}
body.studio-one .studio-start .lsfr-back{min-height:44px;border:0;background:transparent;color:var(--lsfr-accent);font-weight:800;cursor:pointer;padding:9px 0}
body.studio-one .studio-start .lsfr-alert{padding:18px;border-radius:13px;background:#623c35;color:#fff}
body.studio-one .studio-start .lsfr-comparison{margin:26px 0 24px;padding:20px;border:1px solid var(--lw-line);border-radius:20px;background:var(--lw-surface);box-shadow:0 12px 30px rgba(1,25,22,.10)}
body.studio-one .studio-start .lsfr-comparison>h2{font-size:clamp(20px,2.6vw,26px);margin:0 0 8px;color:var(--lw-ink)}
body.studio-one .studio-start .lsfr-comparison>p{font-size:13px;line-height:1.6;color:var(--lw-muted-strong);margin:0 0 16px}
body.studio-one .studio-start .lsfr-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
body.studio-one .studio-start .lsfr-comparison-card{display:flex;flex-direction:column;gap:9px;min-width:0;padding:17px;border:1px solid var(--lw-line);border-radius:14px;background:color-mix(in srgb,var(--lw-surface) 80%,var(--lw-brand) 20%)}
body.studio-one .studio-start .lsfr-comparison-card[data-tier="theme"]{border-color:var(--lw-brand);box-shadow:0 0 0 1px color-mix(in srgb,var(--lw-brand) 40%,transparent)}
body.studio-one .studio-start .lsfr-comparison-card h3{margin:0;color:var(--lw-ink);font-size:18px}
body.studio-one .studio-start .lsfr-comparison-feature{color:var(--lw-muted-strong);font-size:13px;line-height:1.6;flex:1;margin:0}
body.studio-one .studio-start .lsfr-comparison-price{color:var(--lw-brand-strong);font-size:19px}
body.studio-one .studio-start .lsfr-comparison-setup{font-size:12px;color:var(--lw-muted-strong)}
body.studio-one .studio-start .lsfr-comparison .lsfr-comparison-foot{margin:14px 0 0;font-size:12px}
@media(max-width:790px){
 body.studio-one .studio-start .lsfr-layout{grid-template-columns:1fr}
 body.studio-one .studio-start .lsfr-actions{grid-template-columns:1fr}
 body.studio-one .studio-start .lsfr-comparison-grid{grid-template-columns:1fr}
 body.studio-one .studio-start .lsfr-comparison-card{padding:13px 16px}
 body.studio-one .studio-start .lsfr-price-row{gap:12px}
}
@media(max-width:390px){
 body.studio-one .studio-start .lsfr-summary{padding-bottom:92px}
 body.studio-one .studio-start .lsfr-panel{padding:16px;border-radius:17px}
 body.studio-one .studio-start .lsfr-total{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){body.studio-one .studio-start .lsfr-action{transition:none}body.studio-one .studio-start .lsfr-action:hover{transform:none}}

/* Studio-only floating controls, isolated from public ecosystem depth. */
@media(max-width:680px){
 /* LuckyQuest is still available on the Studio welcome screen. During the
    six-step flow and editing, it cannot overlap navigation or purchase CTAs. */
 body.studio-one.studio-wizard-navigation #lw-explorer,
 body.studio-one.studio-summary #lw-explorer,
 body.studio-one.one-working #lw-explorer{display:none!important}
 body.studio-one.studio-wizard-navigation .roxy-dock{
  bottom:calc(var(--wizard-bar-height,72px) + 15px + env(safe-area-inset-bottom))!important;
  right:9px!important;
 }
 /* The editor already has a dedicated Roxy button in its sidebar. Remove
    the redundant floating launcher unless the assistant panel is open. */
 body.studio-one.one-working .roxy-dock:has(.roxy-panel[hidden]){
  visibility:hidden;pointer-events:none;
 }
 body.studio-one.one-working .roxy-dock:has(.roxy-panel:not([hidden])){
  visibility:visible;pointer-events:auto;
 }
 body.studio-one .roxy-dock .roxy-panel:not([hidden]) .roxy-head{
  position:sticky;top:0;z-index:2;
 }
 body.studio-one .roxy-dock .roxy-panel:not([hidden]){
  overscroll-behavior:contain;
 }
 body.studio-one .studio-start .start-quality-grid{gap:15px}
}

/* The public Studio wizard still had an old opaque .one-header declaration.
   Apply the shared optical glass as an actual surface, not merely tokens.
   Never affect the editable website/e-shop canvas (.one-working). */
body.studio-one.studio-start-active:not(.one-working) > .one-header[data-lw-public-header]{
 background:var(--identity-glass);
 color:var(--identity-ink);
 --one-ink-strong:var(--identity-ink);
 border-bottom-color:var(--identity-line);
 -webkit-backdrop-filter:var(--identity-glass-filter);
 backdrop-filter:var(--identity-glass-filter);
 box-shadow:var(--identity-glass-shadow);
}
@media(prefers-reduced-transparency:reduce){
 body.studio-one.studio-start-active:not(.one-working) > .one-header[data-lw-public-header]{
  background:rgba(30,72,64,.98);
 }
 html[data-lw-theme="light"] body.studio-one.studio-start-active:not(.one-working) > .one-header[data-lw-public-header]{
  background:rgba(246,255,249,.98);
 }
}