.auth-modal[data-v-1746aef4]{background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.auth-container[data-v-1746aef4]{background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:var(--spacing-2xl)}.auth-header[data-v-1746aef4]{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-header h1[data-v-1746aef4]{font-size:28px;font-weight:700;color:var(--primary-color);margin:0 0 var(--spacing-sm)}.auth-header p[data-v-1746aef4]{color:var(--text-secondary);margin:0}.connectivity-check[data-v-1746aef4]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--text-secondary)}.auth-form h2[data-v-1746aef4]{text-align:center;margin:0 0 var(--spacing-xl);color:var(--text-primary)}.form-group[data-v-1746aef4]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-1746aef4]{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary)}.form-group input[data-v-1746aef4]{width:100%;padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:16px;transition:border-color .2s}.form-group input[data-v-1746aef4]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,transparent)}.form-group input[data-v-1746aef4]:disabled{background:var(--surface);color:var(--text-secondary);cursor:not-allowed}.btn[data-v-1746aef4]{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn.primary[data-v-1746aef4]{background:var(--primary-color);color:#fff}.btn.primary[data-v-1746aef4]:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 90%,black)}.btn[data-v-1746aef4]:disabled{opacity:.6;cursor:not-allowed}.auth-switch[data-v-1746aef4]{text-align:center;margin-top:var(--spacing-xl)}.auth-switch p[data-v-1746aef4]{color:var(--text-secondary);margin:0}.link-btn[data-v-1746aef4]{background:none;border:none;color:var(--primary-color);cursor:pointer;text-decoration:underline;font-weight:500}.link-btn[data-v-1746aef4]:hover{color:color-mix(in srgb,var(--primary-color) 80%,black)}.error-message[data-v-1746aef4]{background:color-mix(in srgb,var(--error) 10%,var(--background));border:1px solid var(--error);color:var(--error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-lg);font-size:14px}.success-message[data-v-1746aef4]{background:color-mix(in srgb,var(--success) 10%,var(--background));border:1px solid var(--success);color:var(--success);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-lg);font-size:14px}.loading-spinner[data-v-1746aef4]{width:20px;height:20px;border:2px solid var(--border);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin-1746aef4 1s linear infinite}.loading-spinner.small[data-v-1746aef4]{width:16px;height:16px}@keyframes spin-1746aef4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.auth-container[data-v-1746aef4]{padding:var(--spacing-xl);margin:var(--spacing-md)}}.profile-info[data-v-8ed1a06f]{background:var(--background);border-radius:var(--radius-md);border:1px solid var(--border);padding:var(--spacing-lg)}.profile-header[data-v-8ed1a06f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.profile-avatar[data-v-8ed1a06f]{width:48px;height:48px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;cursor:pointer;transition:background .2s;flex-shrink:0;overflow:hidden}.profile-avatar[data-v-8ed1a06f]:hover{background:color-mix(in srgb,var(--primary-color) 90%,black)}.profile-avatar img[data-v-8ed1a06f]{width:100%;height:100%;object-fit:cover}.profile-details[data-v-8ed1a06f]{width:100%}.profile-name[data-v-8ed1a06f]{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email[data-v-8ed1a06f]{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn[data-v-8ed1a06f]{background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-secondary);padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all .2s}.logout-btn[data-v-8ed1a06f]:hover{background:var(--surface);color:var(--error)}.profile-stats[data-v-8ed1a06f]{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);font-size:12px}.stat-item[data-v-8ed1a06f]{display:flex;align-items:center;gap:var(--spacing-xs)}.stat-number[data-v-8ed1a06f]{font-weight:600;color:var(--primary-color)}.stat-text[data-v-8ed1a06f]{color:var(--text-secondary)}.stat-divider[data-v-8ed1a06f]{color:var(--text-secondary);opacity:.5}.modal-overlay[data-v-8ed1a06f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal[data-v-8ed1a06f]{background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px;overflow:hidden}.modal-header[data-v-8ed1a06f]{padding:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h3[data-v-8ed1a06f]{margin:0;color:var(--text-primary)}.close-btn[data-v-8ed1a06f]{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-secondary);padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background .2s}.close-btn[data-v-8ed1a06f]:hover{background:var(--surface)}.modal-body[data-v-8ed1a06f]{padding:var(--spacing-lg)}.form-group[data-v-8ed1a06f]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-8ed1a06f]{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary)}.form-group input[data-v-8ed1a06f]{width:100%;padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;transition:border-color .2s}.form-group input[data-v-8ed1a06f]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,transparent)}.avatar-preview[data-v-8ed1a06f]{margin-top:var(--spacing-md);text-align:center}.avatar-preview img[data-v-8ed1a06f]{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.modal-footer[data-v-8ed1a06f]{padding:var(--spacing-lg);border-top:1px solid var(--border);display:flex;gap:var(--spacing-md);justify-content:flex-end}.btn[data-v-8ed1a06f]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.btn.primary[data-v-8ed1a06f]{background:var(--primary-color);color:#fff}.btn.primary[data-v-8ed1a06f]:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 90%,black)}.btn.secondary[data-v-8ed1a06f]{background:var(--background);color:var(--text-primary);border:1px solid var(--border)}.btn.secondary[data-v-8ed1a06f]:hover{background:var(--surface)}.btn[data-v-8ed1a06f]:disabled{opacity:.6;cursor:not-allowed}.plain-editor-container[data-v-ed352304]{height:100%;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface)}.editor-actions[data-v-ed352304]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--background);border-bottom:1px solid var(--border)}.convert-btn[data-v-ed352304]{background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:var(--spacing-xs)}.convert-btn[data-v-ed352304]:hover:not(:disabled){background:var(--primary-color-dark, #3B82F6);transform:translateY(-1px)}.convert-btn[data-v-ed352304]:disabled{opacity:.6;cursor:not-allowed;transform:none}.plain-text-editor[data-v-ed352304]{flex:1;padding:var(--spacing-lg);border:none;outline:none;font-family:inherit;font-size:16px;line-height:1.2;color:var(--text-primary);background:transparent;resize:none;min-height:300px}.plain-text-editor[data-v-ed352304]::placeholder{color:var(--text-secondary);opacity:.7}.plain-text-editor[data-v-ed352304]:focus{outline:none}@media (max-width: 768px){.editor-actions[data-v-ed352304]{padding:var(--spacing-xs)}.convert-btn[data-v-ed352304]{padding:var(--spacing-xs);font-size:11px}.plain-text-editor[data-v-ed352304]{padding:var(--spacing-md);font-size:14px}}.phone-preview[data-v-1d81b8a6]{margin-bottom:var(--spacing-xl)}.phone-frame[data-v-1d81b8a6]{width:320px;height:640px;background:linear-gradient(135deg,#1e1e1e,#2d2d2d);border-radius:30px;padding:8px;margin:0 auto;position:relative;box-shadow:var(--shadow-lg)}.phone-frame[data-v-1d81b8a6]:before{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#333;border-radius:2px}.phone-screen[data-v-1d81b8a6]{width:100%;height:100%;background:#fff;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.phone-header[data-v-1d81b8a6]{background:#fff;border-bottom:1px solid #f0f0f0}.status-bar[data-v-1d81b8a6]{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 4px;font-size:12px;font-weight:600}.time[data-v-1d81b8a6]{color:#000}.indicators[data-v-1d81b8a6]{display:flex;gap:4px;color:#000}.app-header[data-v-1d81b8a6]{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 12px;font-weight:600}.app-title[data-v-1d81b8a6]{font-size:16px;color:#000}.back-arrow[data-v-1d81b8a6],.menu[data-v-1d81b8a6]{font-size:16px;color:var(--primary-color);cursor:pointer}.phone-content[data-v-1d81b8a6]{flex:1;overflow-y:auto;background:#f0f2f5}.feed-container[data-v-1d81b8a6]{padding-bottom:20px}.feed-post[data-v-1d81b8a6]{background:#fff;border-bottom:8px solid #f0f2f5;padding:16px;cursor:pointer;transition:background-color .2s}.feed-post[data-v-1d81b8a6]:hover{background:#f8f9fa}.feed-post.highlight[data-v-1d81b8a6]{border-left:4px solid #1877f2;background:#f7f9ff}.feed-post.highlight[data-v-1d81b8a6]:hover{background:#eef3ff}.post-header[data-v-1d81b8a6]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.profile-avatar[data-v-1d81b8a6]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0}.post-menu[data-v-1d81b8a6]{margin-left:auto;color:#65676b;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s}.post-menu[data-v-1d81b8a6]:hover{background:#f0f2f5}.post-meta[data-v-1d81b8a6]{flex:1}.username[data-v-1d81b8a6]{font-weight:600;font-size:14px;color:#000}.timestamp[data-v-1d81b8a6]{font-size:12px;color:#666}.post-image[data-v-1d81b8a6]{margin:0 -16px 12px}.post-image img[data-v-1d81b8a6]{width:100%;height:200px;object-fit:cover}.content-text[data-v-1d81b8a6]{font-size:14px;line-height:1.4;color:#000;margin-bottom:12px}.content-text.truncated[data-v-1d81b8a6]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-text[data-v-1d81b8a6] h2{font-size:16px;font-weight:600;margin:8px 0 4px}.content-text[data-v-1d81b8a6] p{margin-bottom:8px}.content-text[data-v-1d81b8a6] blockquote{border-left:3px solid var(--primary-color);padding-left:12px;margin:8px 0;font-style:italic;color:#666}.content-text[data-v-1d81b8a6] ul,.content-text[data-v-1d81b8a6] ol{padding-left:20px;margin:8px 0}.content-text[data-v-1d81b8a6] img{max-width:100%;border-radius:8px;margin:8px 0}.see-more[data-v-1d81b8a6]{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:500;font-size:14px;padding:0}.post-actions[data-v-1d81b8a6]{display:flex;justify-content:space-around;padding:8px 0;border-top:1px solid #f0f0f0;margin-top:12px}.action-btn[data-v-1d81b8a6]{background:none;border:none;font-size:12px;color:#666;cursor:pointer;padding:8px;border-radius:20px;transition:background .2s}.action-btn[data-v-1d81b8a6]:hover{background:#f0f0f0}.placeholder[data-v-1d81b8a6]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#999;text-align:center;padding:32px}.placeholder-icon[data-v-1d81b8a6]{font-size:48px;margin-bottom:16px}.placeholder p[data-v-1d81b8a6]{font-size:14px;line-height:1.4}@media (max-width: 1200px){.phone-frame[data-v-1d81b8a6]{width:280px;height:560px}}@media (max-width: 768px){.phone-frame[data-v-1d81b8a6]{width:260px;height:520px}.post-preview[data-v-1d81b8a6]{padding:12px}.post-image[data-v-1d81b8a6]{margin:0 -12px 8px}}.feed-simulation[data-v-b8545d07]{background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.feed-header[data-v-b8545d07]{padding:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.feed-header h3[data-v-b8545d07]{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.refresh-btn[data-v-b8545d07]{background:none;border:none;cursor:pointer;font-size:16px;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background .2s}.refresh-btn[data-v-b8545d07]:hover{background:var(--surface)}.feed-list[data-v-b8545d07]{max-height:400px;overflow-y:auto}.feed-item[data-v-b8545d07]{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border);transition:background .2s;cursor:pointer}.feed-item[data-v-b8545d07]:hover{background:var(--surface)}.feed-item[data-v-b8545d07]:last-child{border-bottom:none}.feed-item.ghost-post[data-v-b8545d07]{opacity:.7;cursor:default}.feed-item.ghost-post[data-v-b8545d07]:hover{background:transparent}.feed-avatar[data-v-b8545d07]{width:36px;height:36px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.ghost-post .feed-avatar[data-v-b8545d07]{background:var(--secondary-color)}.feed-content[data-v-b8545d07]{flex:1;min-width:0}.feed-meta[data-v-b8545d07]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.feed-username[data-v-b8545d07]{font-weight:600;color:var(--text-primary);font-size:14px}.feed-time[data-v-b8545d07]{color:var(--text-secondary);font-size:12px}.feed-preview[data-v-b8545d07]{color:var(--text-primary);font-size:14px;line-height:1.4;margin-bottom:var(--spacing-sm);overflow-wrap:break-word;white-space:pre-wrap}.feed-image[data-v-b8545d07]{margin-bottom:var(--spacing-sm)}.feed-image img[data-v-b8545d07]{width:100%;max-height:100px;object-fit:cover;border-radius:var(--radius-sm)}.feed-stats[data-v-b8545d07]{display:flex;gap:var(--spacing-md);color:var(--text-secondary);font-size:12px}.empty-feed[data-v-b8545d07]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-secondary);text-align:center}.empty-icon[data-v-b8545d07]{font-size:48px;margin-bottom:var(--spacing-md)}.empty-feed p[data-v-b8545d07]{margin:0;font-size:14px}.feed-list[data-v-b8545d07]::-webkit-scrollbar{width:6px}.feed-list[data-v-b8545d07]::-webkit-scrollbar-track{background:var(--surface)}.feed-list[data-v-b8545d07]::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.feed-list[data-v-b8545d07]::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.modal-overlay[data-v-3702ebd2]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal[data-v-3702ebd2]{background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column}.modal-header[data-v-3702ebd2]{padding:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h3[data-v-3702ebd2]{margin:0;color:var(--text-primary);font-size:18px}.close-btn[data-v-3702ebd2]{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-secondary);padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background .2s}.close-btn[data-v-3702ebd2]:hover{background:var(--surface)}.modal-body[data-v-3702ebd2]{flex:1;overflow:hidden;display:flex;flex-direction:column}.search-bar[data-v-3702ebd2]{padding:var(--spacing-lg) var(--spacing-lg) 0}.search-input[data-v-3702ebd2]{width:100%;padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;transition:border-color .2s}.search-input[data-v-3702ebd2]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,transparent)}.post-list[data-v-3702ebd2]{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.post-item[data-v-3702ebd2]{border:2px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);cursor:pointer;transition:all .2s;overflow:hidden}.post-item[data-v-3702ebd2]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.post-item[data-v-3702ebd2]:last-child{margin-bottom:0}.post-preview[data-v-3702ebd2]{display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.post-image[data-v-3702ebd2]{width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}.post-image img[data-v-3702ebd2]{width:100%;height:100%;object-fit:cover}.post-content[data-v-3702ebd2]{flex:1;min-width:0}.post-title[data-v-3702ebd2]{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-excerpt[data-v-3702ebd2]{color:var(--text-secondary);font-size:14px;line-height:1.4;margin-bottom:var(--spacing-sm);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-meta[data-v-3702ebd2]{display:flex;justify-content:space-between;align-items:center;font-size:12px}.post-date[data-v-3702ebd2]{color:var(--text-secondary)}.sync-status[data-v-3702ebd2]{font-weight:500;padding:2px 6px;border-radius:var(--radius-sm);font-size:11px}.sync-status.synced[data-v-3702ebd2]{background:color-mix(in srgb,var(--success) 15%,var(--background));color:var(--success)}.sync-status.unsynced[data-v-3702ebd2]{background:color-mix(in srgb,var(--warning) 15%,var(--background));color:var(--warning)}.empty-state[data-v-3702ebd2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-secondary);text-align:center}.empty-icon[data-v-3702ebd2]{font-size:48px;margin-bottom:var(--spacing-md)}.empty-state p[data-v-3702ebd2]{margin:0;font-size:14px}.modal-footer[data-v-3702ebd2]{padding:var(--spacing-lg);border-top:1px solid var(--border);display:flex;gap:var(--spacing-md);justify-content:flex-end}.btn[data-v-3702ebd2]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.btn.primary[data-v-3702ebd2]{background:var(--primary-color);color:#fff}.btn.primary[data-v-3702ebd2]:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 90%,black)}.btn.secondary[data-v-3702ebd2]{background:var(--background);color:var(--text-primary);border:1px solid var(--border)}.btn.secondary[data-v-3702ebd2]:hover{background:var(--surface)}.btn[data-v-3702ebd2]:disabled{opacity:.6;cursor:not-allowed}.post-list[data-v-3702ebd2]::-webkit-scrollbar{width:6px}.post-list[data-v-3702ebd2]::-webkit-scrollbar-track{background:var(--surface)}.post-list[data-v-3702ebd2]::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.post-list[data-v-3702ebd2]::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@media (max-width: 768px){.modal[data-v-3702ebd2]{max-width:95vw;max-height:90vh}.post-preview[data-v-3702ebd2]{flex-direction:column}.post-image[data-v-3702ebd2]{width:100%;height:120px}.modal-footer[data-v-3702ebd2]{flex-direction:column}.btn[data-v-3702ebd2]{width:100%}}.modal-overlay[data-v-fd4bb41b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal[data-v-fd4bb41b]{background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-fd4bb41b]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border);background:var(--background);position:sticky;top:0;z-index:10}.back-btn[data-v-fd4bb41b],.share-btn[data-v-fd4bb41b]{background:none;border:none;cursor:pointer;font-size:16px;color:var(--primary-color);padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background .2s;font-weight:500}.back-btn[data-v-fd4bb41b]:hover,.share-btn[data-v-fd4bb41b]:hover{background:var(--surface)}.post-author[data-v-fd4bb41b]{display:flex;align-items:center;gap:var(--spacing-md);flex:1;justify-content:center}.author-avatar[data-v-fd4bb41b]{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.author-info[data-v-fd4bb41b]{text-align:center}.author-name[data-v-fd4bb41b]{font-weight:600;color:var(--text-primary);margin-bottom:2px}.post-date[data-v-fd4bb41b]{font-size:12px;color:var(--text-secondary)}.modal-body[data-v-fd4bb41b]{flex:1;overflow-y:auto}.post-cover[data-v-fd4bb41b]{width:100%;max-height:300px;overflow:hidden;background:var(--surface)}.post-cover img[data-v-fd4bb41b]{width:100%;height:100%;object-fit:cover}.post-content[data-v-fd4bb41b]{padding:var(--spacing-xl)}.post-title[data-v-fd4bb41b]{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.3}.post-body[data-v-fd4bb41b]{font-size:18px;line-height:1.2;color:var(--text-primary);margin-bottom:var(--spacing-xl);max-width:45ch;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.post-body[data-v-fd4bb41b] h1,.post-body[data-v-fd4bb41b] h2,.post-body[data-v-fd4bb41b] h3{font-weight:600;margin:var(--spacing-xl) 0 var(--spacing-lg);color:var(--text-primary)}.post-body[data-v-fd4bb41b] h2{font-size:20px}.post-body[data-v-fd4bb41b] p{margin-bottom:var(--spacing-xl);line-height:1.2}.post-body[data-v-fd4bb41b] blockquote{border-left:4px solid var(--primary-color);padding-left:var(--spacing-lg);margin:var(--spacing-xl) 0;font-style:italic;color:var(--text-secondary);font-size:18px}.post-body[data-v-fd4bb41b] ul,.post-body[data-v-fd4bb41b] ol{padding-left:var(--spacing-xl);margin:var(--spacing-lg) 0;max-width:100%}.post-body[data-v-fd4bb41b] li{margin-bottom:var(--spacing-sm);line-height:1.2}.post-body[data-v-fd4bb41b] img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.post-body[data-v-fd4bb41b] a{color:var(--primary-color);text-decoration:none}.post-body[data-v-fd4bb41b] a:hover{text-decoration:underline}.post-actions[data-v-fd4bb41b]{display:flex;justify-content:space-around;padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.action-btn[data-v-fd4bb41b]{background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-secondary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);transition:all .2s;display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500}.action-btn[data-v-fd4bb41b]:hover{background:var(--background);color:var(--text-primary)}.action-btn .liked[data-v-fd4bb41b]{color:var(--error);transform:scale(1.1)}.comments-section[data-v-fd4bb41b]{padding:var(--spacing-xl)}.comments-header h4[data-v-fd4bb41b]{margin:0 0 var(--spacing-lg);color:var(--text-primary)}.sample-comments[data-v-fd4bb41b]{margin-bottom:var(--spacing-xl)}.comment[data-v-fd4bb41b]{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.comment-avatar[data-v-fd4bb41b]{width:32px;height:32px;border-radius:50%;background:var(--secondary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.comment-content[data-v-fd4bb41b]{flex:1}.comment-author[data-v-fd4bb41b]{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:14px}.comment-text[data-v-fd4bb41b]{color:var(--text-primary);line-height:1.4;margin-bottom:var(--spacing-xs);font-size:14px}.comment-meta[data-v-fd4bb41b]{color:var(--text-secondary);font-size:12px}.add-comment[data-v-fd4bb41b]{display:flex;gap:var(--spacing-md);align-items:center}.comment-input[data-v-fd4bb41b]{flex:1;padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;transition:border-color .2s}.comment-input[data-v-fd4bb41b]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,transparent)}.comment-btn[data-v-fd4bb41b]{background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;font-weight:500;transition:background .2s}.comment-btn[data-v-fd4bb41b]:hover{background:color-mix(in srgb,var(--primary-color) 90%,black)}.modal-body[data-v-fd4bb41b]::-webkit-scrollbar{width:6px}.modal-body[data-v-fd4bb41b]::-webkit-scrollbar-track{background:var(--surface)}.modal-body[data-v-fd4bb41b]::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.modal-body[data-v-fd4bb41b]::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@media (max-width: 768px){.modal[data-v-fd4bb41b]{max-width:95vw;max-height:95vh}.modal-header[data-v-fd4bb41b]{padding:var(--spacing-md)}.post-author[data-v-fd4bb41b]{justify-content:flex-start}.post-content[data-v-fd4bb41b]{padding:var(--spacing-lg)}.post-title[data-v-fd4bb41b]{font-size:20px}.post-body[data-v-fd4bb41b]{font-size:16px;max-width:42ch}.post-actions[data-v-fd4bb41b]{padding:var(--spacing-md)}.comments-section[data-v-fd4bb41b]{padding:var(--spacing-lg)}.add-comment[data-v-fd4bb41b]{flex-direction:column}.comment-input[data-v-fd4bb41b]{width:100%}.comment-btn[data-v-fd4bb41b]{align-self:flex-end}}.modal-overlay[data-v-d9226733]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.facebook-modal[data-v-d9226733]{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 8px 32px #0000004d}.modal-header[data-v-d9226733]{display:flex;align-items:center;padding:16px;border-bottom:1px solid #e4e6ea;background:#fff}.back-btn[data-v-d9226733]{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s;color:#1877f2}.back-btn[data-v-d9226733]:hover{background:#f0f2f5}.modal-title[data-v-d9226733]{margin-left:12px;font-weight:600;color:#1c1e21}.modal-spacer[data-v-d9226733]{flex:1}.modal-content[data-v-d9226733]{overflow-y:auto;max-height:calc(90vh - 80px);padding:16px}.post-header[data-v-d9226733]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.profile-avatar[data-v-d9226733]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.post-meta[data-v-d9226733]{flex:1}.username[data-v-d9226733]{font-weight:600;font-size:15px;color:#1c1e21}.timestamp[data-v-d9226733]{font-size:13px;color:#65676b}.post-menu[data-v-d9226733]{color:#65676b;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s}.post-menu[data-v-d9226733]:hover{background:#f0f2f5}.post-text[data-v-d9226733]{font-size:18px;line-height:1.3;color:#1c1e21;margin-bottom:12px;white-space:pre-wrap;max-width:45ch;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.post-text[data-v-d9226733] p{margin-bottom:16px;line-height:1.3}.post-text[data-v-d9226733] p:last-child{margin-bottom:0}.post-image[data-v-d9226733]{margin:12px -16px}.post-image img[data-v-d9226733]{width:100%;height:auto;display:block}.engagement-stats[data-v-d9226733]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e4e6ea;margin-bottom:8px}.stats-left[data-v-d9226733],.stats-right[data-v-d9226733]{display:flex;gap:8px;font-size:13px;color:#65676b}.stat-item[data-v-d9226733]{cursor:pointer;transition:text-decoration .2s}.stat-item[data-v-d9226733]:hover{text-decoration:underline}.action-buttons[data-v-d9226733]{display:flex;border-bottom:1px solid #e4e6ea;margin-bottom:16px}.action-btn[data-v-d9226733]{flex:1;background:none;border:none;padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s;border-radius:6px;margin:0 2px}.action-btn[data-v-d9226733]:hover{background:#f0f2f5}.action-icon[data-v-d9226733]{font-size:16px}.action-text[data-v-d9226733]{font-size:15px;font-weight:600;color:#65676b}.comments-section[data-v-d9226733]{margin-top:8px}.write-comment[data-v-d9226733]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.comment-avatar[data-v-d9226733]{width:32px;height:32px;border-radius:50%;background:#1877f2;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.comment-input[data-v-d9226733]{flex:1;background:#f0f2f5;border:none;border-radius:20px;padding:8px 16px;font-size:14px;outline:none}.comment-input[data-v-d9226733]:focus{background:#fff;box-shadow:0 0 0 2px #1877f2}.comment-actions[data-v-d9226733]{display:flex;gap:8px;margin:8px 0 16px 40px}.emoji-btn[data-v-d9226733],.camera-btn[data-v-d9226733],.gif-btn[data-v-d9226733]{background:none;border:none;padding:6px 12px;border-radius:20px;cursor:pointer;font-size:12px;color:#1877f2;transition:background .2s}.emoji-btn[data-v-d9226733]:hover,.camera-btn[data-v-d9226733]:hover,.gif-btn[data-v-d9226733]:hover{background:#f0f2f5}.existing-comments[data-v-d9226733]{margin-top:16px}.comment[data-v-d9226733]{display:flex;gap:8px;margin-bottom:12px}.comment-bubble[data-v-d9226733]{flex:1}.comment-author[data-v-d9226733]{font-size:13px;font-weight:600;color:#1c1e21;margin-bottom:2px}.comment-text[data-v-d9226733]{background:#f0f2f5;padding:8px 12px;border-radius:16px;font-size:14px;color:#1c1e21;margin-bottom:4px;display:inline-block}.comment-actions[data-v-d9226733]{display:flex;gap:12px;align-items:center}.comment-action[data-v-d9226733]{background:none;border:none;font-size:12px;font-weight:600;color:#65676b;cursor:pointer;transition:text-decoration .2s}.comment-action[data-v-d9226733]:hover{text-decoration:underline}.comment-time[data-v-d9226733]{font-size:12px;color:#65676b}@media (max-width: 768px){.facebook-modal[data-v-d9226733]{margin:0;height:100vh;max-height:100vh;border-radius:0;max-width:100%}.modal-content[data-v-d9226733]{max-height:calc(100vh - 80px)}}.toast-container[data-v-6dee08ca]{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:2000;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;pointer-events:none}.toast[data-v-6dee08ca]{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-md);cursor:pointer;transition:all .2s;pointer-events:all;min-width:300px}.toast[data-v-6dee08ca]:hover{transform:translate(-4px);box-shadow:0 8px 25px #00000026}.toast.success[data-v-6dee08ca]{border-color:var(--success);background:color-mix(in srgb,var(--success) 8%,var(--background))}.toast.error[data-v-6dee08ca]{border-color:var(--error);background:color-mix(in srgb,var(--error) 8%,var(--background))}.toast.warning[data-v-6dee08ca]{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 8%,var(--background))}.toast.info[data-v-6dee08ca]{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 8%,var(--background))}.toast-icon[data-v-6dee08ca]{font-size:18px;flex-shrink:0;margin-top:2px}.toast-content[data-v-6dee08ca]{flex:1;min-width:0}.toast-message[data-v-6dee08ca]{color:var(--text-primary);font-weight:500;margin-bottom:var(--spacing-xs);line-height:1.4;word-wrap:break-word}.toast-time[data-v-6dee08ca]{color:var(--text-secondary);font-size:11px;font-family:monospace;opacity:.8}.toast-close[data-v-6dee08ca]{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:14px;padding:2px;border-radius:var(--radius-sm);transition:all .2s;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-close[data-v-6dee08ca]:hover{background:var(--surface);color:var(--text-primary)}.toast-enter-active[data-v-6dee08ca]{transition:all .3s ease-out}.toast-leave-active[data-v-6dee08ca]{transition:all .2s ease-in}.toast-enter-from[data-v-6dee08ca],.toast-leave-to[data-v-6dee08ca]{opacity:0;transform:translate(100%)}.toast-move[data-v-6dee08ca]{transition:transform .3s ease}@media (max-width: 768px){.toast-container[data-v-6dee08ca]{top:var(--spacing-sm);right:var(--spacing-sm);left:var(--spacing-sm);max-width:none}.toast[data-v-6dee08ca]{min-width:0;padding:var(--spacing-sm) var(--spacing-md)}.toast-message[data-v-6dee08ca]{font-size:14px}.toast-icon[data-v-6dee08ca]{font-size:16px}}@media (prefers-color-scheme: dark){.toast[data-v-6dee08ca]{background:#1a1a1a;border-color:#333;color:#fff}.toast.success[data-v-6dee08ca]{background:color-mix(in srgb,var(--success) 12%,#1a1a1a)}.toast.error[data-v-6dee08ca]{background:color-mix(in srgb,var(--error) 12%,#1a1a1a)}.toast.warning[data-v-6dee08ca]{background:color-mix(in srgb,var(--warning) 12%,#1a1a1a)}.toast.info[data-v-6dee08ca]{background:color-mix(in srgb,var(--primary-color) 12%,#1a1a1a)}}@media (prefers-reduced-motion: reduce){.toast-enter-active[data-v-6dee08ca],.toast-leave-active[data-v-6dee08ca],.toast-move[data-v-6dee08ca],.toast[data-v-6dee08ca]:hover{transition:none;transform:none}}.modal-overlay[data-v-2af65fbf]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.settings-modal[data-v-2af65fbf]{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-2af65fbf]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border)}.modal-header h3[data-v-2af65fbf]{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.close-btn[data-v-2af65fbf]{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-2af65fbf]:hover{background:var(--error);color:#fff}.modal-content[data-v-2af65fbf]{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.settings-section[data-v-2af65fbf]{margin-bottom:var(--spacing-xl)}.settings-section[data-v-2af65fbf]:last-child{margin-bottom:0}.settings-section h4[data-v-2af65fbf]{margin:0 0 var(--spacing-md) 0;font-size:1rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:var(--spacing-xs)}.setting-item[data-v-2af65fbf]{margin-bottom:var(--spacing-lg)}.setting-item[data-v-2af65fbf]:last-child{margin-bottom:0}.setting-item label[data-v-2af65fbf]{display:block;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.checkbox-label[data-v-2af65fbf]{display:flex!important;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-label input[type=checkbox][data-v-2af65fbf]{margin:0}.token-input[data-v-2af65fbf],.text-input[data-v-2af65fbf],.instruction-textarea[data-v-2af65fbf]{width:100%;padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);color:var(--text-primary);font-family:inherit;transition:border-color .2s}.token-input[data-v-2af65fbf]:focus,.text-input[data-v-2af65fbf]:focus,.instruction-textarea[data-v-2af65fbf]:focus{outline:none;border-color:var(--primary-color)}.token-input.invalid[data-v-2af65fbf],.text-input.invalid[data-v-2af65fbf]{border-color:var(--error)}.instruction-textarea[data-v-2af65fbf]{min-height:80px;resize:vertical;font-size:14px;line-height:1.5}.setting-description[data-v-2af65fbf]{font-size:12px;color:var(--text-secondary);margin-top:var(--spacing-xs);margin-bottom:0;line-height:1.4}.setting-description.error[data-v-2af65fbf]{color:var(--error)}.modal-footer[data-v-2af65fbf]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-top:1px solid var(--border);background:var(--background)}.footer-buttons[data-v-2af65fbf]{display:flex;gap:var(--spacing-sm)}.btn[data-v-2af65fbf]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;font-weight:500;font-size:14px;transition:all .2s}.btn.primary[data-v-2af65fbf]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn.primary[data-v-2af65fbf]:hover{background:color-mix(in srgb,var(--primary-color) 90%,black)}.btn.secondary[data-v-2af65fbf]{background:var(--background);color:var(--text-primary)}.btn.secondary[data-v-2af65fbf]:hover{background:var(--surface)}@media (max-width: 768px){.modal-overlay[data-v-2af65fbf]{padding:var(--spacing-sm)}.settings-modal[data-v-2af65fbf]{max-height:95vh}.modal-footer[data-v-2af65fbf]{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.footer-buttons[data-v-2af65fbf]{justify-content:space-between}}.wordpress-settings[data-v-2af65fbf]{padding-left:var(--spacing-md);border-left:2px solid var(--border);margin-top:var(--spacing-md)}.test-btn[data-v-2af65fbf]{margin-right:auto;max-width:150px}.test-btn[data-v-2af65fbf]:disabled{opacity:.5;cursor:not-allowed}.setting-description .success[data-v-2af65fbf]{color:var(--success);font-weight:500}.setting-description .error[data-v-2af65fbf]{color:var(--error);font-weight:500}.setting-description a[data-v-2af65fbf]{color:var(--primary-color);text-decoration:none}.setting-description a[data-v-2af65fbf]:hover{text-decoration:underline}.app-container[data-v-877ce499]{height:100vh;padding:var(--spacing-md)}.main-layout.vertical-layout[data-v-877ce499]{height:calc(100vh - 2 * var(--spacing-md));display:grid;grid-template-columns:320px 48px 2fr 380px;gap:var(--spacing-md);padding:var(--spacing-md)}.auth-overlay[data-v-877ce499]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.vertical-toolbar[data-v-877ce499]{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;position:sticky;top:0;height:fit-content;max-height:calc(100vh - 4 * var(--spacing-md));overflow-y:auto}.vertical-toolbar button[data-v-877ce499]{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vertical-toolbar button[data-v-877ce499]:hover,.vertical-toolbar button.active[data-v-877ce499]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.vertical-toolbar button.disabled[data-v-877ce499],.vertical-toolbar button[data-v-877ce499]:disabled{opacity:.3;cursor:not-allowed;background:var(--background);color:var(--text-secondary);border-color:var(--border)}.vertical-toolbar button.disabled[data-v-877ce499]:hover,.vertical-toolbar button[data-v-877ce499]:disabled:hover{background:var(--background);color:var(--text-secondary);border-color:var(--border)}.v-separator[data-v-877ce499]{width:80%;height:1px;background:var(--border);margin:var(--spacing-xs) 0}.current-draft[data-v-877ce499]{background:var(--background);border-radius:var(--radius-md);border:1px solid var(--border);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.draft-header[data-v-877ce499]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.draft-icon[data-v-877ce499]{font-size:16px}.draft-title[data-v-877ce499]{font-weight:600;color:var(--text-primary);font-size:14px}.draft-preview[data-v-877ce499]{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:var(--spacing-sm);word-break:break-word}.draft-meta[data-v-877ce499]{font-size:11px;color:var(--text-secondary);border-top:1px solid var(--border);padding-top:var(--spacing-sm)}.action-bar[data-v-877ce499]{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);justify-content:space-between;margin-bottom:var(--spacing-md)}.action-btn[data-v-877ce499]{position:relative;width:36px;height:36px;border:none;border-radius:var(--radius-sm);background:var(--background);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;border:1px solid transparent}.action-btn[data-v-877ce499]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.action-btn[data-v-877ce499]:active:not(:disabled){transform:translateY(0)}.action-btn[data-v-877ce499]:disabled{opacity:.3;cursor:not-allowed;transform:none}.new-btn[data-v-877ce499]:hover:not(:disabled){background:color-mix(in srgb,var(--success) 15%,var(--background));border-color:color-mix(in srgb,var(--success) 30%,transparent);color:var(--success)}.save-btn[data-v-877ce499]:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 15%,var(--background));border-color:color-mix(in srgb,var(--primary-color) 30%,transparent);color:var(--primary-color)}.save-btn.unsaved[data-v-877ce499]{background:color-mix(in srgb,var(--success) 10%,var(--background));color:var(--success);border-color:color-mix(in srgb,var(--success) 20%,transparent);animation:pulse-glow-877ce499 2s infinite}.load-btn[data-v-877ce499]:hover:not(:disabled){background:color-mix(in srgb,var(--info, #3B82F6) 15%,var(--background));border-color:color-mix(in srgb,var(--info, #3B82F6) 30%,transparent);color:var(--info, #3B82F6)}.delete-btn[data-v-877ce499]:hover:not(:disabled){background:color-mix(in srgb,var(--error) 15%,var(--background));border-color:color-mix(in srgb,var(--error) 30%,transparent);color:var(--error)}.sync-btn.sync-success[data-v-877ce499]{background:color-mix(in srgb,var(--success) 10%,var(--background));color:var(--success);border-color:color-mix(in srgb,var(--success) 20%,transparent)}.sync-btn.sync-error[data-v-877ce499]{background:color-mix(in srgb,var(--error) 10%,var(--background));color:var(--error);border-color:color-mix(in srgb,var(--error) 20%,transparent)}.sync-btn.sync-syncing[data-v-877ce499]{background:color-mix(in srgb,var(--warning) 10%,var(--background));color:var(--warning);border-color:color-mix(in srgb,var(--warning) 20%,transparent)}.publish-btn[data-v-877ce499]:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 15%,var(--background));border-color:color-mix(in srgb,var(--primary-color) 30%,transparent);color:var(--primary-color)}.publish-btn.publish-success[data-v-877ce499]{background:color-mix(in srgb,var(--success) 10%,var(--background));color:var(--success);border-color:color-mix(in srgb,var(--success) 20%,transparent)}.publish-btn.publish-error[data-v-877ce499]{background:color-mix(in srgb,var(--error) 10%,var(--background));color:var(--error);border-color:color-mix(in srgb,var(--error) 20%,transparent)}.publish-btn.publish-publishing[data-v-877ce499]{background:color-mix(in srgb,var(--warning) 10%,var(--background));color:var(--warning);border-color:color-mix(in srgb,var(--warning) 20%,transparent)}.action-btn .badge[data-v-877ce499]{position:absolute;top:-2px;right:-2px;background:var(--primary-color);color:#fff;font-size:10px;font-weight:600;padding:1px 4px;border-radius:8px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;line-height:1}.sync-icon.spinning[data-v-877ce499],.publish-icon.spinning[data-v-877ce499]{animation:spin-877ce499 1s linear infinite}@keyframes spin-877ce499{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow-877ce499{0%,to{box-shadow:0 0 color-mix(in srgb,var(--success) 40%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 20%,transparent)}}.editor-status[data-v-877ce499]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md);background:var(--surface);border-bottom:1px solid var(--border);font-size:11px;min-height:32px}.status-indicator[data-v-877ce499]{display:flex;align-items:center;gap:var(--spacing-xs)}.status-dot[data-v-877ce499]{width:6px;height:6px;border-radius:50%;background:var(--secondary-color)}.status-dot.ready[data-v-877ce499]{background:var(--secondary-color)}.status-dot.syncing[data-v-877ce499]{background:var(--warning);animation:pulse-877ce499 1.5s infinite}.status-dot.success[data-v-877ce499]{background:var(--success)}.status-dot.error[data-v-877ce499]{background:var(--error)}.status-text[data-v-877ce499]{font-weight:500;color:var(--text-primary)}.connection-info[data-v-877ce499]{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary)}.connection-dot[data-v-877ce499]{width:6px;height:6px;border-radius:50%;background:var(--secondary-color)}.connection-dot.online[data-v-877ce499]{background:var(--success)}.connection-dot.offline[data-v-877ce499]{background:var(--error)}@keyframes pulse-877ce499{0%,to{opacity:1}50%{opacity:.5}}.thumbnail-section.compact[data-v-877ce499]{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border)}.thumbnail-upload.compact[data-v-877ce499]{border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center;cursor:pointer;transition:all .2s;background:var(--surface);display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center}.thumbnail-upload.compact[data-v-877ce499]:hover{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 5%,var(--surface))}.thumbnail-upload.compact.dragover[data-v-877ce499]{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 10%,var(--surface))}.thumbnail-upload.compact .upload-icon[data-v-877ce499]{font-size:16px;margin-bottom:0;opacity:.6}.thumbnail-upload.compact .upload-text[data-v-877ce499]{font-weight:500;color:var(--text-primary);font-size:12px;margin-bottom:0}.thumbnail-preview.compact[data-v-877ce499]{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border)}.thumbnail-preview.compact img[data-v-877ce499]{width:100%;max-height:80px;object-fit:cover;border-radius:var(--radius-sm)}.thumbnail-preview.compact .thumbnail-header[data-v-877ce499]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:12px;font-weight:500;color:var(--text-primary)}.remove-btn[data-v-877ce499]{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:14px;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .2s}.remove-btn[data-v-877ce499]:hover{background:var(--error);color:#fff}.editor-container[data-v-877ce499]{flex:1;display:flex;flex-direction:column;min-height:0}.sidebar[data-v-877ce499],.editor-column[data-v-877ce499],.preview-column[data-v-877ce499]{height:100%}@media (max-width: 1200px){.main-layout.vertical-layout[data-v-877ce499]{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;height:auto}.vertical-toolbar[data-v-877ce499]{flex-direction:row;height:auto;max-height:none;overflow-x:auto;overflow-y:visible;width:100%;justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.v-separator[data-v-877ce499]{width:1px;height:24px;margin:0 var(--spacing-xs)}.sidebar[data-v-877ce499],.editor-column[data-v-877ce499],.preview-column[data-v-877ce499]{height:auto}}@media (max-width: 768px){.app-container[data-v-877ce499]{padding:var(--spacing-sm)}.main-layout.vertical-layout[data-v-877ce499]{gap:var(--spacing-sm)}.vertical-toolbar button[data-v-877ce499]{width:28px;height:28px;font-size:11px}.action-bar[data-v-877ce499]{padding:var(--spacing-xs);gap:2px}.action-btn[data-v-877ce499]{width:32px;height:32px;font-size:14px}.action-btn .badge[data-v-877ce499]{font-size:9px;padding:1px 3px;min-width:12px;height:12px}}:root{--primary-color: #3b82f6;--secondary-color: #64748b;--background: #ffffff;--surface: #f8fafc;--border: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--error: #ef4444;--success: #10b981;--warning: #f59e0b;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.5}#app{height:100vh}.sidebar{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.editor-column{background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.preview-column{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--spacing-lg);overflow-y:auto}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--spacing-md);display:flex;gap:var(--spacing-sm);flex-wrap:wrap;position:sticky;top:0;z-index:10}.toolbar button{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:14px;transition:all .2s}.toolbar button:hover,.toolbar button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.editor-container{flex:1;padding:var(--spacing-lg);overflow-y:auto}.phone-frame{width:320px;height:640px;background:#000;border-radius:30px;padding:20px;margin:0 auto var(--spacing-lg);position:relative}.phone-screen{width:100%;height:100%;background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.phone-header{background:var(--surface);padding:var(--spacing-md);border-bottom:1px solid var(--border);font-weight:600;font-size:16px}.phone-content{flex:1;overflow-y:auto}.post-preview{padding:var(--spacing-md);border-bottom:1px solid var(--border)}.post-preview img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.post-content{font-size:14px;line-height:1.4}.post-content.truncated{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.see-more{color:var(--primary-color);cursor:pointer;font-weight:500;margin-top:var(--spacing-sm)}.btn{background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn:hover{background:color-mix(in srgb,var(--primary-color) 90%,black)}.btn.secondary{background:var(--background);color:var(--text-primary);border:1px solid var(--border)}.btn.secondary:hover{background:var(--surface)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90vw;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--spacing-lg);overflow-y:auto}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border);display:flex;gap:var(--spacing-md);justify-content:flex-end}.toast{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-md);z-index:2000;max-width:400px}.toast.success{border-color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--background))}.toast.error{border-color:var(--error);background:color-mix(in srgb,var(--error) 10%,var(--background))}.profile-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-md);border:1px solid var(--border)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.sync-status{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--text-secondary)}.sync-indicator{width:8px;height:8px;border-radius:50%;background:var(--secondary-color)}.sync-indicator.synced{background:var(--success)}.sync-indicator.pending{background:var(--warning);animation:pulse 2s infinite}.sync-indicator.error{background:var(--error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1200px){#app{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.phone-frame{width:280px;height:560px}}@media (max-width: 768px){#app{padding:var(--spacing-sm);gap:var(--spacing-sm)}.phone-frame{width:260px;height:520px}.toolbar{flex-wrap:wrap}}.ql-container{font-family:inherit;font-size:16px;line-height:1.6}.ql-editor{min-height:300px;padding:var(--spacing-lg)}.ql-editor p{margin-bottom:var(--spacing-md)}.ql-editor img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-md) 0}.ql-toolbar{display:none}