:root{--brand:#afcfe3;--brand-lav:#d9a8e6;--cool-grey:#8e949c;--light-grey:#c9cdd2;--cta:#3faf6f;--cta-dark:#2f9960;--cta-light:#6bc48c;--surface:#f4f7fa;--surface-2:#e8eff5;--text-h:#2c3540;--text-b:#5a6370}.page-module__lm-F2G__page{background:var(--surface);min-height:100vh;color:var(--text-h);font-family:var(--font-geist-sans),Arial,sans-serif;flex-direction:column;display:flex}.page-module__lm-F2G__header{border-bottom:1px solid var(--light-grey);background:#fff;flex-shrink:0;padding:16px 24px}.page-module__lm-F2G__title{color:var(--text-h);margin:0 0 4px;font-size:1.25rem;font-weight:700}.page-module__lm-F2G__subtitle{color:var(--text-b);margin:0;font-size:.8rem}.page-module__lm-F2G__layout{flex:1;grid-template-columns:300px 1fr;display:grid;overflow:hidden}.page-module__lm-F2G__settings{background:var(--surface);border-right:1px solid var(--light-grey);height:calc(100vh - 128px);padding:16px;overflow-y:auto}.page-module__lm-F2G__main{background:var(--surface);height:calc(100vh - 128px);padding:16px 20px;overflow-y:auto}.page-module__lm-F2G__section{margin-bottom:20px}.page-module__lm-F2G__sectionTitle{text-transform:uppercase;letter-spacing:.1em;color:var(--cool-grey);border-bottom:1px solid var(--light-grey);margin:0 0 10px;padding-bottom:6px;font-size:.7rem;font-weight:700}.page-module__lm-F2G__presetGrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.page-module__lm-F2G__presetBtn{border:1px solid var(--light-grey);cursor:pointer;color:var(--text-h);background:#fff;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;transition:background .12s,border-color .12s;display:flex}.page-module__lm-F2G__presetBtn:hover{background:var(--surface-2);border-color:var(--brand)}.page-module__lm-F2G__presetBtnActive{color:var(--brand-lav);background:var(--surface-2)!important;border-color:var(--brand)!important}.page-module__lm-F2G__presetEmoji{font-size:1.1rem;line-height:1}.page-module__lm-F2G__presetName{letter-spacing:.02em;font-size:.68rem;font-weight:600}.page-module__lm-F2G__colorRow{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.page-module__lm-F2G__colorLabel{color:var(--text-b);flex:1;font-size:.78rem}.page-module__lm-F2G__colorGroup{align-items:center;gap:8px;display:flex}.page-module__lm-F2G__colorPicker{border:1px solid var(--light-grey);cursor:pointer;background:#fff;border-radius:4px;flex-shrink:0;width:32px;height:26px;padding:2px}.page-module__lm-F2G__sliderRow{margin-bottom:8px}.page-module__lm-F2G__sliderLabel{color:var(--text-b);justify-content:space-between;margin-bottom:4px;font-size:.78rem;display:flex}.page-module__lm-F2G__sliderVal{color:var(--brand-lav);font-weight:600}.page-module__lm-F2G__slider{width:100%;accent-color:var(--brand-lav);cursor:pointer;height:4px}.page-module__lm-F2G__sliderValue{color:var(--brand-lav);text-align:right;min-width:30px;font-size:.72rem;font-weight:600}.page-module__lm-F2G__toggleRow{cursor:pointer;align-items:center;gap:8px;margin-bottom:8px;display:flex}.page-module__lm-F2G__checkbox{accent-color:var(--brand-lav);cursor:pointer;flex-shrink:0;width:14px;height:14px}.page-module__lm-F2G__toggleLabel{color:var(--text-b);-webkit-user-select:none;user-select:none;font-size:.8rem}.page-module__lm-F2G__previewWrapper{border:1px solid var(--light-grey);border-radius:8px;overflow:hidden}.page-module__lm-F2G__previewBar{background:var(--surface-2);border-bottom:1px solid var(--light-grey);align-items:center;gap:6px;padding:8px 12px;display:flex}.page-module__lm-F2G__previewBarDot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.page-module__lm-F2G__previewBarTitle{color:var(--cool-grey);margin-left:4px;font-size:.72rem}.page-module__lm-F2G__previewChat{background-color:#0e0e0e;background-image:linear-gradient(45deg,#171717 25%,#0000 25%),linear-gradient(-45deg,#171717 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#171717 75%),linear-gradient(-45deg,#0000 75%,#171717 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat;background-size:16px 16px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:180px;padding:10px 6px}.page-module__lm-F2G__chatLine{word-break:break-word;flex-wrap:wrap;align-items:baseline;gap:2px;line-height:1.55;display:flex}.page-module__lm-F2G__badgeList{align-items:center;gap:2px;margin-right:2px;display:inline-flex}.page-module__lm-F2G__badge{font-size:.72rem;line-height:1}.page-module__lm-F2G__username{font-weight:700;font-size:inherit}.page-module__lm-F2G__colon{opacity:.7;font-size:inherit}.page-module__lm-F2G__messageText{font-size:inherit}.page-module__lm-F2G__codeHeader{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.page-module__lm-F2G__copyBtn{background:var(--cta);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:background .12s,transform 80ms}.page-module__lm-F2G__copyBtn:hover{background:var(--cta-dark)}.page-module__lm-F2G__copyBtn:active{transform:scale(.97)}.page-module__lm-F2G__copyBtnSuccess{background:var(--cta-light)!important}.page-module__lm-F2G__howToUse{background:var(--surface-2);border:1px solid var(--light-grey);color:var(--text-b);border-radius:6px;margin-bottom:10px;padding:10px 14px;font-size:.78rem;line-height:1.6}.page-module__lm-F2G__inlineCode{background:var(--surface-2);border:1px solid var(--light-grey);font-family:var(--font-geist-mono),monospace;color:var(--brand-lav);border-radius:3px;padding:1px 5px;font-size:.72rem}.page-module__lm-F2G__codeArea{background:var(--surface);width:100%;color:var(--text-b);border:1px solid var(--light-grey);font-family:var(--font-geist-mono),"Courier New",monospace;resize:vertical;box-sizing:border-box;cursor:text;border-radius:6px;outline:none;padding:12px;font-size:.72rem;line-height:1.65;transition:border-color .12s}.page-module__lm-F2G__codeArea:focus{border-color:var(--brand)}@media (max-width:768px){.page-module__lm-F2G__layout{grid-template-columns:1fr}.page-module__lm-F2G__settings{border-right:none;border-bottom:1px solid var(--light-grey);height:auto;overflow-y:visible}.page-module__lm-F2G__main{height:auto;overflow-y:visible}}
