*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,#root{color:#16181d;background:#fff;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;height:100%;display:flex}.topbar{color:#e6e8ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#16181d;border-bottom:1px solid #2a2e37;align-items:center;gap:10px;padding:8px 14px;display:flex}.topbar h1{white-space:nowrap;margin:0;font-size:15px}.sidebar-toggle{color:#e6e8ee;cursor:pointer;background:#232732;border:1px solid #3a3f4b;border-radius:6px;padding:5px 9px;font-size:15px;line-height:1}.sidebar-toggle:hover{background:#2c313d}.status{color:#8f96a3;white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:13px;overflow:hidden}.body{flex:1;min-height:0;display:flex}.sidebar{color:#e6e8ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#16181d;border-right:1px solid #2a2e37;flex-direction:column;flex-shrink:0;gap:18px;width:240px;padding:14px;display:flex;overflow-y:auto}.section{flex-direction:column;gap:8px;display:flex}.section-label{letter-spacing:.06em;text-transform:uppercase;color:#6f7684;margin:0;font-size:10px;font-weight:600}.section button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:#232732;border:1px solid #3a3f4b;border-radius:6px;padding:6px 10px;font-size:13px}.section button:hover{background:#2c313d}.field{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.field select{font:inherit;color:inherit;background:#232732;border:1px solid #3a3f4b;border-radius:6px;max-width:130px;padding:4px 8px;font-size:13px}.tool-grid{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.tool-toggle{text-transform:capitalize;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.tool-toggle input{accent-color:#3b82f6;margin:0}.editor{flex:1;min-width:0;min-height:0;display:flex}.preview{z-index:10;background:#fff;border:1px solid #ddd;border-radius:8px;width:320px;padding:12px;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #00000026}.preview-header{align-items:center;gap:8px;display:flex}.preview-header h2{flex:1;margin:0;font-size:14px}.preview img{border-radius:4px;width:100%;margin-top:8px}