.editor-shell{background:0 0;border-radius:0;flex-direction:column;min-height:700px;display:flex;container:editor-shell/inline-size}.editor-toolbar{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;min-height:52px;padding:8px 16px;display:flex}.toolbar-group{align-items:center;gap:2px;display:flex}.toolbar-divider{background:#e5e7eb;width:1px;height:24px;margin:0 6px}.toolbar-spacer{flex:1}.toolbar-btn{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.toolbar-btn:hover:not(:disabled){color:#111827;background:#e5e7eb}.toolbar-btn:disabled{opacity:.3;cursor:default}.toolbar-btn-active{color:#6c63ff;background:#eef2ff}.toolbar-btn-text{gap:6px;width:auto;padding:0 12px;font-size:.8125rem;font-weight:500}.toolbar-btn-active:hover:not(:disabled){background:#e0e7ff}.readability-badge{color:#374151;white-space:nowrap;background:#00c9a70d;border:1.5px solid;border-radius:20px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:500;display:flex}.char-count{white-space:nowrap;background:#f3f4f6;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:500;transition:background .2s,color .2s}.char-count-warning{color:#c2410c;background:#fff7ed}.char-count-danger{color:#dc2626;background:#fef2f2;font-weight:700}.emoji-picker{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:4px;min-width:180px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 24px #0000001f}.format-select-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.format-select-btn:hover{color:#6c63ff;border-color:#6c63ff}.format-select-btn.active{color:#6c63ff;background:#eef2ff;border-color:#6c63ff}.format-dropdown{z-index:110;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:2px;min-width:220px;max-height:400px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.format-opt{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;transition:all .15s;display:flex}.format-opt:hover{background:#f3f4f6}.format-opt-active{background:#eef2ff}.format-opt-label{color:#374151;font-size:.8125rem;font-weight:500}.format-opt-preview{color:#6c63ff;text-align:right;flex:1;padding-right:4px;font-size:.875rem}.format-opt-check{color:#6c63ff;flex-shrink:0}.emoji-picker-popup{z-index:120;border-radius:8px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.emoji-picker-popup .EmojiPickerReact{--epr-highlight-color:#6c63ff!important;border:1px solid #e5e7eb!important}.editor-split{background:#f9fafb;flex:1;justify-content:center;display:flex;overflow:hidden}.editor-left{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex:1;max-width:600px;display:flex;overflow:hidden}.editor-content-wrapper{flex:1;padding:24px 32px;overflow-y:auto}.editor-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:12px;padding:12px 24px;display:flex}.btn-success{color:#fff;background:#059669;border-color:#047857;align-items:center;display:inline-flex}.btn-success:hover{background:#047857}.btn-primary,.btn-outline{align-items:center;display:inline-flex}.editor-splitter{cursor:col-resize;background:#e5e7eb;flex-shrink:0;width:1px}.editor-right{background:#f3f2ef;flex-direction:column;flex-shrink:0;width:555px;display:flex}.post-editor-content{color:#111827;outline:none;min-height:300px;font-size:.9375rem;line-height:1.7}.post-editor-content p{margin-bottom:1px}.post-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#9ca3af;pointer-events:none;height:0}.post-editor-content strong{font-weight:700}.post-editor-content em{font-style:italic}.post-editor-content code{background:#f3f4f6;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.875em}.post-editor-content ul,.post-editor-content ol{margin-bottom:8px;padding-left:24px}.post-editor-content li{margin-bottom:4px}.hashtag{color:#0a66c2;font-weight:500}.preview-toolbar{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.preview-device-group,.preview-theme-group{align-items:center;gap:6px;display:flex}.preview-label{color:#666;margin-right:2px;font-size:.8rem}.preview-device-btn,.preview-theme-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.preview-device-btn:hover,.preview-theme-btn:hover{color:#374151;background:#f3f4f6}.preview-device-btn.active,.preview-theme-btn.active{color:#6c63ff;background:#eef2ff;border-color:#6c63ff4d}.preview-area{flex:1;justify-content:center;align-items:flex-start;padding:24px;transition:background .3s;display:flex;overflow-y:auto}.preview-light{background:#f3f2ef}.preview-dark{background:#1b1f23}.li-post-card{--mantine-scale:1;--mantine-radius-md:.5rem;--mantine-radius-xl:2rem;--mantine-spacing-xs:.625rem;--mantine-spacing-sm:.75rem;--mantine-spacing-md:1rem;--mantine-font-size-sm:.875rem;--mantine-font-size-md:1rem;--mantine-line-height-sm:1.45;border-radius:var(--mantine-radius-md);box-sizing:border-box;background:#fff;border:1px solid #e1dedc;flex-direction:column;min-height:257px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:width .2s ease-in-out,height .2s ease-in-out;display:flex;overflow:hidden auto}.li-desktop{width:555px;max-width:100%}.li-mobile{width:348px;max-width:100%}.li-dark{color:#e8e6e1;background:#1d2226;border-color:#383838}.li-header{justify-content:space-between;align-items:flex-start;gap:var(--mantine-spacing-xs);padding:var(--mantine-spacing-sm)var(--mantine-spacing-md);padding-right:1.5rem;display:flex}.li-header-left{align-items:center;gap:var(--mantine-spacing-xs);flex-wrap:nowrap;max-width:90%;display:flex}.li-avatar{border-radius:var(--mantine-radius-xl);object-fit:cover;flex-shrink:0;width:46px;height:46px}.li-meta{flex-direction:column;gap:0;min-width:0;display:flex;overflow:hidden}.li-name{font-size:var(--mantine-font-size-md);color:#191919;font-weight:600;line-height:var(--mantine-line-height-sm);margin:0}.li-dark .li-name{color:#e8e6e1}.li-headline{font-size:var(--mantine-font-size-sm);color:#666;line-height:var(--mantine-line-height-sm);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.li-dark .li-headline{color:#9c9c9c}.li-time-row{align-items:center;gap:3px;display:flex}.li-time{font-size:var(--mantine-font-size-sm);color:#666;line-height:var(--mantine-line-height-sm);margin:0}.li-dark .li-time{color:#9c9c9c}.li-globe{color:#666;align-items:center;display:flex}.li-dark .li-globe{color:#9c9c9c}.li-content{font-size:var(--mantine-font-size-sm);line-height:var(--mantine-line-height-sm);color:#111;word-break:break-word;flex:1;padding:4px 16px 12px}.li-dark .li-content{color:#e8e6e1}.li-content p{margin-bottom:1px}.li-content p:last-child{margin-bottom:0}.li-content p:empty:before{content:" "}.li-content strong{font-weight:700}.li-content em{font-style:italic}.li-content code{background:#00000014;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.85em}.li-content ul,.li-content ol{padding-left:20px}.li-content .hashtag{color:#0a66c2;cursor:pointer;font-weight:500}.li-content .hashtag:hover{text-decoration:underline}.li-content-wrapper{flex:1;padding:4px 16px 0}.li-content-wrapper .li-content{flex:none;padding:0}.li-content-collapsed{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.li-see-more-row{border-bottom:1.5px dashed #d0d0d0;justify-content:flex-end;align-items:baseline;gap:2px;margin-top:-8px;margin-bottom:4px;padding-bottom:12px;display:flex}.li-dark .li-see-more-row{border-bottom-color:#444}.li-ellipsis{color:#111;font-size:.875rem}.li-dark .li-ellipsis{color:#e8e6e1}.li-see-more-btn{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600}.li-see-more-btn:hover{color:#000}.li-dark .li-see-more-btn{color:#9c9c9c}.li-see-less-btn{color:#666;cursor:pointer;background:0 0;border:none;padding:2px 16px 10px;font-size:.8rem;font-weight:600;display:block}.li-footer{flex-direction:column;margin-top:auto;display:flex}.li-reactions{padding:var(--mantine-spacing-xs)var(--mantine-spacing-md);color:#666;border-top:1px solid #e0e0e0;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.li-dark .li-reactions{border-top-color:#383838}.li-reaction-count{align-items:center;display:flex}.li-reaction-btn{cursor:pointer;color:#666;font-family:inherit;font-size:inherit;background:0 0;border:none;align-items:center;padding:0;display:flex}.li-dark .li-reaction-btn{color:#9c9c9c}.hoverable-link-text{cursor:pointer}.li-reaction-btn:hover .hoverable-link-text,.li-stats .li-stat-link:hover{color:#0a66c2;text-decoration:underline}.li-dark .li-reaction-btn:hover .hoverable-link-text,.li-dark .li-stats .li-stat-link:hover{color:#70b5f9}.li-reaction-icons{align-items:center;display:flex}.li-reaction-img{box-sizing:content-box;background:#fff;border:2px solid #fff;border-radius:50%;width:16px;height:16px}.li-dark .li-reaction-img{background:0 0;border-color:#1d2226}.li-reaction-img.stacked{margin-left:-6px}.li-reaction-img:first-child{z-index:3;position:relative}.li-reaction-img:nth-child(2){z-index:2;position:relative}.li-reaction-img:nth-child(3){z-index:1;position:relative}.li-reaction-text{margin-left:4px;font-size:.75rem}.li-stats{align-items:center;gap:calc(.3125rem*var(--mantine-scale));display:flex}.li-stats span{color:#666;font-size:.75rem}.li-dark .li-stats span{color:#9c9c9c}.li-stats .li-stat-link{color:#0a66c2;font-weight:600}.li-dark .li-stats .li-stat-link{color:#70b5f9}.li-stats span:not(:last-child):after{content:" • ";color:#666;margin:0 4px}.li-dark .li-stats span:not(:last-child):after{color:#9c9c9c}.li-actions{padding:calc(.25rem*var(--mantine-scale))4px;border-top:1px solid #e0e0e0;justify-content:space-between;align-items:center;display:flex}.li-dark .li-actions{border-top-color:#383838}.li-action-btn{color:#666;cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.875rem;font-weight:600;transition:background .2s;display:flex}.li-action-btn:hover{background:#f3f2ef}.li-dark .li-action-btn{color:#9c9c9c}.li-action-icon{flex-shrink:0;width:20px;height:20px}.li-dark .li-action-btn:hover{background:#ffffff0d}@container editor-shell (max-width:1149px){.editor-split{flex-direction:column}.editor-left{border-bottom:1px solid #e5e7eb;border-right:none;width:100%;max-width:none}.editor-right{width:100%;height:50vh}}
