/* LuckyStudio Premium 2 — branded creation workspaces.
 * UI chrome only. NEVER style .live-preview, .storefront or exported customer pages.
 * GPU-safe accents, no canvas, no background video, reduced motion respected.
 */
:root{--lwstudio-ui-accent:#8af9b2;--lwstudio-ui-glass:rgba(9,27,19,.91);--lwstudio-ui-edge:rgba(137,249,181,.23);--lwstudio-ui-line:rgba(153,245,181,.16);--lwstudio-ui-ink:#f0fff6;--lwstudio-ui-muted:#afcdbc}
body.lw-studio-chooser{background:radial-gradient(ellipse 57% 32% at 50% 8%,rgba(33,194,99,.18),transparent 76%),radial-gradient(ellipse 33% 29% at 7% 43%,rgba(41,117,86,.13),transparent 82%),#030a07}
body.lw-studio-chooser::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.19;background-image:linear-gradient(90deg,transparent 0 calc(100% - 1px),#70ec9c16 calc(100% - 1px)),linear-gradient(0deg,transparent 0 calc(100% - 1px),#70ec9c16 calc(100% - 1px));background-size:64px 64px;mask-image:linear-gradient(180deg,#000,transparent 85%);z-index:-1}
body.lw-studio-chooser header{border-bottom:1px solid var(--lwstudio-ui-edge);background:linear-gradient(100deg,#06120cba,#091d13a6);border-radius:0 0 18px 18px}
body.lw-studio-chooser .brand{letter-spacing:-.06em}
body.lw-studio-chooser .hero{position:relative;max-width:900px;margin-bottom:41px}
body.lw-studio-chooser .kicker{color:#a8ffcc;letter-spacing:.23em;font-weight:850}
body.lw-studio-chooser .hero h1{font-weight:900;text-shadow:0 12px 56px #0006}
body.lw-studio-chooser .hero h1 span{background:linear-gradient(100deg,#d8ffe0,#83f8ad 45%,#a2eac6);background-clip:text;color:transparent}
body.lw-studio-chooser .step{border-color:#6de99866;background:#061810;box-shadow:inset 0 1px #cbffdf13,0 0 35px #47e78016}
body.lw-studio-chooser .studio-command-core{display:flex;align-items:center;justify-content:center;gap:22px;margin:26px auto 0;max-width:680px;color:#acd9b9}
body.lw-studio-chooser .studio-command-core:before,body.lw-studio-chooser .studio-command-core:after{content:"";height:1px;flex:1;max-width:190px;background:linear-gradient(90deg,transparent,#6ef99b66)}
body.lw-studio-chooser .studio-command-core:after{transform:rotate(180deg)}
body.lw-studio-chooser .studio-core-mark{width:73px;height:73px;flex:none;display:grid;place-items:center;position:relative;border-radius:18px;border:1px solid #81fab29a;background:linear-gradient(145deg,#123a25,#07160f);box-shadow:0 0 0 8px #2f8a4623,inset 0 1px #d2ffe066,0 0 39px #52f29b33}
body.lw-studio-chooser .studio-core-mark:after{content:"";position:absolute;inset:7px;border:1px dashed #95f4a15c;border-radius:11px}
body.lw-studio-chooser .studio-core-mark img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 9px #55e99544)}
body.lw-studio-chooser .modes{gap:23px;align-items:stretch}
body.lw-studio-chooser .mode{background:linear-gradient(150deg,#193c29 0%,#0b1d14 35%,#07120e 100%);border:1px solid #55966a69;border-radius:22px;box-shadow:0 18px 56px #0007,inset 0 1px #d5ffe010;transform:translateZ(0)}
body.lw-studio-chooser .mode:after{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#b2ffc866,transparent);pointer-events:none}
body.lw-studio-chooser .mode.shop{background:linear-gradient(150deg,#163b33,#09201b 39%,#07120f)}
body.lw-studio-chooser .mode:hover,body.lw-studio-chooser .mode:focus-within{border-color:#aaffc5;box-shadow:0 22px 68px #0009,0 0 36px #58ef9c22,inset 0 1px #caffe030}
body.lw-studio-chooser .mode-mark{border-radius:14px;background:linear-gradient(160deg,#1e5a35,#0c2918);border-color:#a9fdb07d;box-shadow:0 0 22px #4fe48c25}
body.lw-studio-chooser .mode h2{font-weight:860}
body.lw-studio-chooser .mode>p{line-height:1.62;margin-bottom:18px}
body.lw-studio-chooser .mode-visual{margin:6px 0 23px;aspect-ratio:16/8.3;overflow:hidden;position:relative;border:1px solid #57966b82;border-radius:14px;background:radial-gradient(circle at 70% 20%,#275e3d,#081810 65%);box-shadow:0 16px 38px #0005}
body.lw-studio-chooser .mode-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.09) contrast(1.04)}
body.lw-studio-chooser .mode-visual:before{position:absolute;content:"";top:0;left:0;right:0;height:29px;background:#06130edb;border-bottom:1px solid #71bd8266;z-index:1}
body.lw-studio-chooser .mode-visual:after{position:absolute;content:"●  ●  ●";top:4px;left:12px;font-size:11px;letter-spacing:3px;color:#86e9aa;z-index:2}
body.lw-studio-chooser .facts li:before{box-shadow:0 0 0 1px #5fbc8069;color:#b6ffca;background:#1a4530}
body.lw-studio-chooser .go{background:linear-gradient(128deg,#b9ffd1,#81eaaa);box-shadow:inset 0 1px #fff8,0 11px 35px #2be07826}
body.lw-studio-chooser .aside{padding-top:11px}
body.lw-studio-chooser .mode small{color:#a8f8c0}

/* Common shell and top navigation (customer preview intentionally excluded). */
.lwstudio-dialog,.editor-section{--studio-premium-edge:#61b8806c;--studio-premium-panel:#081910;--studio-premium-ink:#effff5}
.lwstudio-dialog{border-radius:19px;border-color:#7ccf9380!important;box-shadow:0 48px 142px #000d,0 0 60px #5ade8520!important}
.lwstudio-dialog .lwstudio-head,body:has(.editor-section) .studio-topbar{background:linear-gradient(105deg,#153724,#0a1a12 56%,#0a2418)!important;border-bottom:1px solid #7bdc9852!important;box-shadow:inset 0 1px #d4ffe018!important}
.lwstudio-dialog .lwstudio-head{position:relative;isolation:isolate}
.lwstudio-dialog .lwstudio-head:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,transparent 15%,#6bde9620 46%,transparent 75%);z-index:-1}
.lwstudio-dialog .lwstudio-identity h2,body:has(.editor-section) .studio-topbar-brand strong{font-weight:880!important;letter-spacing:-.055em}
.lwstudio-dialog .lwstudio-head-actions .lwstudio-status{font-size:10px;letter-spacing:.035em;border-color:#83f0a647;background:#143424}
.lw-studio-mode-nav{border-color:#559a6e8c!important;box-shadow:inset 0 1px #ceffdd12,0 8px 22px #0003;background:#071a11!important}
.lw-studio-mode-nav a{font-size:12px!important}
.lw-studio-mode-nav a[aria-current=page]{background:linear-gradient(110deg,#c4ffdc,#76e9ac)!important;box-shadow:0 0 22px #4add7f33!important}
.lw-studio-mode-nav a:focus-visible{outline:2px solid #b8ffd5;outline-offset:2px}
.lwstudio-dialog .lwstudio-controls,body:has(.editor-section) .editor-section .editor-panel{background:linear-gradient(155deg,#0c2417,#09170f 38%,#08140e)!important;border-right:1px solid #41795154!important}
.lwstudio-dialog .lwstudio-tabs,body:has(.editor-section) .editor-section .tabbar{border:1px solid #4d855e66!important;background:#06130c!important;box-shadow:inset 0 2px 5px #0005;padding:5px!important;border-radius:12px!important}
.lwstudio-dialog .lwstudio-tabs button,body:has(.editor-section) .editor-section .tabbar .tab{font-weight:820;letter-spacing:.015em;min-height:44px}
.lwstudio-dialog .lwstudio-tabs button:hover:not(.active),body:has(.editor-section) .editor-section .tabbar .tab:hover:not(.active){background:#20432d!important;color:#e5fff0!important}
.lwstudio-dialog .lwstudio-tabs button.active,body:has(.editor-section) .editor-section .tabbar .tab.active{background:linear-gradient(145deg,#caffd9,#79eba4)!important;color:#082916!important;box-shadow:0 6px 17px #51e18020,inset 0 1px #ffffff77!important}
.lwstudio-dialog :is(.lwstudio-tab input,.lwstudio-tab textarea,.lwstudio-tab select),
body:has(.editor-section) .editor-panel :is(input,textarea,select){border-color:#4b825c!important;background-color:#0d2417!important;color:#e9fff1!important;border-radius:10px!important}
.lwstudio-dialog :is(.lwstudio-tab input,.lwstudio-tab textarea,.lwstudio-tab select):focus-visible,
body:has(.editor-section) .editor-panel :is(input,textarea,select):focus-visible{outline:2px solid #9ff9b9!important;outline-offset:2px}
.lwstudio-dialog .lwstudio-preview-bar,body:has(.editor-section) .editor-section .preview-toolbar{min-height:55px!important;background:#0b2116!important;border-bottom:1px solid #3c745452!important}
.lwstudio-dialog .lwstudio-preview-area,body:has(.editor-section) .editor-section .preview-stage{background-color:#07170f!important;background-image:radial-gradient(circle at 50% 0%,#1c523126,transparent 48%),linear-gradient(#71b9890a 1px,transparent 1px),linear-gradient(90deg,#71b9890a 1px,transparent 1px)!important;background-size:auto,28px 28px,28px 28px!important}
.lwstudio-dialog .lwstudio-preview-frame,body:has(.editor-section) .editor-section .storefront{filter:drop-shadow(0 20px 36px #0005)}
.lwstudio-dialog .lwstudio-preview-frame.mobile,body:has(.editor-section) .preview-panel.is-mobile .storefront{filter:drop-shadow(0 24px 32px #0008)}
.lwstudio-dialog .lwstudio-primary,body:has(.editor-section) .editor-panel .button.primary{background:linear-gradient(125deg,#bbffd2,#82ebad)!important;color:#052015!important;border-color:#b4ffcf!important;box-shadow:inset 0 1px #ffffff75,0 7px 22px #36d97e24!important;font-weight:850}
.lwstudio-dialog .lwstudio-primary:hover,body:has(.editor-section) .editor-panel .button.primary:hover{background:#dcffe7!important}
.lwstudio-dialog .lwstudio-secondary,body:has(.editor-section) .editor-panel .button.quiet{border-color:#5e946d!important;background:#153824!important;color:#dcffe9!important}
.lwstudio-dialog .lwstudio-tab :is(h3,h4),body:has(.editor-section) .editor-panel :is(h3,h4){color:#f2fff6;letter-spacing:-.035em}
.lwstudio-dialog .lwstudio-tab p,body:has(.editor-section) .editor-panel .microcopy{line-height:1.64;color:#b0cdbc}
.lwstudio-dialog .lwstudio-photo-actions button,body:has(.editor-section) .editor-buttons button{min-height:38px}
body:has(.editor-section) .studio-topbar{position:relative}
body:has(.editor-section) .studio-topbar-icon{background:#123e27!important;border-color:#7be59a!important;color:#b4ffd0!important;box-shadow:0 0 30px #4edb8033!important}
body:has(.editor-section) .editor-layout{border:1px solid #53986688!important;box-shadow:0 28px 85px #0008,0 0 30px #48c27512!important;border-radius:0 0 19px 19px!important}
@media(min-width:1060px){.lwstudio-dialog .lwstudio-main{grid-template-columns:minmax(330px,385px) minmax(0,1fr)!important}}
@media(max-width:820px){.lwstudio-dialog .lwstudio-main{grid-template-columns:1fr!important}body.lw-studio-chooser .mode-visual{aspect-ratio:16/7.5}}
@media(max-width:710px){body.lw-studio-chooser .modes{gap:13px}body.lw-studio-chooser .mode{border-radius:17px}body.lw-studio-chooser .studio-command-core{margin-top:23px}body.lw-studio-chooser .studio-core-mark{width:63px;height:63px}}
@media(prefers-reduced-motion:reduce){body.lw-studio-chooser .mode{transition:none!important;transform:none!important} .lwstudio-dialog .lwstudio-preview-frame,body:has(.editor-section) .editor-section .storefront{filter:none!important}}