.ls4-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:20px;margin:15px 0 85px}
.ls4-card,.ls4-editor{border:1px solid rgba(255,194,222,.18);background:linear-gradient(145deg,#321935,#241128);border-radius:23px;padding:23px;min-width:0}
.ls4-card h2{font-size:27px;margin:0 0 12px}.ls4-card p{font-size:14px;color:#d8bdcd;margin-bottom:15px;white-space:pre-wrap}
.ls4-frame{width:100%;height:310px;border:1px solid #58314c;border-radius:17px;background:#170b1d;display:block}
.ls4-footnote{color:#b496aa;font-size:12px;margin-top:10px}
.ls4-editor{max-width:100%;margin-bottom:30px}.ls4-editor h2{font-size:31px}
.ls4-editor label{display:block;font-size:14px;font-weight:650;margin:0 0 17px;color:#f8d8e6}
.ls4-editor input,.ls4-editor textarea,.ls4-editor select{display:block;margin-top:7px;width:100%}
.ls4-editor textarea{font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;tab-size:2}
.ls4-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.ls4-hint{font-size:13px;color:#c7afc1;background:#3b203b;padding:13px 16px;border-radius:12px}
.ls4-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ls4-actions form{display:inline}
.ls4-saved{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:15px;border-bottom:1px solid #ffffff22}
.ls4-saved small{color:#d2b6c7}.ls4-saved a{color:#ffa8c8}
.ls4-preview{max-width:620px;margin:20px 0 38px}
@media(max-width:650px){.ls4-card,.ls4-editor{padding:16px}.ls4-grid{grid-template-columns:1fr}.ls4-saved{grid-template-columns:1fr}.ls4-frame{height:300px}}