.lz-app{
    --lz-blue:#243b8f;
    --lz-pink:#f52591;
    --lz-text:#292b45;
    --lz-muted:#70758a;
    --lz-line:#dfe4ef;
    --lz-soft:#f6f8fc;
    margin:24px 0 40px;
    color:var(--lz-text);
    font-family:inherit;
}
.lz-app *{box-sizing:border-box}
.lz-head h2{margin:0 0 6px;color:var(--lz-blue);font-size:30px}
.lz-head p{margin:0 0 20px;line-height:1.55}
.lz-layout{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:24px;align-items:start}
.lz-controls{display:grid;gap:15px}
.lz-panel{background:#fff;border:1px solid var(--lz-line);border-radius:18px;padding:17px}
.lz-panel h3{margin:0 0 13px;color:var(--lz-blue);font-size:19px}
.lz-template-grid{display:grid;gap:8px}
.lz-template{
    appearance:none;border:1px solid var(--lz-line);background:#fff;border-radius:12px;
    padding:9px;cursor:pointer;text-align:left;color:var(--lz-text)
}
.lz-template.is-active{border-color:var(--lz-pink);box-shadow:0 0 0 2px rgba(245,37,145,.08)}
.lz-template img{display:block;width:100%;height:78px;object-fit:contain;background:#fff}
.lz-template span{display:block;margin-top:5px;font-size:13px}
.lz-field{display:grid;gap:5px;margin-bottom:11px}
.lz-field span{font-size:13px;font-weight:700;color:#5f6579}
.lz-field input{
    width:100%;border:1px solid var(--lz-line);border-radius:10px;padding:10px 12px;
    font:inherit;color:var(--lz-text);background:#fff
}
.lz-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#5f6579}
.lz-check input{width:17px;height:17px}
.lz-note{margin:-4px 0 11px;font-size:12px;color:var(--lz-muted);line-height:1.45}
.lz-font-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lz-font{
    appearance:none;border:1px solid var(--lz-line);background:#fff;border-radius:11px;
    padding:9px;cursor:pointer;text-align:left;color:var(--lz-text);min-height:64px
}
.lz-font.is-active{border-color:var(--lz-pink);box-shadow:0 0 0 2px rgba(245,37,145,.08)}
.lz-font strong{display:block;font-size:25px;line-height:1}
.lz-font span{display:block;margin-top:6px;font-family:inherit;font-size:11px;color:#70758a}
.lz-primary{
    appearance:none;border:0;background:var(--lz-pink);color:#fff;border-radius:12px;
    padding:13px 18px;font:inherit;font-weight:700;cursor:pointer
}
.lz-preview-panel{position:sticky;top:20px}
.lz-preview-title{font-size:14px;font-weight:700;color:var(--lz-blue);margin-bottom:8px}
.lz-preview-shell{
    background:var(--lz-soft);border:1px solid var(--lz-line);border-radius:18px;
    padding:18px;overflow:auto
}
#lzPreview{
    display:block;width:100%;height:auto;background:#fff;
    box-shadow:0 8px 28px rgba(30,40,80,.12)
}
.lz-help{font-size:12px;color:var(--lz-muted);line-height:1.5;text-align:center}
@media(max-width:900px){
    .lz-layout{grid-template-columns:1fr}
    .lz-preview-panel{position:static;order:-1}
}