:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e7e9ea;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg: #000000;--color-border: #2f3336;--color-primary: #1d9bf0;--color-text-main: #e7e9ea;--color-text-secondary: #71767b;--hover-overlay: rgba(255, 255, 255, .03)}[data-theme=light]{--color-bg: #ffffff;--color-border: #cfd9de;--color-primary: #1d9bf0;--color-text-main: #0f1419;--color-text-secondary: #536471;--hover-overlay: rgba(0, 0, 0, .03)}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh;background-color:var(--color-bg);padding:20px}*{box-sizing:border-box}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}.image-grid-container{display:grid;gap:2px;width:100%;border-radius:16px;overflow:hidden;border:1px solid var(--color-border);background-color:var(--color-border);margin-top:12px;position:relative}.grid-item{position:relative;width:100%;height:100%;overflow:hidden;background:#333}.grid-item img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.grid-item.dragging{opacity:.5;z-index:10}.remove-btn{position:absolute;top:8px;right:8px;background:#0f1419bf;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,opacity .15s;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none}.grid-item:hover .remove-btn{opacity:1;pointer-events:auto}.remove-btn:hover{background:#272c30e6}.image-grid-container.count-1{display:block;border:1px solid var(--color-border);max-height:510px;width:fit-content;max-width:100%}.image-grid-container.count-1 .grid-item{width:auto;height:auto;max-height:510px}.image-grid-container.count-1 .grid-item img{height:auto;max-height:510px;width:auto;max-width:100%;object-fit:contain}.image-grid-container.count-2{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;aspect-ratio:1.91 / 1;height:auto}.image-grid-container.count-2 .grid-item{width:100%;height:100%}.image-grid-container.count-3{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1.91 / 1}.image-grid-container.count-3 .grid-item:nth-child(1){grid-row:1 / span 2;grid-column:1}.image-grid-container.count-3 .grid-item:nth-child(2){grid-row:1;grid-column:2}.image-grid-container.count-3 .grid-item:nth-child(3){grid-row:2;grid-column:2}.image-grid-container.count-4{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1.91 / 1}.post-preview-card{background-color:var(--color-bg);width:100%;max-width:600px;display:flex;gap:12px;padding:12px 16px;border:1px solid var(--color-border);border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--color-text-main);transition:background-color .2s,border-color .2s}.avatar-col{display:flex;flex-direction:column;align-items:center}.avatar-container{position:relative;width:40px;height:40px;cursor:pointer}.avatar-col img{width:40px;height:40px;border-radius:50%;object-fit:cover;transition:opacity .2s}.avatar-container:hover img{opacity:.8}.avatar-input{display:none}.content-col{flex:1;display:flex;flex-direction:column;min-width:0}.user-row{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:15px;line-height:20px;white-space:nowrap}.user-info-group{display:flex;align-items:center;gap:4px;flex:1;overflow:hidden}.user-name{font-weight:700;color:var(--color-text-main)}.verified-badge{color:var(--color-primary);display:flex;align-items:center}.verified-gold{color:#d1ab34}.user-handle,.post-time,.dot{color:var(--color-text-secondary);font-weight:400}.more-menu-btn{color:var(--color-text-secondary);background:none;border:none;cursor:pointer;padding:4px;margin:-4px;border-radius:50%;display:flex;align-items:center;transition:background .2s,color .2s}.more-menu-btn:hover{background:#1d9bf01a;color:var(--color-primary)}.dot{font-size:10px}.post-text-area{width:100%;background:transparent;border:none;color:var(--color-text-main);font-size:15px;line-height:20px;font-family:inherit;resize:none;outline:none;min-height:24px;margin-top:2px;padding:0;overflow:hidden}.post-text-area::placeholder{color:var(--color-text-secondary)}.post-footer{display:flex;justify-content:space-between;margin-top:12px;max-width:100%;padding-right:4px}.footer-group-left{display:flex;justify-content:space-between;flex:1;max-width:425px}.footer-group-right{display:flex;gap:8px}.footer-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:8px;margin:-8px;border-radius:50%;transition:color .2s,background .2s;font-size:13px;position:relative}.footer-btn svg{width:18px;height:18px}.footer-btn:hover,.footer-btn.reply-btn:hover{background-color:#1d9bf01a;color:var(--color-primary)}.footer-btn.repost-btn:hover{background-color:#00ba7c1a;color:#00ba7c}.footer-btn.like-btn:hover{background-color:#f918801a;color:#f91880}