/* LuckyStudio 2026 / matching Web + Shop editing workflow.
 * Pure editor chrome. Rendered customer Web and Shop previews are unchanged. */
/* WEB: style, composition and pack use the same docked sheet as every other tool. */
.lwstudio-dialog.studio-tile-ready .studio-style-shelf{display:none!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"]{display:flex!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"]>.lwstudio-design-drawer,
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"]>.studio-style-effects{
 display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
 margin:0!important;flex:none!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lwstudio-stylebar{
 display:grid!important;gap:15px!important;width:100%!important;padding:16px!important;
 background:transparent!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lw-style-gallery{
 position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;
 max-height:none!important;margin:10px 0!important;padding:12px!important;
 overflow:visible!important;box-shadow:none!important;
 border:1px solid rgba(131,245,181,.25)!important;border-radius:14px!important;
 background:linear-gradient(145deg,#153b2b,#0a2219)!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lw-style-results{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:9px!important;max-height:none!important;overflow:visible!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lw-stylebar-flex{
 display:block!important;width:100%!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .studio-style-effects{
 margin:6px 16px 18px!important;width:calc(100% - 32px)!important;
 border:1px solid rgba(113,225,159,.32);border-radius:12px;background:#102a20;
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .studio-style-effects>summary{
 padding:13px 15px;cursor:pointer;font-size:13px;font-weight:750
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .studio-style-effects-body{
 display:grid;gap:12px;padding:12px;min-width:0
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .studio-style-effects-body >[hidden]{display:none!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .studio-style-effects-body >:not([hidden]){
 display:block;min-width:0;padding:12px;border:1px solid #3c7556;border-radius:9px
}
/* SHOP: exactly the same nine-tab mental model, but commerce-specific tools. */
#editor.shop-tile-ui .shop-tiles-toolbar{gap:7px!important;min-width:0}
#editor.shop-tile-ui .shop-tool{
 flex:1 1 78px;min-width:68px;min-height:58px;gap:6px;flex-direction:column;
 padding:8px 5px;font-size:11px;line-height:1.25;
 border:1px solid rgba(128,218,164,.33);border-radius:12px
}
#editor.shop-tile-ui .shop-tool-icon{width:28px;height:28px;flex:0 0 28px;line-height:1;font-size:19px}
#editor.shop-tile-ui .shop-tool-name{text-align:center;white-space:normal;overflow-wrap:normal}
#editor.shop-tile-ui .shop-preview-trigger{flex:0 0 85px;min-width:85px;align-self:stretch}
#editor.shop-tile-ui .shop-tour-trigger{
 flex:0 0 auto;min-width:95px;padding:8px;border:1px solid #499772;
 border-radius:11px;background:#123a29;color:#e3ffee;font-weight:800;font-size:11px;cursor:pointer
}
#editor.shop-tile-ui .shop-sheet-copy{min-width:0;flex:1;display:grid;gap:4px}
#editor.shop-tile-ui .shop-sheet-intro{margin:0;color:#b6d9c5;font-size:11px;line-height:1.45}
#editor.shop-tile-ui .shop-guide-next{
 min-height:38px;padding:8px 11px;border:1px solid #82edac;border-radius:9px;
 background:#194e34;color:#effff5;font-weight:750;cursor:pointer
}
#editor.shop-tile-ui .shop-guide-next[hidden]{display:none!important}
#editor.shop-tile-ui .editor-panel>.studio-shop-layout-slot,
#editor.shop-tile-ui .editor-panel>.studio-shop-tier-slot{display:none!important}
#editor.shop-tile-ui[data-shop-panel="layout"] .editor-panel>.studio-shop-layout-slot,
#editor.shop-tile-ui[data-shop-panel="tier"] .editor-panel>.studio-shop-tier-slot{
 display:block!important;min-width:0;width:100%;padding:12px 0 20px
}
#editor.shop-tile-ui[data-shop-panel="layout"] #shop-composition-picker{
 width:100%;max-width:100%;margin:0;padding:13px;border:1px solid #487a5c;border-radius:13px
}
#editor.shop-tile-ui[data-shop-panel="layout"] #shop-composition-picker .composition-picker-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px
}
#editor.shop-tile-ui[data-shop-panel="tier"] #lwshop-visual-offer{
 display:block;width:100%;max-width:100%;margin:0;padding:14px
}
#editor.shop-tile-ui .shop-media-hint{display:none}
#editor.shop-tile-ui[data-shop-panel="media"] #tab-products{display:block!important}
#editor.shop-tile-ui[data-shop-panel="media"] .shop-media-hint{
 display:block;margin:8px 0 16px;padding:12px 13px;border:1px solid #47885f;
 border-radius:10px;background:#173827;color:#e5faec;font-size:12px;line-height:1.6
}
#editor.shop-tile-ui[data-shop-panel="design"] .lwshop-stylebar{
 display:grid;gap:13px
}
#editor.shop-tile-ui[data-shop-panel="design"] .lw-style-results{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important
}
#editor.shop-tile-ui :is(.shop-tool,.shop-tour-trigger,.shop-guide-next,.shop-sheet-dismiss):focus-visible{
 outline:3px solid #abffcb;outline-offset:2px
}
@media(max-width:1080px){
 #editor.shop-tile-ui .shop-tiles-toolbar{overflow-x:auto;scrollbar-width:thin}
 #editor.shop-tile-ui .shop-tool{flex:0 0 74px;min-width:74px}
 #editor.shop-tile-ui .shop-preview-trigger{flex:0 0 79px}
 #editor.shop-tile-ui .shop-tour-trigger{flex:0 0 92px}
}
@media(max-width:800px){
 #editor.shop-tile-ui .shop-tiles-toolbar{padding:7px!important}
 #editor.shop-tile-ui .shop-tool{min-height:55px}
 #editor.shop-tile-ui .editor-layout>.editor-panel{min-height:0!important;max-height:min(70dvh,560px)!important}
 .lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lw-style-results{
  grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
}
@media(prefers-reduced-motion:reduce){
 #editor.shop-tile-ui .shop-tool{transition:none!important;transform:none!important}
}

/* Studio homepage: separate commerce-exclusive Original gallery. */
.one-shop-originals{padding:62px 0 80px;border-top:1px solid rgba(153,251,193,.13);background:radial-gradient(ellipse at 85% 0,#23583c38,transparent 52%)}
.one-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.one-shop-original-card{min-width:0;overflow:hidden;border:1px solid #75b98d65;border-radius:19px;background:linear-gradient(155deg,#1a3c2b,#0e241b);box-shadow:0 18px 40px #0003,inset 0 1px #ffffff15;transition:transform .2s,border-color .2s}
.one-shop-original-card:hover{transform:translateY(-3px);border-color:#9cf7bb}
.one-shop-scene{margin:12px 12px 0;border:1px solid #9bcaae48;border-radius:13px;padding:10px;min-height:179px;overflow:hidden;color:var(--shop-scene-ink,#faf9f5);background:var(--shop-scene-bg,linear-gradient(135deg,#d4c2b4,#f4e9d9))}
.one-shop-scene-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font:700 9px/1.2 system-ui,sans-serif;letter-spacing:.13em}
.one-shop-scene-top strong{font-size:11px}
.one-shop-scene-hero{display:flex;justify-content:space-between;align-items:center;gap:9px;min-height:85px;padding:11px 7px}
.one-shop-scene-hero>span{max-width:68%;font:850 clamp(16px,2vw,25px)/1.05 Inter,system-ui,sans-serif;letter-spacing:-.07em;overflow-wrap:anywhere}
.one-shop-scene-hero i{display:block;width:70px;height:65px;flex:none;border-radius:40% 55% 35% 45%;background:var(--shop-scene-art,linear-gradient(120deg,#fff8e9,#b4a597));box-shadow:0 12px 28px #0002;transform:rotate(-8deg)}
.one-shop-scene-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.one-shop-scene-products span{height:28px;border-radius:5px;background:var(--shop-scene-card,#f5eadb);box-shadow:inset 0 0 0 1px #00000010}
.one-shop-scene-products span:nth-child(2){opacity:.68}.one-shop-scene-products span:nth-child(3){opacity:.86}
.one-shop-original-card[data-shop-pattern="atelier"]{--shop-scene-bg:linear-gradient(133deg,#f6efe8,#e2ceb9);--shop-scene-ink:#413429;--shop-scene-art:linear-gradient(125deg,#d9be96,#fefaf5 60%,#ab8e69);--shop-scene-card:#e4d2c0}
.one-shop-original-card[data-shop-pattern="luxe"]{--shop-scene-bg:linear-gradient(120deg,#232321,#464341);--shop-scene-ink:#f9f1dd;--shop-scene-art:linear-gradient(145deg,#b59760,#f5e0ac,#8e7048);--shop-scene-card:#756953}
.one-shop-original-card[data-shop-pattern="morpho"]{--shop-scene-bg:linear-gradient(130deg,#0d202b,#143d41);--shop-scene-ink:#c8fff0;--shop-scene-art:linear-gradient(120deg,#26f7c0,#2a7d80,#0d3145);--shop-scene-card:#1d5557}
.one-shop-original-card[data-shop-pattern="vertex"]{--shop-scene-bg:linear-gradient(135deg,#09131a,#1a2730);--shop-scene-ink:#ebf7f9;--shop-scene-art:linear-gradient(125deg,#52dda6,#d6fff0,#2b6174);--shop-scene-card:#2d4953}
.one-shop-original-card[data-shop-pattern="halo"]{--shop-scene-bg:linear-gradient(128deg,#e7e0d2,#bacabd);--shop-scene-ink:#28483b;--shop-scene-art:linear-gradient(135deg,#88b29a,#fcf5de,#a8c4b2);--shop-scene-card:#d8dfd0}
.one-shop-original-copy{padding:17px 19px 20px;display:grid;gap:7px}
.one-shop-original-copy h3{margin:0;font-size:19px;letter-spacing:-.035em;line-height:1.2}
.one-shop-original-copy p{margin:0 0 9px;font-size:12px;line-height:1.6;color:#c6e0d1}
.one-shop-original-copy button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #89d6a5;border-radius:9px;padding:10px 12px;background:#214c34;color:#f1fff6;font-size:12px;font-weight:800;cursor:pointer}
.one-shop-original-copy button:hover{background:#326e4a}
body.studio-one .one-shop-original[hidden]{display:none!important}
@media(max-width:980px){.one-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:610px){.one-shop-grid{grid-template-columns:1fr}.one-shop-originals{padding:42px 0 60px}.one-shop-scene{min-height:175px}.one-shop-scene-hero>span{font-size:22px}}
@media(prefers-reduced-motion:reduce){.one-shop-original-card{transition:none;transform:none!important}}

/* Native sticky header must not intercept clicks when browser focuses style search. */
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"]{
 scroll-padding-top:130px!important;overscroll-behavior-y:contain
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lw-style-search{
 scroll-margin-top:160px!important;scroll-margin-bottom:50px!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .studio-tile-sheet-head{
 position:relative!important;top:auto!important
}

/* No inherited 540px popover or stretched flex child may escape a 350px dock. */
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"]>.lwstudio-design-drawer,
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lwstudio-stylebar,
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lw-stylebar-flex,
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] #lws-style-switcher,
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lw-style-switcher,
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lw-style-gallery,
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lw-style-search-label,
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lw-style-search{
 box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lw-stylebar-flex{
 display:block!important;grid-template-columns:minmax(0,1fr)!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lw-style-gallery{
 position:relative!important;inset:auto!important;transform:none!important
}

/* GUIDED STUDIO 2026.10 / controls fit their own PANEL, never the full viewport. */
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="industry"]>.lw-smart-container{
 display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
 padding:12px 16px 22px!important;margin:0!important;box-sizing:border-box!important;
}
#editor.shop-tile-ui[data-shop-panel="industry"] .studio-industry-quick>.lw-smart-container{
 display:block!important;grid-column:1/-1;width:100%!important;max-width:100%!important;
 min-width:0!important;box-sizing:border-box!important;margin:12px 0 0!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="industry"] .lw-smart-lab,
#editor.shop-tile-ui[data-shop-panel="industry"] .lw-smart-lab{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 gap:12px!important;max-width:100%!important;width:100%!important;min-width:0!important;
 box-sizing:border-box!important;overflow-wrap:anywhere!important;padding:15px!important;
 border-color:rgba(151,236,182,.42)!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="industry"] .lw-smart-lab>*,
#editor.shop-tile-ui[data-shop-panel="industry"] .lw-smart-lab>*{
 grid-column:1/-1!important;min-width:0!important;width:100%!important;max-width:100%!important;
 box-sizing:border-box!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="industry"] .lw-smart-sector-label,
#editor.shop-tile-ui[data-shop-panel="industry"] .lw-smart-sector-label{
 display:none!important /* one prominent industry selector, not two competing choices */
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="industry"] .lw-smart-header strong,
#editor.shop-tile-ui[data-shop-panel="industry"] .lw-smart-header strong{
 display:block;font:850 18px/1.22 system-ui,sans-serif!important;letter-spacing:-.035em;
 overflow-wrap:anywhere
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="industry"] .lw-smart-mode-line,
#editor.shop-tile-ui[data-shop-panel="industry"] .lw-smart-mode-line{
 display:grid!important;grid-template-columns:minmax(72px,auto) minmax(0,1fr)!important;
 gap:5px 9px!important;min-width:0!important;margin:0!important;min-height:0!important;
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="industry"] .lw-smart-recommendation,
#editor.shop-tile-ui[data-shop-panel="industry"] .lw-smart-recommendation{
 display:grid!important;gap:6px!important;min-width:0!important;min-height:0!important;
 padding:12px!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="industry"] .lw-smart-title,
#editor.shop-tile-ui[data-shop-panel="industry"] .lw-smart-title{font:850 17px/1.2 system-ui,sans-serif!important;overflow-wrap:anywhere!important}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="industry"] .lw-smart-actions,
#editor.shop-tile-ui[data-shop-panel="industry"] .lw-smart-actions{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important
}
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="industry"] .lw-smart-actions>*,
#editor.shop-tile-ui[data-shop-panel="industry"] .lw-smart-actions>*{
 min-width:0!important;width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
#editor.shop-tile-ui[data-shop-panel="industry"] .studio-industry-quick{
 width:100%!important;min-width:0!important;max-width:100%!important;
 padding:16px!important;box-sizing:border-box!important;overflow-x:hidden!important
}
#editor.shop-tile-ui[data-shop-panel="industry"] .editor-panel{
 min-width:0!important;max-width:100%!important;overflow-x:hidden!important
}
#editor.shop-tile-ui .editor-panel :is(.lw-smart-header,.lw-smart-pills,.lw-smart-actions,.lw-smart-status){
 min-width:0!important;max-width:100%!important
}
#editor.shop-tile-ui .editor-panel .lw-smart-pills{display:flex!important;flex-wrap:wrap!important}
#editor.shop-tile-ui .editor-panel .lw-smart-pill{max-width:100%;overflow-wrap:anywhere;white-space:normal}
#editor.shop-tile-ui .editor-panel .lw-smart-action.primary{min-height:48px!important}
/* Specific width rules must win over all legacy two-column Smart World grid CSS. */
@container (max-width:520px){
 .lw-smart-lab{grid-template-columns:1fr!important}
}

/* The guided tutorial must sit above the live recommendation (z-index:6),
   otherwise clicking "Další" unintentionally hits the builder behind it. */
.lwstudio-dialog.studio-tile-ready .studio-tile-sheet>.studio-tile-tour:not([hidden]){
 position:relative!important;z-index:24!important;pointer-events:auto!important;
 isolation:isolate!important;
}

/* Phone: the style picker must start above the fold inside the bottom tool sheet.
   The active tile already provides its title, so the redundant sheet header
   should not push the actual search field below the visible viewport. */
@media(max-width:800px){
 .lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"]>.studio-tile-sheet-head{
  display:none!important
 }
 .lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lwstudio-stylebar{
  padding:9px 11px!important
 }
 .lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lw-style-gallery{
  margin:7px 0!important;padding:8px!important
 }
 .lwstudio-dialog.studio-tile-ready .studio-tile-sheet[data-panel="style"] .lw-style-trigger{
  min-height:49px!important
 }
}