/* Same compact interaction model as LuckyStudio Web; original Shop state/DOM untouched. */
#editor.shop-tile-ui .shop-tiles-toolbar{
 display:flex;align-items:center;gap:9px;padding:9px clamp(10px,2vw,24px);min-width:0;
 background:linear-gradient(120deg,#0c2f20,#061911);border-bottom:1px solid #317652;
 overflow-x:auto;scrollbar-width:thin
}
#editor.shop-tile-ui .shop-tool{
 flex:1 0 90px;min-width:85px;min-height:62px;
 display:flex;align-items:center;justify-content:center;gap:10px;padding:9px;
 background:linear-gradient(145deg,#143d2a,#0a2419);color:#d8f5e3;border:1px solid #357957;
 border-radius:11px;font:850 12px/1.2 system-ui,sans-serif;cursor:pointer
}
#editor.shop-tile-ui .shop-tool:hover{border-color:#7bf6ae;background:#195334}
#editor.shop-tile-ui .shop-tool.is-active{background:linear-gradient(130deg,#186b44,#0d3a27);color:#effff4;border-color:#8af5b9;box-shadow:inset 3px 0 #8bf8b8}
#editor.shop-tile-ui .shop-tool-icon{
 display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;
 background:#1e5b3a;color:#b4ffdc;border:1px solid #5ab17e;border-radius:8px;font-size:20px
}
#editor.shop-tile-ui .shop-tool-name{min-width:0;white-space:nowrap}
#editor.shop-tile-ui .shop-preview-trigger{flex:0 0 auto;background:#143b2a}
#editor.shop-tile-ui .studio-shop-cockpit{
 position:relative;display:block!important;width:100%;min-width:0;min-height:680px;
 overflow:visible!important;border-radius:0 0 14px 14px!important
}
#editor.shop-tile-ui .studio-shop-cockpit>.editor-layout{
 display:block!important;position:relative;min-width:0;min-height:660px;margin:0;
 overflow:visible!important;isolation:isolate
}
#editor.shop-tile-ui .studio-shop-cockpit>.studio-cockpit-rail{display:none!important}
#editor.shop-tile-ui .editor-layout>.preview-panel{
 display:block!important;position:relative!important;grid-column:auto!important;
 margin:0!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:640px!important;
 border:0!important;border-radius:0 0 14px 14px!important
}
#editor.shop-tile-ui .editor-layout>.editor-panel{
 display:none!important;position:absolute!important;grid-column:auto!important;left:0;top:0;bottom:auto;
 width:min(405px,92%)!important;max-width:100%!important;min-width:0!important;
 height:max-content!important;max-height:min(700px,95%)!important;
 z-index:30!important;overflow-y:auto!important;overflow-x:hidden!important;
 background:linear-gradient(160deg,#113121,#06180f)!important;
 border:1px solid #4b9e70!important;border-left:0!important;border-radius:0 0 15px 0!important;
 box-shadow:18px 19px 60px #000a!important;padding:0 18px 22px!important;scrollbar-width:thin
}
#editor.shop-tile-ui.shop-sheet-open .editor-layout>.editor-panel{display:block!important}
#editor.shop-tile-ui .shop-sheet-header{
 position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:10px;
 background:#0c291bf7;border-bottom:1px solid #418c61;z-index:4;
 margin:0 -18px 13px;padding:15px 18px
}
#editor.shop-tile-ui .shop-sheet-header h3{margin:0;color:#e9fff4;font:850 21px/1.15 system-ui,sans-serif;letter-spacing:-.05em}
#editor.shop-tile-ui .shop-sheet-dismiss{
 flex:none;width:38px;height:38px;border-radius:9px;
 background:#144630;border:1px solid #72c899;color:#eaffef;font-size:24px;cursor:pointer
}
#editor.shop-tile-ui .editor-panel>.panel-header,
#editor.shop-tile-ui .editor-panel>.tabbar{display:none!important}
#editor.shop-tile-ui .editor-panel>.studio-industry-quick,
#editor.shop-tile-ui .editor-panel>.lwshop-design-drawer,
#editor.shop-tile-ui .editor-panel>.tab-content,
#editor.shop-tile-ui .editor-panel>.editor-bottom{display:none!important}
#editor.shop-tile-ui[data-shop-panel="industry"] .editor-panel>.studio-industry-quick,
#editor.shop-tile-ui[data-shop-panel="design"] .editor-panel>.lwshop-design-drawer,
#editor.shop-tile-ui[data-shop-panel="ready"] .editor-panel>.editor-bottom{display:block!important}
#editor.shop-tile-ui[data-shop-panel="content"] #tab-identity,
#editor.shop-tile-ui[data-shop-panel="products"] #tab-products,
#editor.shop-tile-ui[data-shop-panel="assistant"] #tab-assistant,
#editor.shop-tile-ui[data-shop-panel="ready"] #tab-ready{display:block!important}
#editor.shop-tile-ui[data-shop-panel="design"] .lwshop-design-drawer{margin:0;border:0!important;box-shadow:none!important;max-width:100%;overflow:visible!important}
#editor.shop-tile-ui[data-shop-panel="design"] .lwshop-design-drawer>summary{display:none!important}
#editor.shop-tile-ui[data-shop-panel="design"] .lwshop-stylebar{
 width:100%;max-width:none;min-width:0;margin:0;padding:9px 0;background:transparent;border:0
}
#editor.shop-tile-ui[data-shop-panel="design"] .lw-style-gallery{
 position:relative!important;inset:auto!important;top:auto!important;left:auto!important;
 width:100%!important;max-width:100%!important;max-height:none!important;margin:9px 0!important;
 box-shadow:inset 0 1px #ffffff0c!important;overflow:visible!important
}
#editor.shop-tile-ui[data-shop-panel="design"] .lw-style-results{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:370px!important;overflow-y:auto!important
}
#editor.shop-tile-ui .lwshop-stylebar .lw-smart-container{width:100%;max-width:100%;min-width:0}
#editor.shop-tile-ui .lwshop-stylebar .lw-smart-lab{grid-template-columns:1fr!important}
#editor.shop-tile-ui .lwshop-stylebar .lw-smart-lab>*{grid-column:1/-1!important;min-width:0!important}
#editor.shop-tile-ui .editor-panel #tab-products,#editor.shop-tile-ui .editor-panel #tab-identity{padding:9px 0 20px}
#editor.shop-tile-ui .editor-panel .tab-content :is(input,select,textarea){min-width:0}
#editor.shop-tile-ui .editor-panel .product-form{display:grid;gap:8px}
#editor.shop-tile-ui .editor-panel .product-form :is(input,select,textarea){width:100%}
#editor.shop-tile-ui .editor-panel .lw-style-results .lw-mini-menu{display:none}
html.studio-embedded-shop #editor.shop-tile-ui .studio-topbar{display:none!important}
html.studio-embedded-shop #editor.shop-tile-ui .shop-tiles-toolbar{border-top:0}
@media(max-width:800px){
 #editor.shop-tile-ui .shop-tiles-toolbar{gap:6px;padding:6px}
 #editor.shop-tile-ui .shop-tool{flex:0 0 77px;min-width:77px;flex-direction:column;gap:3px;min-height:62px;padding:5px;font-size:10px}
 #editor.shop-tile-ui .shop-tool-icon{width:26px;height:26px;flex:0 0 26px;font-size:17px}
 #editor.shop-tile-ui .shop-preview-trigger{flex:0 0 78px}
 #editor.shop-tile-ui .studio-shop-cockpit>.editor-layout{min-height:660px}
 #editor.shop-tile-ui .editor-layout>.editor-panel{
  top:auto;bottom:0;left:0;right:0;width:100%!important;max-width:100%!important;
  max-height:min(67dvh,545px)!important;border:1px solid #58bc83!important;border-bottom:0!important;
  border-radius:15px 15px 0 0!important;box-shadow:0 -17px 54px #000a!important
 }
 #editor.shop-tile-ui .editor-layout>.preview-panel{min-height:630px!important}
}
@media(prefers-reduced-motion:reduce){#editor.shop-tile-ui .shop-tool{transition:none}}

/* Hidden older/duplicate template cards do not remain in catalog layout. */
#sablony .template-choice[hidden],#sablony .genre-theme-entry[hidden]{display:none!important}
#editor.shop-tile-ui #shop-composition-picker{width:100%;max-width:100%;margin:18px 0 0;padding:16px;border-radius:12px}
#editor.shop-tile-ui #shop-composition-picker .composition-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#editor.shop-tile-ui #shop-composition-picker .composition-option{min-height:93px;padding:10px;gap:6px}
#editor.shop-tile-ui #shop-composition-picker .composition-option strong{font-size:13px}
#editor.shop-tile-ui #shop-composition-picker .composition-option small{font-size:10px}
#editor.shop-tile-ui #shop-composition-picker .composition-option-icon{width:29px;height:29px;font-size:17px}
#editor.shop-tile-ui .lwshop-style-combos[hidden]{display:none!important}
@media(max-width:800px){#editor.shop-tile-ui #shop-composition-picker .composition-picker-grid{grid-template-columns:1fr 1fr}}

/* Mobile viewport controls must be actionable even while a bottom editor sheet is open.
   The preview's device selector stays above the sheet instead of becoming a dead overlay. */
#editor.shop-tile-ui .editor-layout>.preview-panel .preview-toolbar{
 position:relative;z-index:40;min-height:54px;height:auto;gap:10px;
}
#editor.shop-tile-ui .preview-toolbar .device{
 display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:7px;
 touch-action:manipulation;
}
#editor.shop-tile-ui .preview-panel.is-mobile .storefront{
 max-width:min(355px,100%);
}
@media(max-width:800px){
 #editor.shop-tile-ui .preview-toolbar{padding:6px 9px}
 #editor.shop-tile-ui .preview-toolbar .device-buttons{flex:none;gap:5px}
 #editor.shop-tile-ui .preview-toolbar #preview-address{min-width:0;max-width:112px}
}