/* 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);
 }
}

/* V5 release QA 2026-11-10: a completed proposal owns the full canvas.
   Do not inherit the three-column wizard grid (left rail was only 200px).
   These selectors never touch authored customer websites or shop templates. */
body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start.studio-start{
 display:block!important;
 grid-template-columns:none!important;
 width:min(1120px,calc(100% - 36px))!important;
 min-width:0!important;
 max-width:1120px!important;
 margin-inline:auto!important;
 padding:clamp(24px,4vw,52px) 0 100px!important;
 box-sizing:border-box!important;
}
body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start > .lsfr-summary{
 display:block!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 margin-inline:auto!important;
 padding:0!important;
 box-sizing:border-box!important;
}
body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-layout{
 display:grid!important;
 width:100%!important;
 min-width:0!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:clamp(14px,2vw,22px)!important;
 align-items:stretch!important;
}
body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-panel{
 min-width:0!important;
 box-sizing:border-box!important;
 padding:clamp(18px,2.2vw,28px)!important;
}
body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-price-row{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) max-content!important;
 align-items:baseline!important;
 gap:12px!important;
 min-width:0!important;
}
body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-price-row dd{
 overflow-wrap:normal!important;
 word-break:normal!important;
 white-space:nowrap!important;
}
body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-total{
 display:flex!important;
 flex-wrap:wrap!important;
 align-items:center!important;
 gap:14px!important;
}
body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-total strong{
 white-space:nowrap!important;
 word-break:normal!important;
 overflow-wrap:normal!important;
}
body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-summary h1{
 max-width:22ch!important;
 font-size:clamp(32px,4.2vw,54px)!important;
 line-height:1.14!important;
 letter-spacing:-.045em!important;
 text-wrap:balance;
}
body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-pricing{
 overflow-wrap:normal;
}
@media(max-width:820px){
 body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-layout{
  grid-template-columns:minmax(0,1fr)!important;
 }
 body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-actions{
  grid-template-columns:minmax(0,1fr)!important;
 }
}
@media(max-width:410px){
 body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start.studio-start{
  width:calc(100% - 24px)!important;
  padding-top:18px!important;
 }
 body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-panel{
  padding:16px!important;
 }
 body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-price-row{
  gap:8px!important;
 }
 body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-price-row dt{
  font-size:12px!important;
 }
 body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-price-row dd{
  font-size:13px!important;
 }
}

body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-rental-picker{
 display:grid!important;gap:8px!important;
 max-width:520px!important;margin:18px 0 4px!important;
 color:var(--lsfr-muted)!important;
 font:750 14px/1.4 Inter,system-ui,sans-serif!important;
}
body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-rental-picker select{
 appearance:auto!important;
 box-sizing:border-box!important;
 display:block!important;
 width:100%!important;min-height:46px!important;
 padding:10px 12px!important;
 color:var(--lsfr-ink)!important;
 background:#15372b!important;
 border:1px solid var(--lsfr-line)!important;
 border-radius:10px!important;
 font:650 14px/1.4 Inter,system-ui,sans-serif!important;
}
body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-rental-picker select:focus-visible{
 outline:3px solid var(--lsfr-accent)!important;outline-offset:2px!important;
}
@media(max-width:820px){
 body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-total{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:start!important;
  gap:8px!important;
 }
 body[data-lw-studio-v2].studio-summary[data-studio-screen="summary"] #studio-start .lsfr-total .lsfr-next-month{
  margin:4px 0 0!important;
 }
}