/* Premium cockpit shared by Web and Shop. Chrome ONLY. */
.lwstudio-dialog.studio-cockpit-active .lwstudio-shell{display:flex!important;flex-direction:column;height:100%;min-height:0}
.lwstudio-dialog .studio-cockpit-layout{display:grid;grid-template-columns:90px minmax(295px,345px) minmax(0,1fr);flex:1;min-height:0;min-width:0;overflow:hidden}
.lwstudio-dialog .studio-cockpit-rail,.editor-section .studio-cockpit-rail{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;min-width:0;width:auto!important;max-width:none!important;padding:20px 7px!important;margin:0!important;border:0!important;border-right:1px solid #285441!important;border-radius:0!important;background:linear-gradient(175deg,#071a15,#03100c)!important;box-shadow:none!important;order:0!important}
.lwstudio-dialog .studio-cockpit-rail button,.editor-section .studio-cockpit-rail button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:65px;gap:6px;padding:10px 5px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#b9d2c6!important;font:750 11px/1.3 system-ui,sans-serif!important;text-align:center;white-space:normal}
.lwstudio-dialog .studio-cockpit-rail button:first-child,.editor-section .studio-cockpit-rail button:first-child{background:#0e412e!important;border-color:#2ecf8595!important;color:#a4ffd3!important;box-shadow:inset 3px 0 #35ed9a,0 0 20px #36d88517}
.lwstudio-dialog .studio-cockpit-rail button:hover,.editor-section .studio-cockpit-rail button:hover{background:#15392b!important;color:#fff!important}
.lwstudio-dialog .studio-cockpit-rail .studio-rail-index{display:block;font-size:19px!important;line-height:1;color:#6cf0aa}
.lwstudio-dialog .studio-cockpit-sidebar{min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;overscroll-behavior:contain;background:linear-gradient(155deg,#0c291d,#061610);border-right:1px solid #2d5e43;scrollbar-width:thin}
.lwstudio-dialog .studio-cockpit-caption{padding:19px 17px 14px;display:grid;gap:6px;border-bottom:1px solid #325b44}
.lwstudio-dialog .studio-cockpit-caption span{font:800 10px ui-monospace,monospace;letter-spacing:.12em;color:#85efb8}
.lwstudio-dialog .studio-cockpit-caption strong{font:850 21px/1.25 system-ui,sans-serif;letter-spacing:-.04em}
.lwstudio-dialog .studio-cockpit-sidebar>.studio-industry-quick{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:8px!important;padding:17px!important;border-bottom:1px solid #355942!important;background:transparent!important}
.lwstudio-dialog .studio-cockpit-sidebar>.studio-industry-quick .studio-industry-step{grid-column:auto!important}
.lwstudio-dialog .studio-cockpit-sidebar>.studio-industry-quick>label{font-weight:850;white-space:normal}
.lwstudio-dialog .studio-cockpit-sidebar>.studio-industry-quick select{width:100%;min-width:0}
.lwstudio-dialog .studio-cockpit-sidebar>.studio-industry-quick .studio-industry-description{grid-column:auto!important}
.lwstudio-dialog .studio-cockpit-sidebar>.lwstudio-design-drawer{flex:none;max-height:none!important;overflow:visible!important;margin:12px 11px 0!important;width:auto;border:1px solid #47775a;border-radius:12px}
.lwstudio-dialog .studio-cockpit-sidebar>.lwstudio-design-drawer>summary{padding:12px 10px}
.lwstudio-dialog .studio-cockpit-sidebar .lwstudio-stylebar{padding:11px!important;max-height:none!important}
.lwstudio-dialog .studio-cockpit-sidebar .lw-stylebar-flex{flex-wrap:wrap}
.lwstudio-dialog .studio-cockpit-sidebar .lw-stylebar-flex>*,.lwstudio-dialog .studio-cockpit-sidebar .lw-smart-container{width:100%;min-width:0}
.lwstudio-dialog .studio-cockpit-sidebar .lwstudio-controls{flex:none;width:100%;overflow:visible!important;height:auto!important;max-height:none!important;min-height:0!important;padding:14px!important;border:0!important;background:transparent!important}
.lwstudio-dialog .studio-cockpit-sidebar .lwstudio-tabs{position:relative!important;top:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.lwstudio-dialog .studio-cockpit-sidebar .lwstudio-tabs button{font-size:11px!important;padding:6px 3px!important}
.lwstudio-dialog .studio-cockpit-layout>.lwstudio-main{display:flex!important;flex-direction:column!important;min-width:0;min-height:0!important;max-height:none!important;overflow:hidden}
.lwstudio-dialog .studio-cockpit-layout .lwstudio-preview-side{height:100%;min-height:0!important;flex:1}
.lwstudio-dialog .studio-cockpit-layout .lwstudio-preview-area{padding:clamp(9px,1.4vw,20px)!important;background:#06110e!important}
.lwstudio-dialog .studio-cockpit-layout .lwstudio-preview-frame{max-width:1580px!important}
.lwstudio-dialog .studio-cockpit-layout .lwstudio-preview-frame.mobile{width:min(100%,390px)!important}
.lwstudio-dialog .studio-cockpit-layout .lwstudio-preview-bar{background:#0b1d16!important}
.lwstudio-dialog.studio-focus .studio-cockpit-layout{grid-template-columns:76px minmax(0,1fr)!important}
.lwstudio-dialog.studio-focus .studio-cockpit-sidebar{display:none!important}
.lwstudio-dialog.studio-focus .studio-cockpit-layout>.lwstudio-main{grid-column:2}
.editor-section.studio-shop-cockpit-active .studio-shop-cockpit{display:grid;grid-template-columns:83px minmax(285px,345px) minmax(0,1fr);overflow:hidden;min-width:0;min-height:690px;border:1px solid #377a54;border-radius:18px;background:#081c14}
.editor-section.studio-shop-cockpit-active .studio-shop-cockpit>.editor-layout{display:contents!important}
.editor-section.studio-shop-cockpit-active .studio-cockpit-rail{grid-column:1;padding:16px 6px!important}
.editor-section.studio-shop-cockpit-active .studio-shop-cockpit>.editor-layout>.editor-panel{grid-column:2;min-width:0;border-right:1px solid #376046}
.editor-section.studio-shop-cockpit-active .studio-shop-cockpit>.editor-layout>.preview-panel{grid-column:3;min-width:0}
.editor-section.studio-shop-cockpit-active.studio-focus .studio-shop-cockpit{grid-template-columns:78px minmax(0,1fr)}
.editor-section.studio-shop-cockpit-active.studio-focus .studio-shop-cockpit>.editor-layout>.editor-panel{display:none!important}
.editor-section.studio-shop-cockpit-active.studio-focus .studio-shop-cockpit>.editor-layout>.preview-panel{grid-column:2}
@media(max-width:1100px){.lwstudio-dialog .studio-cockpit-layout{grid-template-columns:74px minmax(255px,310px) minmax(0,1fr)}.editor-section.studio-shop-cockpit-active .studio-shop-cockpit{grid-template-columns:74px minmax(245px,315px) minmax(0,1fr)}}
@media(max-width:780px){
 .lwstudio-dialog .studio-cockpit-layout{display:flex!important;flex-direction:column;overflow:auto}
 .lwstudio-dialog .studio-cockpit-rail{position:relative!important;top:auto!important;z-index:2;display:flex!important;flex-direction:row!important;width:100%!important;min-height:58px;padding:4px!important;border:0!important;border-bottom:1px solid #357d55!important;overflow-x:auto}
 .lwstudio-dialog .studio-cockpit-rail button{flex:1;min-width:70px;min-height:52px!important;font-size:10px!important}
 .lwstudio-dialog .studio-cockpit-sidebar{overflow:visible;flex:none}
 .lwstudio-dialog .studio-cockpit-sidebar>.lwstudio-design-drawer:not([open]){display:block}
 .lwstudio-dialog .studio-cockpit-layout>.lwstudio-main{overflow:visible;flex:none;min-height:460px!important}
 .lwstudio-dialog .studio-cockpit-layout .lwstudio-preview-side{min-height:450px!important}
 .lwstudio-dialog.studio-focus .studio-cockpit-sidebar{display:none!important}
 .editor-section.studio-shop-cockpit-active .studio-shop-cockpit{display:flex;flex-direction:column;min-height:0}
 .editor-section.studio-shop-cockpit-active .studio-cockpit-rail{display:flex!important;flex-direction:row!important;overflow-x:auto;min-height:60px;padding:5px!important}
 .editor-section.studio-shop-cockpit-active .studio-cockpit-rail button{min-width:75px;flex:1;min-height:53px!important}
 .editor-section.studio-shop-cockpit-active .studio-shop-cockpit>.editor-layout{display:flex!important;flex-direction:column!important}
 .editor-section.studio-shop-cockpit-active .studio-shop-cockpit>.editor-layout>.editor-panel{width:100%}
 .editor-section.studio-shop-cockpit-active .studio-shop-cockpit>.editor-layout>.preview-panel{width:100%;min-height:460px}
}
@media(prefers-reduced-motion:reduce){.studio-cockpit-layout *{scroll-behavior:auto!important}}


/* LuckyStudio Tile Workspace v2 — compact icon cells + only one real controls sheet.
   This overrides v1's permanently-open, overcrowded sidebar. */
.lwstudio-dialog.studio-tile-ready .lwstudio-head{border-bottom:1px solid #286949!important}
.lwstudio-dialog.studio-tile-ready .lwstudio-head .lwstudio-command-rail{display:none!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-toolbar{
 flex:0 0 auto;display:flex;align-items:stretch;gap:12px;padding:11px clamp(13px,2vw,30px)!important;
 border-bottom:1px solid #2c6d4f;background:linear-gradient(125deg,#0c251a,#06150f 75%);
 box-shadow:0 8px 23px #020b0740;min-width:0;z-index:5
}
.lwstudio-dialog.studio-tile-ready .studio-tile-grid{
 flex:1;min-width:0;display:grid;grid-template-columns:repeat(9,minmax(76px,1fr));gap:9px
}
.lwstudio-dialog.studio-tile-ready .studio-tile-card{
 appearance:none;display:flex;align-items:center;justify-content:center;gap:9px;flex-direction:row;
 min-width:0;min-height:61px;padding:10px 9px;border:1px solid #386b53;border-radius:12px;
 background:linear-gradient(150deg,#15382a,#0b2118);color:#d9f5e4;
 box-shadow:inset 0 1px #ffffff1c,0 3px 10px #020a0747;
 cursor:pointer;font:760 clamp(10px,.8vw,13px)/1.25 Inter,system-ui,sans-serif;
 transition:border-color .15s,transform .15s,background .15s
}
.lwstudio-dialog.studio-tile-ready .studio-tile-card:hover{background:linear-gradient(150deg,#1d5038,#113121);border-color:#61d99a;transform:translateY(-1px)}
.lwstudio-dialog.studio-tile-ready .studio-tile-card.is-active,.lwstudio-dialog.studio-tile-ready .studio-tile-card[aria-expanded=true]{background:linear-gradient(145deg,#1a6944,#103523);border-color:#69f5ad;color:white;box-shadow:0 0 0 1px #63dd9360,inset 0 2px #ffffff24}
.lwstudio-dialog.studio-tile-ready .studio-tile-card.is-tour-target{outline:2px solid #f4e0a0;outline-offset:2px}
.lwstudio-dialog.studio-tile-ready .studio-tile-icon{
 display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;color:#7effb9;
 background:linear-gradient(145deg,#145d3d,#0a3423);border:1px solid #4ba4776b
}
.lwstudio-dialog.studio-tile-ready .studio-tile-card.is-active .studio-tile-icon{color:#d7ffe8;border-color:#79eab1;background:#126a44}
.lwstudio-dialog.studio-tile-ready .studio-tile-name{min-width:0;text-align:left;overflow-wrap:normal}
.lwstudio-dialog.studio-tile-ready .studio-tile-tour-trigger{
 min-width:114px;flex:0 0 auto;padding:8px 15px;border:1px solid #4b9370;border-radius:12px;
 color:#d7ffeb;background:#0b3020;font:800 12px system-ui,sans-serif;cursor:pointer
}
.lwstudio-dialog.studio-tile-ready .studio-tile-tour-trigger:hover{border-color:#93f8bf;background:#155236}
.lwstudio-dialog.studio-tile-ready .studio-cockpit-layout{
 position:relative!important;display:block!important;flex:1 1 auto!important;min-height:0!important;width:100%;overflow:hidden!important
}
.lwstudio-dialog.studio-tile-ready .studio-cockpit-layout>.studio-cockpit-rail{display:none!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-stage{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;width:100%;background:#03110c}
.lwstudio-dialog.studio-tile-ready .studio-tile-stage>.lwstudio-main{
 display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:100%!important;max-height:none!important;min-height:0!important;width:100%;overflow:hidden!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-stage .lwstudio-preview-side{
 display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important;width:100%!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-stage .lwstudio-preview-area{
 display:block!important;flex:1 1 auto!important;min-height:0!important;overflow:auto!important;
 padding:clamp(12px,1.8vw,25px)!important;background:radial-gradient(circle at 45% 5%,#19463086,#06130e 65%)!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-stage .lwstudio-preview-frame{width:100%!important;max-width:1500px!important;margin:0 auto!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-stage .lwstudio-preview-frame.mobile{max-width:390px!important;width:min(100%,390px)!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-stage .lwstudio-preview-bar{background:#0b2619!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet{
 position:absolute!important;top:0;bottom:0;left:0;z-index:10;display:none!important;
 flex-direction:column!important;width:min(445px,92vw)!important;min-width:0;max-width:none!important;
 min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;
 background:linear-gradient(160deg,#112e21,#06160f 76%)!important;border-right:1px solid #6bcc9199!important;
 box-shadow:24px 0 65px #000b,2px 0 0 #59f7a635!important;scrollbar-width:thin;overscroll-behavior:contain
}
.lwstudio-dialog.studio-tile-ready .studio-tile-open>.studio-tile-sheet{display:flex!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet-head{
 position:sticky;top:0;z-index:3;flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;
 gap:16px;padding:24px 23px 20px;border-bottom:1px solid #3d7b59;background:#0d291bfc;backdrop-filter:blur(8px)
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet-title{display:grid;gap:7px}
.lwstudio-dialog.studio-tile-ready .studio-tile-eyebrow{color:#92ffc2;font:800 10px/1.5 ui-monospace,monospace;letter-spacing:.16em}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet-title h3{margin:0;color:#effff4;font:900 24px/1.13 Inter,system-ui,sans-serif;letter-spacing:-.055em}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet-title p{max-width:36ch;margin:0;color:#b4d4bd;font-size:12px;line-height:1.6}
.lwstudio-dialog.studio-tile-ready .studio-tile-dismiss{
 flex:none;width:41px;height:41px;border:1px solid #508768;border-radius:11px;
 color:#eafff4;background:#183a29;font-size:26px;cursor:pointer
}
.lwstudio-dialog.studio-tile-ready .studio-tile-dismiss:hover{background:#22553a}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet > :not(.studio-tile-sheet-head){display:none!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="industry"]>.studio-industry-quick{display:grid!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"]>.lwstudio-design-drawer{display:block!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="layout"]>.studio-tile-layout-controls{display:grid!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="tier"]>.studio-tile-tier-controls{display:block!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet:is([data-panel="content"],[data-panel="sections"],[data-panel="media"],[data-panel="copy"],[data-panel="publish"])>.lwstudio-controls{
 display:block!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;
 padding:23px!important;margin:0!important;background:transparent!important;border:0!important;max-height:none!important;overflow:visible!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lwstudio-tabs{display:none!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lwstudio-tab{padding:0 0 34px}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lwstudio-tab h3{font-size:22px!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-industry-quick{
 grid-template-columns:1fr!important;align-items:stretch!important;gap:12px!important;padding:26px 23px!important;
 background:transparent!important;border:0!important;border-radius:0!important;width:100%!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-industry-quick :is(select,label,.studio-industry-description){grid-column:1!important;width:100%!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-industry-quick .studio-industry-step{font-size:11px}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lwstudio-design-drawer{
 flex:none!important;margin:0!important;border:0!important;max-height:none!important;overflow:visible!important;
 background:transparent!important;width:100%!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lwstudio-design-drawer>summary{display:none!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lwstudio-design-drawer .lwstudio-stylebar{max-height:none!important;overflow:visible!important;padding:22px!important;background:transparent!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lwstudio-design-drawer .lw-stylebar-flex{display:grid!important;gap:15px!important;grid-template-columns:minmax(0,1fr)}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lw-stylebar-flex>*{width:100%;min-width:0}
.lwstudio-dialog.studio-tile-ready .studio-tile-extra{gap:16px;padding:25px 22px}
.lwstudio-dialog.studio-tile-ready .studio-tile-lead{margin:0;color:#badbca;font-size:14px;line-height:1.6}
.lwstudio-dialog.studio-tile-ready .studio-tile-layout-controls .lw-stylebar-layout-label{display:grid;width:100%;gap:12px;color:#e8fdef;font-weight:800}
.lwstudio-dialog.studio-tile-ready .studio-tile-layout-controls select{width:100%;min-height:52px;padding:12px;border:1px solid #5aa17b;border-radius:10px;color:#effff4;background:#103020}
.lwstudio-dialog.studio-tile-ready .studio-tile-secondary{min-height:48px;padding:12px 14px;border:1px solid #4d926d;border-radius:10px;background:#164831;color:#dfffea;font-size:13px;font-weight:800;cursor:pointer}
.lwstudio-dialog.studio-tile-ready .studio-tile-tier-controls .lws-visual-offer{display:block!important;width:100%!important;max-width:none!important;margin:0!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-tier-controls .lws-visual-offer-options{display:grid;gap:11px}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lw-smart-container{width:100%;min-width:0}
.lwstudio-dialog.studio-tile-ready .studio-tile-tour{
 position:absolute;right:25px;bottom:25px;z-index:11;width:min(365px,calc(100% - 50px));
 padding:23px;border:1px solid #67e5a3;border-radius:18px;
 background:linear-gradient(145deg,#143e2b,#061b12 90%);color:#effff5;box-shadow:0 24px 65px #000c,0 0 30px #28db8035;text-align:left
}
.lwstudio-dialog.studio-tile-ready .studio-tile-tour[hidden]{display:none!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-tour h3{font:850 22px/1.15 Inter,system-ui,sans-serif;letter-spacing:-.04em;margin:10px 0}
.lwstudio-dialog.studio-tile-ready .studio-tile-tour p{font:400 14px/1.6 Inter,system-ui,sans-serif;color:#cee6d5;margin:0}
.lwstudio-dialog.studio-tile-ready .studio-tile-tour-buttons{display:flex;align-items:center;gap:9px;margin-top:18px}
.lwstudio-dialog.studio-tile-ready .studio-tile-tour-buttons button{flex:1;min-height:38px;border-radius:9px;padding:7px 9px;border:1px solid #498866;background:#0b3423;color:#e8fff0;font-weight:800;font-size:12px;cursor:pointer}
.lwstudio-dialog.studio-tile-ready .studio-tile-tour-buttons .studio-tile-tour-next{background:#9ff8c2;color:#072417;border-color:#9ff8c2}
.lwstudio-dialog.studio-tile-ready .studio-tile-tour-buttons button:disabled{opacity:.42;cursor:default}
.lwstudio-dialog.studio-tile-ready .studio-tile-tour-buttons button:hover:not(:disabled){filter:brightness(1.12)}
@media(max-width:1300px){
 .lwstudio-dialog.studio-tile-ready .studio-tile-toolbar{padding:9px 12px!important;gap:8px}
 .lwstudio-dialog.studio-tile-ready .studio-tile-grid{gap:5px}
 .lwstudio-dialog.studio-tile-ready .studio-tile-card{min-height:56px;gap:5px;padding:8px 4px;flex-direction:column}
 .lwstudio-dialog.studio-tile-ready .studio-tile-icon{width:29px;height:29px;flex:0 0 29px}
 .lwstudio-dialog.studio-tile-ready .studio-tile-name{font-size:10px;text-align:center}
 .lwstudio-dialog.studio-tile-ready .studio-tile-tour-trigger{min-width:90px;padding:8px}
}
@media(max-width:800px){
 .lwstudio-dialog.studio-tile-ready .studio-tile-toolbar{flex:0 0 auto;display:flex;align-items:stretch;gap:9px}
 .lwstudio-dialog.studio-tile-ready .studio-tile-grid{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
 .lwstudio-dialog.studio-tile-ready .studio-tile-card{flex:0 0 76px;min-width:76px;scroll-snap-align:start}
 .lwstudio-dialog.studio-tile-ready .studio-tile-tour-trigger{min-width:78px;max-width:78px;font-size:11px}
 .lwstudio-dialog.studio-tile-ready .studio-tile-sheet{position:absolute!important;top:auto;bottom:0;left:0;right:0;width:100%!important;height:min(73dvh,625px)!important;max-height:calc(100% - 36px);border-top:1px solid #71e5a0;border-right:0!important;border-radius:17px 17px 0 0;box-shadow:0 -22px 70px #000c!important}
 .lwstudio-dialog.studio-tile-ready .studio-tile-sheet-head{padding:16px 21px}
 .lwstudio-dialog.studio-tile-ready .studio-tile-tour{right:12px;bottom:13px;width:min(350px,calc(100% - 24px));padding:17px}
 .lwstudio-dialog.studio-tile-ready .studio-tile-stage>.lwstudio-main{min-height:0!important;overflow:hidden!important}
 .lwstudio-dialog.studio-tile-ready .studio-tile-stage .lwstudio-preview-side{min-height:0!important;overflow:hidden!important}
 .lwstudio-dialog.studio-tile-ready .studio-tile-stage .lwstudio-preview-area{min-height:0!important;overflow:auto!important}
 .lwstudio-dialog.studio-tile-ready .studio-tile-stage .lwstudio-preview-frame{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
 .lwstudio-dialog.studio-tile-ready .studio-tile-card{transition:none;transform:none!important}
}


/* Keep the rarely needed Smart World Builder one tap deeper; no cramped mini-columns. */
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-advanced{
 margin-top:17px;border:1px solid #4a8565;border-radius:13px;background:#0d291c;overflow:visible
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-advanced>summary{
 display:flex;align-items:center;justify-content:space-between;gap:14px;
 padding:16px;cursor:pointer;font:800 13px/1.4 system-ui,sans-serif;color:#dcffe8;list-style:none
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-advanced>summary::-webkit-details-marker{display:none}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-advanced>summary:after{content:"＋";color:#8ff9b6;font-size:19px}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-advanced[open]>summary:after{content:"−"}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-advanced-hint{margin:0;padding:0 16px 12px;color:#b7d8c5;font-size:12px;line-height:1.6}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-advanced .lw-smart-container{padding:0 9px 12px;margin:0}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-advanced .lw-smart-lab{
 display:grid;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:14px!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-advanced .lw-smart-lab > *{
 grid-column:1/-1!important;min-width:0!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-advanced .lw-smart-actions{
 grid-template-columns:repeat(2,minmax(0,1fr))!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-advanced .lw-smart-mode-line{
 grid-template-columns:64px minmax(0,1fr)!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-advanced .lw-smart-recommendation{
 min-height:0!important;padding:14px!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-advanced .lw-smart-title{
 font-size:clamp(16px,2vw,22px)!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lwstudio-stylebar .lw-stylebar-flex{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lwstudio-stylebar .lw-stylebar-flex #lws-style-switcher{
 min-width:0;width:100%
}


/* UI hotfix: the old style picker used a 540px absolute gallery inside a 445px
   panel. Focusing its search field horizontally auto-scrolled the entire panel,
   cutting off the title, close button and labels. All style choices must remain
   within this one panel instead of behaving like a viewport-wide dropdown. */
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet{
 left:0!important;right:auto!important;transform:none!important;
 width:min(445px,100%)!important;max-width:100%!important;
 box-sizing:border-box!important;overflow-x:hidden!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet,
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet>*,
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lwstudio-design-drawer,
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lwstudio-stylebar{
 min-width:0!important;box-sizing:border-box!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lwstudio-design-drawer .lwstudio-stylebar{
 width:100%!important;max-width:100%!important;overflow:visible!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet #lws-style-switcher,
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lw-style-switcher,
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lw-style-gallery{
 min-width:0!important;max-width:100%!important;box-sizing:border-box!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lwstudio-stylebar .lw-style-gallery{
 position:relative!important;inset:auto!important;left:auto!important;top:auto!important;
 width:100%!important;max-width:100%!important;max-height:none!important;
 margin-top:12px!important;padding:12px!important;overflow:hidden!important;
 box-shadow:inset 0 1px #ffffff0f,0 11px 24px #0005!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lw-style-gallery .lw-style-search,
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lw-style-gallery .lw-style-groups{
 min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lw-style-gallery .lw-style-results{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 width:100%!important;max-width:100%!important;max-height:360px!important;overflow-y:auto!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lw-style-option{
 min-width:0!important;max-width:100%!important;overflow:hidden;box-sizing:border-box
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .lw-style-option :is(strong,small){
 overflow-wrap:anywhere;word-break:normal
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-sheet-head{
 width:100%!important;max-width:100%!important;min-width:0!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-sheet-title{
 min-width:0!important;flex:1 1 auto!important;overflow-wrap:break-word
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-dismiss{flex:0 0 41px!important}

/* Guided steps should explain the ACTIVE controls, not cover the website mockup. */
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet>.studio-tile-tour:not([hidden]){
 display:block!important;position:relative!important;top:auto!important;
 right:auto!important;bottom:auto!important;left:auto!important;z-index:1!important;
 flex:0 0 auto!important;width:auto!important;max-width:none!important;
 padding:17px!important;margin:16px 17px 6px!important;
 border:1px solid #5fbd88!important;border-radius:13px!important;
 box-shadow:inset 0 1px #ffffff16!important;background:linear-gradient(120deg,#173d2a,#0c2e20)!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet>.studio-tile-tour[hidden]{display:none!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-tour h3{font-size:19px!important;margin:6px 0!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-tour p{font-size:12px!important;line-height:1.5!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet .studio-tile-tour-buttons{margin-top:13px!important}
@media(max-width:800px){
 .lwstudio-dialog.studio-tile-ready .studio-tile-sheet{
  left:0!important;right:0!important;top:auto!important;bottom:0!important;
  width:100%!important;max-width:100%!important
 }
 .lwstudio-dialog.studio-tile-ready .studio-tile-sheet>.studio-tile-tour:not([hidden]){margin:12px 14px 4px!important}
}


/* 2026-10: expandable edge-to-edge design shelf; content-height tools. */
.lwstudio-dialog.studio-tile-ready .studio-style-shelf{
 flex:0 0 auto;display:block;min-width:0;width:100%;margin:0;padding:0;
 border:0;border-bottom:1px solid #377658;background:linear-gradient(140deg,#0e2f20,#061910);
}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf:not([open]) .studio-style-shelf-body{display:none!important}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-toggle{
 display:flex;align-items:center;gap:17px;justify-content:flex-start;padding:9px clamp(16px,2vw,28px);
 min-height:43px;color:#bcf2d1;cursor:pointer;list-style:none;font:750 12px/1.4 system-ui,sans-serif
}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-toggle::-webkit-details-marker{display:none}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-toggle strong{color:#dfffea;font-weight:900}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-toggle>span:not(.studio-style-shelf-arrow){color:#9fc8ae;font-weight:500}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-arrow{margin-left:auto;font-size:19px;transition:transform .16s;line-height:1}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf[open] .studio-style-shelf-arrow{transform:rotate(180deg)}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf[open] .studio-style-shelf-toggle{background:#154831;border-bottom:1px solid #3e9364}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body{
 width:100%;max-width:100%;min-width:0;
 max-height:min(48vh,510px);overflow:auto;overscroll-behavior:contain;
 padding:12px clamp(12px,2vw,28px) 18px;scrollbar-width:thin
}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body>.lwstudio-design-drawer{
 display:block!important;width:100%!important;min-width:0!important;max-width:none!important;
 margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
 max-height:none!important;overflow:visible!important
}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body>.lwstudio-design-drawer>summary{display:none!important}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body .lwstudio-stylebar{
 display:flex!important;flex-direction:column;align-items:stretch;gap:12px;padding:4px 0!important;
 width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;
 max-height:none!important;overflow:visible!important;background:transparent!important
}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body .lw-stylebar-flex{
 display:flex!important;flex-wrap:wrap!important;gap:14px!important;min-width:0;align-items:start
}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body #lws-style-switcher{
 flex:1 1 320px;min-width:min(320px,100%)!important;width:auto!important;max-width:none!important
}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body .lw-style-gallery{
 position:relative!important;inset:auto!important;top:auto!important;left:auto!important;
 margin:10px 0!important;padding:15px!important;width:100%!important;max-width:none!important;
 height:auto!important;max-height:none!important;overflow:visible!important;
 border:1px solid #42865f!important;border-radius:15px;background:#0b271c!important
}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body .lw-style-results{
 display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;
 gap:13px!important;width:100%!important;max-width:none!important;max-height:none!important;
 overflow:visible!important
}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body .lw-style-option{min-width:0!important}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body .lw-style-search,
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body .lw-style-groups{width:100%!important;max-width:100%!important;min-width:0!important}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body .studio-tile-advanced{
 width:100%!important;max-width:none!important;min-width:0;margin:7px 0 0
}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body .lw-smart-container{width:100%;min-width:0}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body .studio-tile-tour:not([hidden]){
 display:block!important;position:relative!important;inset:auto!important;max-width:none!important;
 width:100%!important;margin:0 0 12px!important;padding:12px 16px!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"]{display:none!important}
/* Only short control groups need a short floating card; no dead dark sidebar underneath. */
@media(min-width:801px){
 .lwstudio-dialog.studio-tile-ready .studio-tile-sheet:is([data-panel="industry"],[data-panel="layout"],[data-panel="tier"]){
  height:max-content!important;max-height:min(82%,760px)!important;bottom:auto!important;overflow-y:auto!important;
  border-bottom:1px solid #55a878;border-radius:0 0 16px 0
 }
 .lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="layout"]{max-height:380px!important}
}
/* Productive mobile photo picking: actual visible native input remains tappable. */
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="media"] #lws-image{
 display:block!important;width:100%;min-height:52px;max-width:100%;font-size:16px;
 padding:12px 8px;color:#e5ffec;touch-action:manipulation
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="media"] label[for="lws-image"]{display:block;font-weight:850;padding:7px 0}
.lwstudio-dialog.studio-tile-ready .studio-tile-card.is-dragging{opacity:.5}
.lwstudio-dialog.studio-tile-ready .studio-tile-card.is-drop-target{outline:2px dashed #f1da7a;outline-offset:2px}
@media(max-width:800px){
 .lwstudio-dialog.studio-tile-ready .studio-style-shelf-body{max-height:min(44dvh,390px);padding:10px 10px 15px}
 .lwstudio-dialog.studio-tile-ready .studio-style-shelf-body .lw-style-results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .lwstudio-dialog.studio-tile-ready .studio-style-shelf-body .lw-stylebar-flex{display:block!important}
 .lwstudio-dialog.studio-tile-ready .studio-style-shelf-toggle{padding:9px 14px}
 .lwstudio-dialog.studio-tile-ready .studio-style-shelf-toggle>span:not(.studio-style-shelf-arrow){display:none}
 .lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="layout"]{height:max-content!important;max-height:min(55dvh,420px)!important}
}


/* Editor UX consolidation: ONE entry point per feature, no competing tool strips. */
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-toggle{display:none!important}
.lwstudio-dialog.studio-tile-ready .lw-stylebar-layout-label[hidden]{display:none!important}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body .lw-smart-sector-label{display:none!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-layout-controls .lwstudio-composition-picker{
 margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
 width:100%;max-width:100%;min-width:0
}
.lwstudio-dialog.studio-tile-ready .studio-tile-layout-controls .lwstudio-composition-picker h4{
 margin:0 0 7px;color:#ebfff4;font-size:18px;letter-spacing:-.025em
}
.lwstudio-dialog.studio-tile-ready .studio-tile-layout-controls #lws-composition-controls{display:grid;gap:9px;grid-template-columns:1fr}
.lwstudio-dialog.studio-tile-ready .studio-tile-layout-controls #lws-composition-controls button{
 min-width:0!important;width:100%;min-height:54px;text-align:left
}
.lwstudio-dialog.studio-tile-ready .studio-style-shelf-body>.studio-style-effects{
 width:100%;max-width:100%;min-width:0;margin:5px 0 0;
 padding:0;border:1px solid #3e855e;border-radius:13px;background:#0b271b;overflow:hidden
}
.lwstudio-dialog.studio-tile-ready .studio-style-effects>summary{
 padding:14px 17px;cursor:pointer;color:#ddffeb;font-weight:850;font-size:14px;list-style-position:inside
}
.lwstudio-dialog.studio-tile-ready .studio-style-effects[open]>summary{border-bottom:1px solid #386d4d;background:#155037}
.lwstudio-dialog.studio-tile-ready .studio-style-effects>.studio-tile-lead{padding:12px 17px 0;font-size:12px}
.lwstudio-dialog.studio-tile-ready .studio-style-effects-body{display:grid;gap:14px;padding:14px;min-width:0}
.lwstudio-dialog.studio-tile-ready .studio-style-effects-body > [hidden]{display:none!important}
.lwstudio-dialog.studio-tile-ready .studio-style-effects-body > :not([hidden]){
 display:block!important;max-width:100%;min-width:0;padding:16px;border:1px solid #387954;border-radius:12px;background:#0a2016
}
.lwstudio-dialog.studio-tile-ready .studio-tile-tour-trigger.is-suggested{border-color:#70d99d;box-shadow:inset 0 0 0 1px #57bd8060}
.lwstudio-dialog.studio-tile-ready .studio-tile-card:focus-visible,
.lwstudio-dialog.studio-tile-ready .studio-style-effects>summary:focus-visible,
.lwstudio-dialog.studio-tile-ready .studio-tile-dismiss:focus-visible{
 outline:3px solid #a4f9c5;outline-offset:3px
}
/* Wide screens dock the editing pane: preview is NEVER covered by a floating sheet. */
@media(min-width:1060px){
 .lwstudio-dialog.studio-tile-ready .studio-cockpit-layout.studio-tile-open{display:flex!important;align-items:stretch;min-width:0}
 .lwstudio-dialog.studio-tile-ready .studio-tile-open>.studio-tile-sheet{
  position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
  flex:0 0 clamp(325px,28vw,410px)!important;width:clamp(325px,28vw,410px)!important;
  max-width:38%!important;height:100%!important;max-height:none!important;border-radius:0!important;
  box-shadow:6px 0 24px #0005!important
 }
 .lwstudio-dialog.studio-tile-ready .studio-tile-open>.studio-tile-stage{
  min-width:0;width:auto!important;flex:1 1 auto!important;height:100%
 }
 .lwstudio-dialog.studio-tile-ready .studio-tile-sheet:is([data-panel="industry"],[data-panel="layout"],[data-panel="tier"]){
  max-height:none!important;height:100%!important
 }
}
@media(max-width:800px){
 .lwstudio-dialog.studio-tile-ready .studio-style-shelf-body{max-height:min(38dvh,370px)}
 .lwstudio-dialog.studio-tile-ready .studio-style-effects-body{padding:10px}
 .lwstudio-dialog.studio-tile-ready .studio-style-effects-body > :not([hidden]){padding:12px}
}