/* Shared compact style switcher, consistent Web and Shop editor experience */
.lw-style-switcher{position:relative;min-width:0;color:#e9f8eb;font:500 13px/1.5 system-ui,sans-serif}
.lw-style-trigger{display:flex;width:100%;min-height:65px;gap:12px;align-items:center;text-align:left;padding:9px 13px;background:linear-gradient(120deg,#142f23,#203a2f);border:1px solid #528464;color:#edfff0;border-radius:13px;cursor:pointer}
.lw-style-trigger:hover,.lw-style-trigger[aria-expanded="true"]{background:linear-gradient(135deg,#244a36,#123527);border-color:#a0f4b1}
.lw-style-trigger:focus-visible,.lw-style-gallery button:focus-visible,.lw-style-search:focus-visible{outline:3px solid #ccffb0;outline-offset:3px}
.lw-style-current-preview{flex:none;width:60px;height:44px;border-radius:7px;border:1px solid #93c4a7;background:radial-gradient(circle at 80% 15%,#d4f9db66,transparent 45%),linear-gradient(140deg,#427965,#172837);box-shadow:inset 0 0 0 2px #18302c}
.lw-style-current-copy{display:grid;gap:2px;min-width:0;flex:1}
.lw-style-current-copy strong{display:block;font:850 15px/1.2 system-ui,sans-serif;overflow-wrap:anywhere}
.lw-style-current-copy small{font:550 11px/1.45 system-ui,sans-serif;color:#c0dbc8}
.lw-style-arrow{font:900 25px system-ui,sans-serif;transition:transform .16s;color:#9edbad}
.lw-style-trigger[aria-expanded="true"] .lw-style-arrow{transform:rotate(180deg)}
.lw-style-gallery{position:relative;z-index:30;min-width:0;overflow:hidden;margin-top:8px;padding:12px;background:linear-gradient(140deg,#0b1b15,#172722);border:1px solid #56816b;border-radius:13px;box-shadow:0 15px 40px #0007}
.lw-style-gallery[hidden]{display:none!important}
.lw-style-search-label{display:grid;gap:6px;color:#d9f6e1;font:750 12px/1.3 system-ui,sans-serif}
.lw-style-search{appearance:none;display:block;width:100%;padding:11px 12px;background:#07140f;border:1px solid #507d62;border-radius:9px;color:white;font:550 13px system-ui,sans-serif}
.lw-style-search::placeholder{color:#a3bcaa}
.lw-style-groups{display:flex;gap:6px;overflow-x:auto;padding:11px 1px 12px;scrollbar-width:thin}
.lw-style-group{white-space:nowrap;flex:none;padding:6px 10px;border:1px solid #4b6752;border-radius:20px;background:#11251a;color:#d0edd5;cursor:pointer;font:700 11px system-ui,sans-serif}
.lw-style-group.selected,.lw-style-group[aria-pressed="true"]{background:#a2f0b0;color:#10351b;border-color:#baffc3}
.lw-style-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:300px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 4px 4px 1px}
.lw-style-option{min-width:0;display:flex;flex-direction:column;gap:8px;align-items:stretch;text-align:left;padding:7px;background:#152a20;color:#f2fff6;border:1px solid #3a604a;border-radius:9px;cursor:pointer}
.lw-style-option:hover,.lw-style-option.selected{border-color:#b1f2b9;background:#245039}
.lw-style-option.selected{box-shadow:inset 0 0 0 1px #98eaaa}
.lw-style-option-caption{display:grid;gap:2px;min-height:34px;min-width:0}
.lw-style-option-caption strong{font:800 12px/1.15 system-ui,sans-serif;overflow-wrap:anywhere}
.lw-style-option-caption small{font:500 10px/1.3 system-ui,sans-serif;color:#c5dfce;overflow-wrap:anywhere}
.lw-style-shot{position:relative;display:block;height:64px;overflow:hidden;border-radius:5px;background:linear-gradient(120deg,var(--sw-1,#204835),var(--sw-2,#81bd9a));border:1px solid var(--sw-a,#a7e6bc)}
.lw-style-shot:before{content:"";position:absolute;width:25%;height:100%;right:0;top:0;opacity:.6;background:repeating-linear-gradient(0deg,transparent 0 8px,var(--sw-a,#d0f8d3) 8px 10px)}
.lw-style-shot-nav{position:absolute;left:8%;top:11%;height:5px;width:66%;border-radius:2px;background:linear-gradient(90deg,var(--sw-a,#d1f7bb) 0 30%,#ffffff8f 31% 100%)}
.lw-style-shot-hero{position:absolute;top:33%;left:8%;width:74%;height:27%;border-radius:2px;background:linear-gradient(90deg,var(--sw-a,#b5f2ac) 0 60%,#ffffff55 60%)}
.lw-style-shot-card{position:absolute;left:8%;bottom:10%;width:72%;height:14%;background:repeating-linear-gradient(90deg,#ffffff85 0 31%,transparent 31% 35%);border-radius:2px}
.lw-style-shot[data-group="premium"]{--sw-1:#201724;--sw-2:#5c3d54;--sw-a:#ead0a3}
.lw-style-shot[data-group="tech"]{--sw-1:#071c31;--sw-2:#17577a;--sw-a:#56e2f8}
.lw-style-shot[data-group="creative"]{--sw-1:#442558;--sw-2:#965b96;--sw-a:#fbd0a4}
.lw-style-shot[data-group="nature"]{--sw-1:#243e34;--sw-2:#9bb69c;--sw-a:#fff0c9}
.lw-style-shot[data-group="fantasy"]{--sw-1:#2c2630;--sw-2:#66524c;--sw-a:#dfc49e}
.lw-style-shot[data-group="gaming"]{--sw-1:#1d182d;--sw-2:#664e6b;--sw-a:#efc16b}
.lw-style-shot[data-group="scifi"]{--sw-1:#071421;--sw-2:#354a85;--sw-a:#82daff}
.lw-style-shot[data-group="business"]{--sw-1:#102832;--sw-2:#427a82;--sw-a:#ecdaa8}
.lw-style-shot[data-style="wasteland-terminal"],.lw-style-current-preview[data-style="wasteland-terminal"]{background:repeating-linear-gradient(0deg,#122113 0 6px,#263b1e 7px 9px);border-color:#adf68b}
.lw-style-shot[data-style="wasteland-terminal"] .lw-style-shot-hero{background:linear-gradient(90deg,#aaf388 0 65%,#75603c 66% 100%)}
.lw-style-shot[data-style="brickweb"],.lw-style-current-preview[data-style="brickweb"]{background:radial-gradient(circle at 22% 35%,#ffc6a0 0 6%,transparent 7%),radial-gradient(circle at 50% 35%,#ffc6a0 0 6%,transparent 7%),linear-gradient(125deg,#ee7052,#f8d66e)}
.lw-style-shot[data-style="brickweb"] .lw-style-shot-hero{background:#68aedf;box-shadow:6px 5px 0 #d44242}
.lw-style-shot[data-style="spellbound-academy"],.lw-style-current-preview[data-style="spellbound-academy"]{background:radial-gradient(circle at 68% 23%,#edc77b 0 10%,transparent 11%),linear-gradient(135deg,#251a3b,#654b71)}
.lw-style-shot[data-style="starfront"],.lw-style-current-preview[data-style="starfront"]{background:radial-gradient(circle at 70% 25%,#a6eaff,transparent 28%),linear-gradient(130deg,#081025,#224b82)}
.lw-style-shot[data-style="starfront"] .lw-style-shot-hero{box-shadow:0 3px 8px #6ddfff;background:linear-gradient(90deg,#bfeaff 0 80%,#5daef8 80%)}
.lw-style-shot[data-style="sakura-no-mori"],.lw-style-current-preview[data-style="sakura-no-mori"]{background:radial-gradient(circle at 80% 20%,#f3aec5 0 18%,transparent 19%),linear-gradient(120deg,#fcf5f1,#d6cbd4);border-color:#cd86a6}
.lw-style-shot[data-style="sakura-no-mori"] .lw-style-shot-nav,.lw-style-shot[data-style="sakura-no-mori"] .lw-style-shot-hero{background:#af788e}
.lw-style-shot[data-style="path-of-the-wolf"],.lw-style-current-preview[data-style="path-of-the-wolf"]{background:repeating-linear-gradient(30deg,#ddcda7 0 5px,#beaa83 6px 9px);border:3px double #6f5335}
.lw-style-shot[data-style="path-of-the-wolf"] .lw-style-shot-hero{background:#5c4a33}
.lw-style-empty{grid-column:1/-1;color:#bddbc8;padding:12px;text-align:center}
.lw-style-notice{margin:10px 0 0;font:550 11px/1.5 system-ui,sans-serif;color:#c5ddcd}
.lwstudio-stylebar{padding:10px 16px 12px;background:#081911;border-bottom:1px solid #355b43;position:relative;z-index:8}
.lwstudio-stylebar .lw-style-gallery{position:absolute;top:calc(100% - 12px);left:16px;width:min(540px,calc(100vw - 38px));max-height:min(70vh,600px);box-shadow:0 35px 70px #000d}
.lwstudio-stylebar .lw-style-results{max-height:min(41vh,320px)}
.lwshop-stylebar{padding:10px 12px;margin:8px 9px 16px;border:1px solid #3f5b46;background:#0a1e13;border-radius:13px;position:relative;z-index:7}
.lwshop-stylebar .lw-style-gallery{position:absolute;left:0;top:calc(100% - 7px);width:min(530px,calc(100vw - 34px));box-shadow:0 25px 55px #000b}
@media(max-width:640px){.lw-style-results{grid-template-columns:repeat(2,minmax(0,1fr));max-height:245px}.lwstudio-stylebar .lw-style-gallery{width:calc(100vw - 38px);left:12px}.lw-style-shot{height:52px}.lw-style-trigger{min-height:55px}.lwshop-stylebar{margin:7px 3px 12px}.lw-style-gallery{padding:9px}.lw-style-option{padding:6px}}
@media(prefers-reduced-motion:reduce){.lw-style-arrow{transition:none}}

/* A single compact composition/faction control row in either editor. */
.lw-stylebar-flex{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px);gap:10px;align-items:start}
.lw-stylebar-flex>#lws-style-switcher{min-width:0}
.lw-stylebar-layout-label,.lwshop-style-combos label{display:grid;gap:4px;font:800 11px/1.4 system-ui,sans-serif;color:#c7eacb}
.lw-stylebar-layout-label select,.lwshop-style-combos select{display:block;width:100%;min-width:0;height:46px;border:1px solid #659576;border-radius:9px;padding:8px 28px 8px 10px;font:700 12px system-ui,sans-serif;color:#efffef;background:#0c2419}
.lwshop-style-combos{padding-top:9px}
.lw-stylebar-variants{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.lw-stylebar-variants[hidden]{display:none!important}
.lw-stylebar-variant-title{width:100%;color:#d5f0d4;font:800 11px/1.2 system-ui,sans-serif}
.lw-stylebar-variant{font:700 11px/1.4 system-ui,sans-serif;border:1px solid var(--variant-accent,#9adaae);border-radius:8px;background:#0c261b;color:#e5ffe8;padding:7px 10px;cursor:pointer}
.lw-stylebar-variant.selected{color:#0d1c13;background:var(--variant-accent,#a5dfb4);box-shadow:0 0 0 2px #111b16}
.lw-stylebar-variant:focus-visible,.lw-stylebar-layout-label select:focus-visible,.lwshop-style-combos select:focus-visible{outline:3px solid #b5ffca;outline-offset:3px}
@media(max-width:760px){.lw-stylebar-flex{grid-template-columns:1fr}.lwshop-style-combos{padding-top:8px}.lwstudio-stylebar .lw-style-gallery{max-height:65vh;overflow:auto}}


/* Genuine document-composition MINIATURES (not meaningless colour swatches).
   Approximate layout previews. Selecting a card renders the actual editor site. */
.lw-style-option .lw-style-site-mini{
 display:grid;grid-template-rows:24px minmax(70px,1fr) 39px;gap:0;
 position:relative;min-width:0;width:100%;height:clamp(123px,14vw,182px);
 background:#eaf2e9;color:#efffed;border:1px solid var(--sw-a,#a7e6bc);
 border-radius:8px;overflow:hidden;isolation:isolate;
 box-shadow:inset 0 1px #ffffff25,0 5px 11px #0005
}
.lw-style-option .lw-style-site-mini:before{content:none!important}
.lw-style-site-mini .lw-mini-top{
 display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 7px;
 min-width:0;background:var(--sw-1,#173325);border-bottom:1px solid #ffffff3b
}
.lw-style-site-mini .lw-mini-brand{
 font:900 clamp(7px,.65vw,10px)/1 system-ui,sans-serif;letter-spacing:-.035em;color:var(--sw-a,#b5f2ac);white-space:nowrap
}
.lw-style-site-mini .lw-mini-menu{
 font:700 clamp(5px,.48vw,8px)/1 system-ui,sans-serif;
 white-space:nowrap;color:#ffffffac;word-spacing:5px
}
.lw-style-site-mini .lw-mini-hero{
 position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:5px;padding:clamp(7px,.9vw,13px);
 min-width:0;background:linear-gradient(130deg,var(--sw-1,#173325),var(--sw-2,#53926c))
}
.lw-style-site-mini .lw-mini-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-width:0;position:relative;z-index:2}
.lw-style-site-mini .lw-mini-heading{
 display:block;font:900 clamp(10px,1.25vw,20px)/1.02 Georgia,serif;letter-spacing:-.05em;
 color:#f8f6e8;overflow-wrap:anywhere;text-shadow:0 1px 4px #0006
}
.lw-style-site-mini .lw-mini-description{
 font:500 clamp(5px,.54vw,8px)/1.25 system-ui,sans-serif;color:#e9ffe5bd;display:-webkit-box;
 -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.lw-style-site-mini .lw-mini-cta{
 margin-top:4px;display:block;padding:4px 6px;border-radius:4px;background:var(--sw-a,#d4ffc2);
 color:var(--sw-1,#173325);font:850 clamp(6px,.6vw,9px)/1 system-ui,sans-serif;white-space:nowrap
}
.lw-style-site-mini .lw-mini-art{
 display:grid;place-items:center;position:relative;min-width:0;min-height:0;
 border-radius:5px;overflow:hidden;
 background:radial-gradient(circle at 72% 22%,#ffffff76 0 10%,transparent 45%),linear-gradient(135deg,#ffffff45,transparent),var(--sw-2,#70a38a);
 box-shadow:inset 0 0 0 1px #fff7
}
.lw-style-site-mini .lw-mini-art-front{
 width:70%;height:60%;border-radius:4px;background:linear-gradient(130deg,#ffffffb8,#ffffff20);
 border:1px solid #ffffff76;transform:rotate(-8deg);
 box-shadow:5px 6px 11px #0003
}
.lw-style-site-mini .lw-mini-art-detail{
 position:absolute;width:45%;height:37%;right:4%;bottom:8%;
 border:1px solid var(--sw-a,#eaf2be);border-radius:6px;background:var(--sw-1,#10291a);
 box-shadow:0 4px 10px #0006
}
.lw-style-site-mini .lw-mini-cards{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:4px;
 padding:5px;background:var(--sw-1,#172f21)
}
.lw-style-site-mini .lw-mini-card{
 display:grid;place-items:center;min-width:0;overflow:hidden;
 border:1px solid #ffffff44;border-radius:3px;background:linear-gradient(140deg,#ffffff16,transparent);
 color:#f1ffed;font:800 clamp(6px,.58vw,9px)/1.1 system-ui,sans-serif;text-align:center;
 white-space:nowrap
}
.lw-style-option-caption .lw-mini-clarification{
 display:block;padding-top:3px;color:#9ee6b7;font:650 9px/1.35 system-ui,sans-serif
}
.lw-style-option .lw-style-site-mini[data-group="tech"] .lw-mini-heading,
.lw-style-option .lw-style-site-mini[data-group="gaming"] .lw-mini-heading,
.lw-style-option .lw-style-site-mini[data-group="scifi"] .lw-mini-heading{
 font-family:system-ui,sans-serif;font-weight:950;text-transform:uppercase;letter-spacing:-.04em
}
.lw-style-option .lw-style-site-mini[data-group="nature"] .lw-mini-heading{font-family:Georgia,serif;font-weight:650}
.lw-style-option .lw-style-site-mini[data-group="creative"] .lw-mini-art-front{transform:rotate(11deg);border-radius:35%}
.lw-style-option .lw-style-site-mini[data-style="brickweb"] .lw-mini-art-front{border-radius:4px;box-shadow:6px 6px 0 #d04442}
@media(max-width:760px){
 .lw-style-option .lw-style-site-mini{height:clamp(123px,29vw,170px)}
 .lw-style-site-mini .lw-mini-heading{font-size:clamp(11px,2.3vw,18px)}
 .lw-style-site-mini .lw-mini-brand{font-size:8px}
 .lw-style-site-mini .lw-mini-menu{font-size:6px}
 .lw-style-site-mini .lw-mini-cta{font-size:7px}
 .lw-style-site-mini .lw-mini-card{font-size:7px}
}