*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;background:#fafafa;color:#111}#root{display:flex;flex-direction:column}.app-body{flex:1;min-height:0;display:flex;flex-direction:row}.app-main{flex:1;min-width:0}.app-editor{background:#fff;min-height:0}.app-editor-inner{height:100%;display:flex;flex-direction:column;min-height:0}.app-editor-cm{flex:1;min-height:0}.app-preview{background:#f5f5f4;overflow:auto;min-height:0}.app-gallery{width:352px;flex:0 0 352px;background:#fafafa;border-left:1px solid #e5e5e5;min-height:0;overflow:hidden}.app-resize-handle{width:4px;background:#e5e5e5;cursor:col-resize;transition:background .15s}.app-resize-handle:hover,[data-separator]:hover>.app-resize-handle,[data-separator][data-active]>.app-resize-handle{background:#111}.ep-twemoji{display:inline-block}.sarticles-body{height:calc(100vh - 56px);display:flex;overflow:hidden;background:#f5f5f5}.sarticles-main{flex:1;min-width:0}.sarticles-editor,.sarticles-preview-panel{height:100%;min-width:0;background:#fff}.sarticles-editor-inner{height:100%;display:flex;flex-direction:column}.sarticles-editor-cm{flex:1;min-height:0}.sarticles-resize-handle{width:1px;background:#e5e5e5}.sarticles-copybar{height:48px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 14px;border-bottom:1px solid #ececec;background:#fafafa}.sarticles-copy-main,.sarticles-copy-secondary{border:1px solid #111;border-radius:6px;padding:7px 12px;font-size:13px;cursor:pointer}.sarticles-copy-main{background:#111;color:#fff;font-weight:700}.sarticles-copy-secondary{background:#fff;color:#111}.sarticles-copy-main:disabled,.sarticles-copy-secondary:disabled{opacity:.45;cursor:not-allowed}.sarticles-toast{font-size:12px;color:#16a34a}.sarticles-preview-stage{height:calc(100% - 48px);overflow:auto;padding:32px 24px;background:#eee}.sarticles-preview-page{width:677px;margin:0 auto;padding:32px;background:#fff;box-shadow:0 8px 30px #00000014;box-sizing:border-box}.sarticles-preview-empty{height:calc(100% - 48px);display:flex;align-items:center;justify-content:center;color:#9ca3af;background:#f5f5f5}.sarticles-aside{width:352px;flex:0 0 352px;border-left:1px solid #e5e5e5;background:#fafafa;display:flex;flex-direction:column}.sarticles-aside-header{position:sticky;top:0;z-index:5;background:#fafafa;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid #ececec}.sarticles-aside-body{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.sarticles-config{display:flex;flex-direction:column;gap:12px}.sarticles-field{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#374151}.sarticles-field>span{color:#9ca3af;font-weight:500}.sarticles-field input,.sarticles-field select{max-width:150px}