/* LuckyStudio 2026 premium workbench: shared, restrained design language.
   Scope carefully to workbenches, keep customer-facing preview templates free. */
.lwstudio-dialog{
 --studio-ink:#edfdf2;--studio-muted:#b7cec1;--studio-line:rgba(156,246,185,.2);
 background:#070e0c;color:var(--studio-ink);border:1px solid rgba(156,246,185,.34);
 border-radius:18px;box-shadow:0 42px 132px #000c,0 0 0 1px #6eff9c0c;
}
.lwstudio-dialog .lwstudio-head{
 background:linear-gradient(113deg,#142e24,#0a1713 65%,#101d1a);
 padding:16px clamp(16px,2.1vw,28px);border-bottom:1px solid var(--studio-line);
}
.lwstudio-dialog .lwstudio-emblem{
 background:#143a25;border:1px solid #7af5a3;border-radius:13px;
 box-shadow:0 0 0 3px #87ffaf12,inset 0 1px #ffffff22;
 overflow:hidden;padding:5px;
}
.lwstudio-dialog .lwstudio-emblem img{width:100%;height:100%;display:block;object-fit:contain}
.lwstudio-dialog .lwstudio-head h2{font-size:clamp(20px,2vw,27px);letter-spacing:-.05em}
.lwstudio-dialog .lwstudio-head-actions .lwstudio-status{border-radius:30px;padding:7px 11px;background:#10251a;border:1px solid #275b3d;color:#b7ffd1}
.lwstudio-dialog #lwstudio-close{background:#13241d;border-color:#49725a;transition:background .15s}
.lwstudio-dialog #lwstudio-close:hover{background:#295b3f}
.lwstudio-dialog .lwstudio-stylebar{
 position:relative;background:linear-gradient(180deg,#0b1912,#07120d);
 border-bottom:1px solid var(--studio-line);padding:clamp(11px,2vw,19px);
}
.lwstudio-dialog .lwstudio-main{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}
.lwstudio-dialog .lwstudio-controls{
 background:linear-gradient(148deg,#0c1a13,#09110e);
 border-right:1px solid var(--studio-line);
}
.lwstudio-dialog .lwstudio-tabs{
 background:#08110d;border-color:#34523f;gap:4px;padding:5px;border-radius:12px;
}
.lwstudio-dialog .lwstudio-tabs button{font-weight:790;min-height:43px}
.lwstudio-dialog .lwstudio-tabs button.active{
 color:#072317;background:linear-gradient(132deg,#c6ffce,#79e9a5);
 box-shadow:0 5px 18px #59ed9f1b;
}
.lwstudio-dialog .lwstudio-tab h3{font-weight:860;letter-spacing:-.04em}
.lwstudio-dialog .lwstudio-preview-area{
 background:radial-gradient(circle at 88% 7%,#18422b3b,transparent 36%),#08110d;
}
.lwstudio-dialog .lw-style-trigger{
 min-height:70px;background:linear-gradient(120deg,#173322,#10251b);
 border-color:#517e61;box-shadow:inset 0 1px #ffffff17;
}
.lwstudio-dialog .lw-style-gallery{background:#0b1912;border-color:#55886a;box-shadow:0 25px 65px #0009}
.lwstudio-dialog .lw-style-option{border-radius:11px}
.lwstudio-dialog .lw-style-option .lw-style-shot{height:80px;border-radius:8px}
.lws-visual-offer{margin:14px 0 3px;border:1px solid #37664d;border-radius:14px;
 padding:13px 15px;background:linear-gradient(130deg,#12291f,#0b1d16 72%);
 color:#edfdf2}
.lws-visual-offer[data-themed="false"]{background:#101c17;border-color:#314f3f}
.lws-visual-offer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lws-visual-offer-heading strong{font-size:13px;letter-spacing:.01em}
.lws-visual-offer-heading>span{font-size:12px;font-weight:800;color:#b5ffd1;text-align:right}
.lws-visual-offer p{color:#bbd9c7;font-size:11px;line-height:1.5;margin:8px 0}
.lws-visual-offer-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.lws-tier-option{position:relative;display:flex;gap:8px;align-items:flex-start;padding:11px;
 border:1px solid #365d45;border-radius:10px;background:#0b1913;cursor:pointer;min-width:0;min-height:93px}
.lws-tier-option.selected{border-color:#b6ffd0;background:#163926;box-shadow:inset 0 0 0 1px #a6ffc354}
.lws-tier-option:has(input:disabled){opacity:.55;cursor:not-allowed}
.lws-tier-option input{margin:2px 0 0;flex:none;width:15px;height:15px;accent-color:#7ef9ad}
.lws-tier-option-copy{display:grid;gap:3px;min-width:0}
.lws-tier-option-copy strong{font-size:11px;line-height:1.3}
.lws-tier-option-copy small{font-weight:900;font-size:10px;color:#c3ffcb}
.lws-tier-option-copy em{font-style:normal;color:#a5beab;font-size:10px;line-height:1.42}
.lws-visual-offer .lws-visual-offer-disclaimer{font-size:10px;color:#96b6a2;margin-bottom:0}
.lw-style-tier-pill{display:inline-flex;align-items:center;padding:3px 7px;
 border:1px solid #d9bf83a0;border-radius:7px;color:#ffe1aa;background:#362b1c;
 font-size:9px;font-weight:850;letter-spacing:.025em}
.lw-style-option-caption .lw-style-tier-pill{margin-top:3px}
body:has(.editor-section) .global-header{
 backdrop-filter:blur(16px);background:linear-gradient(120deg,#091711ee,#09120fee);
 border-bottom:1px solid #6affb922
}
body:has(.editor-section) .studio-topbar{border-color:#8de9ab55;box-shadow:0 8px 45px #0005}
body:has(.editor-section) .editor-section .studio-section-heading h2{
 font-size:clamp(30px,4vw,58px);letter-spacing:-.055em
}
body:has(.editor-section) .lw-style-gallery{
 background:linear-gradient(140deg,#0c1a14,#0a1512);
 border-color:#5a8669;box-shadow:0 26px 70px #000b;
}
body:has(.editor-section) .lw-style-option .lw-style-shot{height:75px}
body:has(.editor-section) .template-choice{
 border-radius:16px;transition:transform .15s,border-color .15s
}
@media(max-width:1040px){
 .lws-visual-offer-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .lwstudio-dialog{width:calc(100vw - 10px);max-height:calc(100dvh - 8px);border-radius:14px}
 .lwstudio-dialog .lwstudio-head{padding:12px 13px}
 .lwstudio-dialog .lwstudio-main{grid-template-columns:1fr!important}
 .lwstudio-dialog .lwstudio-controls{border-right:0;border-bottom:1px solid #345943}
 .lwstudio-dialog .lwstudio-tabs{overflow-x:auto;overscroll-behavior:contain}
 .lwstudio-dialog .lwstudio-tabs button{flex:0 0 auto;padding:11px 12px}
 .lws-visual-offer-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lws-tier-option{min-height:92px}
}
@media(max-width:400px){
 .lws-visual-offer{padding:10px}
 .lws-tier-option{padding:9px;min-height:0}
 .lws-tier-option-copy em{display:none}
 .lwstudio-dialog .lwstudio-identity{gap:7px}
}
@media(prefers-reduced-motion:reduce){
 .lwstudio-dialog *,body:has(.editor-section) .template-choice{animation:none!important;transition:none!important}
}


/* Pricing clarity in narrow settings panes (Web + Shop): never squeeze three cards into 300px. */
.lwstudio-dialog .studio-tile-tier-controls .lws-visual-offer,
.editor-section .lws-visual-offer{min-width:0;max-width:100%}
.lwstudio-dialog .studio-tile-tier-controls .lws-visual-offer-options,
.editor-section .lws-visual-offer-options{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.lwstudio-dialog .studio-tile-tier-controls .lws-tier-option,
.editor-section .lws-tier-option{display:grid;grid-template-columns:23px minmax(0,1fr);min-width:0;min-height:0;gap:11px;padding:14px 13px;align-items:start}
.lwstudio-dialog .studio-tile-tier-controls .lws-tier-option input,
.editor-section .lws-tier-option input{width:19px;height:19px;margin:2px 0}
.lwstudio-dialog .studio-tile-tier-controls .lws-tier-option-copy,
.editor-section .lws-tier-option-copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.lwstudio-dialog .studio-tile-tier-controls .lws-tier-option-copy strong,
.editor-section .lws-tier-option-copy strong{font-size:15px!important;line-height:1.3}
.lwstudio-dialog .studio-tile-tier-controls .lws-tier-option-copy small,
.editor-section .lws-tier-option-copy small{font-size:12px!important;line-height:1.4;color:#a2eec3}
.lwstudio-dialog .studio-tile-tier-controls .lws-tier-option-copy em,
.editor-section .lws-tier-option-copy em{display:block!important;font-size:12px!important;line-height:1.56;color:#c9dccd}
.lwstudio-dialog .studio-tile-tier-controls .lws-visual-offer p,
.editor-section .lws-visual-offer p{font-size:12px;line-height:1.6}
.lwstudio-dialog .studio-tile-tier-controls .lws-visual-offer-heading{flex-wrap:wrap;align-items:flex-start}
.lwstudio-dialog .studio-tile-tier-controls .lws-visual-offer-heading>span{white-space:normal;text-align:left}
/* Distinct editor workspace mode when the customer selects Hi-End. */
.lwstudio-dialog[data-studio-mode="hiend"] .studio-tile-toolbar{
 background:linear-gradient(110deg,#302218,#111e1b 65%,#10291f)!important;
 border-bottom:1px solid #c6a470!important
}
.lwstudio-dialog[data-studio-mode="hiend"] .studio-tile-card{
 background:linear-gradient(155deg,#30271c,#182923)!important;border-color:#78694a!important
}
.lwstudio-dialog[data-studio-mode="hiend"] .studio-tile-card:is(.is-active,:hover){
 background:linear-gradient(145deg,#695132,#1c4332)!important;border-color:#eed5a4!important
}
.lwstudio-dialog[data-studio-mode="hiend"] .studio-tile-icon{
 color:#f3d4a7!important;background:#45331f!important;border-color:#ad8855!important
}
.lwstudio-dialog[data-studio-mode="hiend"] .studio-tile-sheet{
 background:linear-gradient(150deg,#2b241c,#0d1b15 75%)!important;
 border-color:#b99863!important
}
.lwstudio-dialog[data-studio-mode="hiend"] .studio-tile-sheet-head{background:#231d17fc!important;border-color:#967b50!important}
.lwstudio-dialog[data-studio-mode="hiend"] .studio-tile-stage .lwstudio-preview-bar{
 background:linear-gradient(100deg,#3b2a1c,#0b271b)!important
}
.lwstudio-dialog .studio-hiend-workbar{display:none}
.lwstudio-dialog[data-studio-mode="hiend"] .studio-hiend-workbar{
 display:flex;flex:0 0 auto;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;
 padding:10px 17px;background:linear-gradient(115deg,#362a1b,#14251d);
 border-bottom:1px solid #a58a60;color:#fff2d6;font:650 12px/1.4 Inter,system-ui,sans-serif
}
.studio-hiend-workbar strong{font-size:13px;letter-spacing:.035em;color:#f5d29c}
.studio-hiend-workbar .studio-hiend-actions{display:flex;flex-wrap:wrap;gap:7px}
.studio-hiend-workbar button{min-height:42px;border:1px solid #a48457;border-radius:8px;padding:9px 13px;background:#291f18;color:#fff4db;cursor:pointer;font:750 12px Inter,system-ui,sans-serif}
.studio-hiend-workbar button:hover,.studio-hiend-workbar button:focus-visible{border-color:#ffdea9;background:#57402a}
@media(max-width:800px){
 .lwstudio-dialog[data-studio-mode="hiend"] .studio-hiend-workbar{padding:9px 11px;gap:8px}
 .studio-hiend-workbar .studio-hiend-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .studio-hiend-workbar button{min-width:0;font-size:11px}
 .lwstudio-dialog .studio-tile-tier-controls .lws-tier-option{padding:13px}
}

@media(max-width:600px){.lwstudio-dialog[data-studio-mode="hiend"] .studio-hiend-workbar{display:grid;gap:6px;padding:9px 10px}.lwstudio-dialog[data-studio-mode="hiend"] .studio-hiend-actions{display:flex;overflow-x:auto;gap:7px;scroll-snap-type:x proximity;max-width:100%;padding-bottom:5px}.lwstudio-dialog[data-studio-mode="hiend"] .studio-hiend-actions button{flex:0 0 135px;min-height:44px;scroll-snap-align:start}.lwstudio-dialog .studio-tile-tier-controls .lws-visual-offer-options{grid-template-columns:minmax(0,1fr)!important}.lwstudio-dialog .studio-tile-tier-controls .lws-tier-option-copy em{display:block!important}}