/* LuckyStudio direct composition picker: overview in Style and instant adjustment in Preview */
.lw-layout-picker{margin:26px 0 20px;padding:19px;border:1px solid #446d54;border-radius:16px;background:linear-gradient(125deg,#10251a,#13291f 58%,#102820)}
.lw-layout-picker legend{font:900 18px/1.25 system-ui,sans-serif;letter-spacing:-.03em;color:#e7ffe9;padding:0 8px}
.lw-layout-picker>p{font:500 12px/1.6 system-ui,sans-serif;color:#c1d9c7;margin:6px 0 15px}
.lw-layout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.lw-layout-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:12px;border:2px solid #375b47;border-radius:11px;background:#0d1d16;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}
.lw-layout-choice:hover{border-color:#73c88d;transform:translateY(-2px)}
.lw-layout-choice:focus-within{outline:3px solid #bbffc8;outline-offset:2px}
.lw-layout-choice:has(input:checked){background:#1b4130;border-color:#a0efad;box-shadow:0 0 0 1px #a5f5ad55}
.lw-layout-choice input{position:absolute;right:9px;top:8px;width:15px;height:15px;margin:0;accent-color:#93eca6}
.lw-layout-choice>strong{font:850 13px/1.15 system-ui,sans-serif;color:#edfff0;letter-spacing:-.01em}
.lw-layout-choice>small{font:500 11px/1.45 system-ui,sans-serif;color:#bad3c3}
.lw-layout-sketch{position:relative;display:grid;grid-template-rows:12px 1fr 18px;gap:5px;width:100%;height:85px;padding:9px;background:#1e3440;border:1px solid #698577;border-radius:7px;overflow:hidden}
.lw-layout-sketch i,.lw-layout-sketch b,.lw-layout-sketch em,.lw-layout-sketch small{display:block;background:#a5ceb4;border-radius:2px;min-width:0;min-height:0}
.lw-layout-sketch i{background:linear-gradient(90deg,#87f09c 0 24%,transparent 24% 60%,#a8c0a9 60%);height:9px}
.lw-layout-sketch b{background:linear-gradient(90deg,#a7dbb1 0 57%,#34566b 57%);min-height:22px}
.lw-layout-sketch em{background:repeating-linear-gradient(90deg,#769b8b 0 30%,#182e39 30% 34%)}
.lw-layout-sketch small{display:none}
.lw-layout-choice[data-layout="catalog"] .lw-layout-sketch{grid-template-rows:10px 14px 1fr}
.lw-layout-choice[data-layout="catalog"] .lw-layout-sketch b{background:linear-gradient(90deg,#a3d7b2,#5c8976)}
.lw-layout-choice[data-layout="catalog"] .lw-layout-sketch em{background:repeating-linear-gradient(90deg,#81b59b 0 25%,#213c38 25% 29%)}
.lw-layout-choice[data-layout="story"] .lw-layout-sketch{grid-template-rows:10px 1fr 15px}
.lw-layout-choice[data-layout="story"] .lw-layout-sketch b{background:linear-gradient(180deg,#9acaa6,#2a4a43);width:85%;margin:auto}
.lw-layout-choice[data-layout="story"] .lw-layout-sketch em{background:linear-gradient(90deg,#739f8e 0 58%,#d9a981 60%)}
.lw-layout-choice[data-layout="split"] .lw-layout-sketch i{background:linear-gradient(#84bc94 0 45%,#213543 46%);height:13px}
.lw-layout-choice[data-layout="split"] .lw-layout-sketch b{background:linear-gradient(90deg,#d0bb89 0 50%,#7ad79b 50%)}
.lw-layout-choice[data-layout="split"] .lw-layout-sketch em{background:linear-gradient(90deg,#648a9a 0 33%,#487c63 35% 66%,#4c7889 68%)}
.lw-layout-choice[data-layout="magazine"] .lw-layout-sketch i{background:linear-gradient(90deg,transparent 0 27%,#b3d3b6 28% 73%,transparent 74%);height:10px}
.lw-layout-choice[data-layout="magazine"] .lw-layout-sketch b{background:linear-gradient(#7ec69b 0 14%,transparent 15% 18%,#b8e0bf 19% 40%,transparent 41% 48%,#5b8b86 49%);width:93%;margin:auto}
.lw-layout-choice[data-layout="magazine"] .lw-layout-sketch em{background:linear-gradient(90deg,#96bea7 0 62%,#304a54 63%)}
.lw-layout-choice[data-layout="command"] .lw-layout-sketch{grid-template-columns:24% 1fr;grid-template-rows:1fr 16px}
.lw-layout-choice[data-layout="command"] .lw-layout-sketch i{grid-column:1;grid-row:1/3;height:100%;background:repeating-linear-gradient(180deg,#a6dab4 0 7px,#254b3f 8px 17px)}
.lw-layout-choice[data-layout="command"] .lw-layout-sketch b{grid-column:2;grid-row:1;background:linear-gradient(90deg,#83bfa0 0 67%,#346b79 68%)}
.lw-layout-choice[data-layout="command"] .lw-layout-sketch em{grid-column:2;grid-row:2;background:repeating-linear-gradient(90deg,#81b29a 0 48%,#294e47 49%)}
@media(max-width:800px){.lw-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lw-layout-picker{padding:12px}.lw-layout-sketch{height:70px}}
@media(max-width:440px){.lw-layout-choice{padding:9px}.lw-layout-choice>strong{font-size:12px}.lw-layout-choice>small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.lw-layout-choice{transition:none}.lw-layout-choice:hover{transform:none}}

.lw-layout-choice[data-layout="showcase"] .lw-layout-sketch{outline:1px solid #a2dfad;outline-offset:-3px}


/* New modern composition previews – show arrangement, not only a palette. */
.lw-layout-choice[data-layout="bento"] .lw-layout-sketch{grid-template-columns:1.35fr .75fr;grid-template-rows:10px 1.5fr 1fr;gap:4px}
.lw-layout-choice[data-layout="bento"] .lw-layout-sketch i{grid-column:1/-1;width:100%;height:100%;background:linear-gradient(90deg,#a2e3c0,#34695e)}
.lw-layout-choice[data-layout="bento"] .lw-layout-sketch b{grid-column:1;grid-row:2/4;background:#a2dfbb;border-radius:5px}
.lw-layout-choice[data-layout="bento"] .lw-layout-sketch em{grid-column:2;grid-row:2/4;background:repeating-linear-gradient(180deg,#508d8a 0 44%,transparent 45% 54%,#94b9ae 55%)}
.lw-layout-choice[data-layout="spotlight"] .lw-layout-sketch{grid-template-columns:1.1fr .9fr;grid-template-rows:12px 1fr 10px;gap:4px}
.lw-layout-choice[data-layout="spotlight"] .lw-layout-sketch i{grid-column:1/-1;width:100%;height:100%;background:#567b71}
.lw-layout-choice[data-layout="spotlight"] .lw-layout-sketch b{grid-column:1;grid-row:2;background:linear-gradient(180deg,#addfc3 0 43%,transparent 44% 53%,#6b9986 54%)}
.lw-layout-choice[data-layout="spotlight"] .lw-layout-sketch em{grid-column:2;grid-row:2;background:linear-gradient(130deg,#92d6b9,#23586b);border-radius:6px}
.lw-layout-choice[data-layout="gallery"] .lw-layout-sketch{grid-template-columns:1.2fr .8fr;grid-template-rows:11px 1fr 18px;gap:4px}
.lw-layout-choice[data-layout="gallery"] .lw-layout-sketch i{grid-column:1/-1;width:100%;height:100%;background:linear-gradient(90deg,#325b51 0 30%,transparent 31% 65%,#a2cbba 66%)}
.lw-layout-choice[data-layout="gallery"] .lw-layout-sketch b{grid-column:1;grid-row:2;background:linear-gradient(#a6e0bb 0 29%,transparent 30% 43%,#508c83 44%)}
.lw-layout-choice[data-layout="gallery"] .lw-layout-sketch em{grid-column:1/-1;grid-row:3;background:repeating-linear-gradient(90deg,#87b5a8 0 27%,#294b44 28% 33%)}