/* LuckyStudio / Immersive Hi-End Workbench (2026-10-14).
   Editor chrome only. Never styles the actual customer website or storefront. */
body.studio-one.one-working{background:#07140f}
body.studio-one.one-working .one-header{display:none!important}
body.studio-one.one-working .one-app{height:100dvh;min-height:0;overflow:hidden}
body.studio-one.one-working .one-app-bar{
 --studio-shell-line:rgba(154,248,191,.22);
 position:relative;isolation:isolate;z-index:2;display:flex;flex-wrap:wrap;
 align-items:center;gap:12px;min-height:66px;padding:10px clamp(12px,1.7vw,28px);
 border-bottom:1px solid var(--studio-shell-line);
 background:radial-gradient(ellipse 55% 150% at 6% -65%,rgba(103,238,157,.23),transparent 90%),
 linear-gradient(116deg,#163b2b 0%,#0b221a 52%,#071710 100%);
 box-shadow:0 8px 32px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.075)
}
.one-app-identity{display:flex;align-items:center;gap:10px;min-width:205px;max-width:330px}
.one-app-mark{width:36px;height:36px;flex:none;display:block;object-fit:contain;filter:drop-shadow(0 0 12px rgba(103,237,157,.22))}
.one-app-heading{min-width:0;display:grid;gap:1px;line-height:1.1}
.one-app-heading strong{font-size:18px!important;font-weight:850;letter-spacing:-.055em;white-space:nowrap;color:#fff}
.one-app-heading strong span{color:#a3ffcb}
.one-app-heading p{max-width:225px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important;color:#b7d8c6!important}
body.studio-one .one-app-bar .one-switch{margin-left:auto;flex:none;background:rgba(4,20,13,.58);border-color:rgba(150,244,183,.23);padding:4px;border-radius:12px;box-shadow:inset 0 1px 4px #0003}
body.studio-one .one-app-bar .one-switch button{min-height:39px;padding:7px 16px;font-size:12px;letter-spacing:.01em}
body.studio-one .one-app-bar .one-switch button[aria-pressed=true]{box-shadow:0 3px 18px #68f4a52c,inset 0 1px #ffffffaa}
.one-app-original{display:flex;align-items:center;gap:9px;border-left:1px solid rgba(166,247,190,.21);padding-left:14px;min-width:0}
.one-app-original[hidden]{display:none!important}
.one-app-original label{color:#adf0c7;letter-spacing:.13em;font-size:10px;font-weight:850;white-space:nowrap}
body.studio-one .one-app-bar .one-app-original select{min-height:40px;min-width:145px;max-width:194px;border-color:#5d9474;background:#102e21;border-radius:10px;padding:7px 10px;color:#ecfff4;font-size:12px;cursor:pointer}
.one-app-actions{display:flex;align-items:center;gap:7px;min-width:0}
body.studio-one .one-app-bar .one-focus,
body.studio-one .one-app-bar .one-exit{
 min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
 padding:8px 13px;border:1px solid rgba(130,217,166,.42);border-radius:10px;
 background:linear-gradient(145deg,#1a4030,#10271e);color:#e6fff0;
 font-size:12px;font-weight:770;white-space:nowrap;cursor:pointer;
 box-shadow:inset 0 1px #ffffff0c;transition:background .18s,border-color .18s,transform .18s
}
body.studio-one .one-app-bar .one-focus:hover:not(:disabled),
body.studio-one .one-app-bar .one-exit:hover{background:#205239;border-color:#9affbf;transform:translateY(-1px)}
body.studio-one .one-app-bar .one-focus[aria-pressed=true]{border-color:#9dffc5;background:linear-gradient(120deg,#c1ffdd,#84f0b3);color:#092619;box-shadow:0 0 20px #53e89b29}
body.studio-one .one-app-bar .one-focus:disabled{opacity:.55;cursor:wait}
body.studio-one .one-app-bar .one-exit{background:#0c261b;border-color:#486e58}
body.studio-one .one-editor-panel{background:#071810}
body.studio-one .one-editor-panel iframe{background:#06120e}
@media(max-width:1150px){
 .one-app-identity{min-width:154px}
 .one-app-original{padding-left:9px;gap:6px}
 .one-app-original label{display:none}
 body.studio-one .one-app-bar .one-app-original select{min-width:130px;max-width:165px}
 body.studio-one .one-app-bar .one-switch button{padding:7px 11px}
}
@media(max-width:740px){
 body.studio-one.one-working .one-app-bar{padding:8px 10px;gap:7px;min-height:95px;align-content:center}
 .one-app-identity{min-width:0;max-width:none;flex:1 1 calc(100% - 160px)}
 .one-app-mark{width:30px;height:30px}
 .one-app-heading strong{font-size:16px!important}
 .one-app-heading p{display:none}
 body.studio-one .one-app-bar .one-switch{margin-left:auto}
 body.studio-one .one-app-bar .one-switch button{min-height:34px;padding:6px 11px}
 .one-app-original{order:3;padding:0;border:0;flex:1 1 120px}
 body.studio-one .one-app-bar .one-app-original select{min-height:38px;min-width:0;max-width:none;width:100%}
 .one-app-actions{order:4;flex:0 0 auto;margin-left:auto}
 body.studio-one .one-app-bar .one-focus,body.studio-one .one-app-bar .one-exit{min-height:38px;padding:7px 9px;font-size:11px}
}
@media(max-width:610px){body.studio-one.one-working .one-app-bar>.one-app-identity{display:flex!important}}
@media(max-width:390px){
 .one-app-identity{flex:1 1 calc(100% - 143px)}
 .one-app-original{flex:1 1 100px}
 body.studio-one .one-app-bar .one-focus{font-size:0}
 body.studio-one .one-app-bar .one-focus .one-focus-symbol{font-size:16px}
 body.studio-one .one-app-bar .one-exit{font-size:10px}
}

/* WEB: consume the iframe viewport, no nested modal frame or dead padding. */
html.studio-embedded-web .lwstudio-dialog{
 position:fixed!important;inset:0!important;margin:0!important;
 width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important
}
html.studio-embedded-web .lwstudio-dialog .lwstudio-shell{height:100%!important;min-height:0}
html.studio-embedded-web .lwstudio-dialog .lwstudio-head{min-height:60px!important;padding:8px clamp(12px,1.6vw,21px)!important;background:linear-gradient(108deg,#173e2c,#0a2119 75%,#102c21)!important}
html.studio-embedded-web .lwstudio-dialog .lwstudio-head .lwstudio-identity{gap:9px}
html.studio-embedded-web .lwstudio-dialog .lwstudio-emblem{width:39px;height:39px}
html.studio-embedded-web .lwstudio-dialog .lwstudio-head h2{font-size:clamp(17px,1.45vw,21px)!important}
html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-toolbar{
 padding:9px clamp(10px,1.4vw,24px)!important;gap:9px;
 background:linear-gradient(110deg,#102f23,#091e17 62%,#0b2019);
 border-bottom:1px solid rgba(119,232,166,.28);
 box-shadow:inset 0 1px rgba(255,255,255,.07),0 9px 25px rgba(0,0,0,.23)
}
html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-grid{gap:7px;grid-template-columns:repeat(9,minmax(67px,1fr))}
html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-card{
 position:relative;isolation:isolate;min-height:57px;
 border:1px solid rgba(133,223,167,.34);border-radius:13px;
 background:radial-gradient(ellipse 115% 100% at 12% -30%,rgba(116,244,166,.18),transparent 80%),linear-gradient(145deg,#193c2e,#10251d);
 color:#e0faeb;box-shadow:inset 0 1px rgba(255,255,255,.10),0 6px 17px #0002;
 transition:transform .16s,border-color .16s,background .16s,box-shadow .16s
}
html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-card:hover{
 transform:translateY(-2px);border-color:#8cffb8;box-shadow:0 8px 20px #0003,0 0 20px #70f6a41c,inset 0 1px #ffffff28
}
html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-card[aria-expanded=true]{
 color:#fbfffd;border-color:#a5ffca;background:linear-gradient(145deg,#215a3d,#13402d);
 box-shadow:0 0 0 1px #a5ffc637,0 0 25px #61ed9a29,inset 0 1px #ffffff27
}
html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-icon{
 background:linear-gradient(155deg,#226949,#12452e);border-color:#65cc8d80;color:#d0ffdd
}
html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-sheet{
 background:linear-gradient(145deg,#15382b,#0b241b 55%,#091b15)!important;
 border-right:1px solid rgba(155,255,190,.4)!important;box-shadow:12px 0 42px #0005!important
}
html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-sheet-head{
 background:#122f23f7!important;border-color:#3b8962
}
html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-stage .lwstudio-preview-area{
 padding:clamp(9px,1.3vw,21px)!important;
 background-color:#071710!important;
 background-image:radial-gradient(ellipse 66% 58% at 50% 4%,#1f603135,transparent 85%),linear-gradient(#73d99b0b 1px,transparent 1px),linear-gradient(90deg,#73d99b0b 1px,transparent 1px)!important;
 background-size:auto,28px 28px,28px 28px!important
}
html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-stage .lwstudio-preview-bar{
 min-height:49px!important;background:#0d251b!important;border-color:#38744f
}
html.studio-embedded-web .lwstudio-dialog.studio-tile-ready.studio-focus .studio-tile-toolbar,
html.studio-embedded-web .lwstudio-dialog.studio-tile-ready.studio-focus .studio-hiend-workbar{display:none!important}
@media(min-width:900px){
 html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-cockpit-layout.studio-tile-open{display:flex!important;min-width:0}
 html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-open>.studio-tile-sheet{
  position:relative!important;inset:auto!important;flex:0 0 clamp(305px,26vw,390px)!important;
  width:clamp(305px,26vw,390px)!important;max-width:40%!important;height:100%!important;max-height:none!important;border-radius:0!important
 }
 html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-open>.studio-tile-stage{
  flex:1 1 auto!important;min-width:0!important;width:auto!important;height:100%
 }
}
@media(max-width:899px){
 html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-sheet{
  top:auto!important;bottom:0!important;left:0!important;right:0!important;
  width:100%!important;height:min(60dvh,520px)!important;max-height:calc(100% - 55px)!important;
  border-top:1px solid #7fe8a9!important;border-right:0!important;
  border-radius:17px 17px 0 0!important;box-shadow:0 -18px 46px #0009!important
 }
}
@media(max-width:800px){
 html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-toolbar{gap:7px!important}
 html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-grid{display:flex;overflow-x:auto}
 html.studio-embedded-web .lwstudio-dialog.studio-tile-ready .studio-tile-card{flex:0 0 75px;min-height:56px}
}

/* SHOP: matching tile language; dock controls on desktop instead of covering storefront. */
html.studio-embedded-shop .editor-section{padding:0!important;background:#07150f!important}
html.studio-embedded-shop .editor-section>.container{max-width:none!important}
html.studio-embedded-shop #editor.shop-tile-ui .shop-tiles-toolbar{
 background:linear-gradient(120deg,#113528,#0b2119)!important;
 border:0;border-bottom:1px solid rgba(147,244,185,.3);
 box-shadow:inset 0 1px #ffffff18;padding:10px clamp(11px,1.6vw,23px)
}
html.studio-embedded-shop #editor.shop-tile-ui .shop-tool{
 position:relative;min-height:57px;border:1px solid rgba(134,232,172,.32);
 border-radius:13px;background:radial-gradient(ellipse 90% 80% at 0 0,#4eda9b24,transparent),linear-gradient(145deg,#194432,#0d281d);
 box-shadow:inset 0 1px #ffffff1c,0 5px 13px #0002;transition:transform .15s,box-shadow .15s,border-color .15s
}
html.studio-embedded-shop #editor.shop-tile-ui .shop-tool:hover{transform:translateY(-2px);border-color:#90ffbf;box-shadow:0 9px 20px #0005,0 0 20px #58f6a324}
html.studio-embedded-shop #editor.shop-tile-ui .shop-tool.is-active{border-color:#b3ffd3;background:#185a3b;box-shadow:0 0 18px #76edaa2c,inset 0 1px #ffffff28}
html.studio-embedded-shop #editor.shop-tile-ui .editor-layout>.editor-panel{
 background:linear-gradient(145deg,#153b2b,#0a2319)!important;border-color:#82cc9c!important
}
html.studio-embedded-shop #editor.shop-tile-ui .preview-panel .preview-toolbar{background:#0d291e;border-color:#46855b}
html.studio-embedded-shop #editor.shop-tile-ui .preview-panel .preview-stage{
 padding:clamp(10px,1.6vw,25px)!important;
 background:radial-gradient(ellipse at 50% 4%,#1e4e3033,transparent 75%),#081a11!important
}
@media(min-width:900px){
 html.studio-embedded-shop #editor.shop-tile-ui.shop-sheet-open .editor-layout{display:flex!important;align-items:stretch}
 html.studio-embedded-shop #editor.shop-tile-ui.shop-sheet-open .editor-layout>.editor-panel{
  position:relative!important;inset:auto!important;flex:0 0 clamp(305px,26vw,390px)!important;
  width:clamp(305px,26vw,390px)!important;max-width:40%!important;max-height:none!important;height:auto!important;
  border-radius:0!important;box-shadow:8px 0 30px #0005!important
 }
 html.studio-embedded-shop #editor.shop-tile-ui.shop-sheet-open .editor-layout>.preview-panel{
  flex:1 1 auto!important;min-width:0!important;width:auto!important
 }
}
@media(max-width:899px){
 html.studio-embedded-shop #editor.shop-tile-ui.shop-sheet-open .editor-layout>.editor-panel{
  left:0!important;right:0!important;top:auto!important;bottom:0!important;
  width:100%!important;max-width:100%!important;max-height:min(59dvh,540px)!important;
  border-radius:16px 16px 0 0!important
 }
}
@media(prefers-reduced-motion:reduce){
 body.studio-one .one-app-bar :is(button,select),
 html.studio-embedded-web .lwstudio-dialog .studio-tile-card,
 html.studio-embedded-shop #editor.shop-tile-ui .shop-tool{transition:none!important;transform:none!important}
}