body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.instagram-grid-container{margin:0 auto;max-width:1200px;min-height:500px}.instagram-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:600px}.grid-item{aspect-ratio:3/4;cursor:pointer;overflow:hidden;position:relative}.grid-item.editable:hover .grid-overlay{opacity:1}.grid-item img{height:100%;object-fit:cover;object-position:top;transition:transform .2s ease;width:100%}.grid-item:hover img{transform:scale(1.05)}.grid-item.reorderable{cursor:grab}.grid-item.reorderable:active{cursor:grabbing}.grid-item.reorderable:hover .reorder-overlay{opacity:1}.grid-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.overlay-content{color:#fff;font-size:.9rem;text-align:center}.edit-icon{display:block;font-size:1.5rem;margin-bottom:5px}.reorder-overlay{align-items:center;background:#005ff6b3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.reorder-content{color:#fff;font-size:.9rem;text-align:center}.drag-icon{display:block;font-size:1.5rem;font-weight:700;margin-bottom:5px}.preview-engagement-overlay{background:linear-gradient(#0000,#000c);bottom:0;left:0;opacity:0;padding:10px 8px 8px;position:absolute;right:0;transition:opacity .2s ease}.grid-item:hover .preview-engagement-overlay,.preview-engagement-overlay.has-active{opacity:1}.engagement-buttons{display:flex;gap:8px;justify-content:center}.engagement-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:20px;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s ease}.engagement-btn:hover{background:#fff;transform:scale(1.05)}.engagement-btn.like-btn:hover{background:#e7f5e7}.engagement-btn.dislike-btn:hover{background:#fce8e8}.engagement-btn.comment-btn:hover{background:#e7f1ff}.engagement-btn.active{opacity:1!important;transform:scale(1.05)}.engagement-btn.like-btn.active{background:#28a745;color:#fff}.engagement-btn.dislike-btn.active{background:#dc3545;color:#fff}.preview-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.grid-item:hover .preview-overlay{opacity:1}.preview-stats{color:#fff;display:flex;font-weight:700;gap:15px}.media-indicator{align-items:center;background:#000000b3;border-radius:50%;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.carousel-indicator span,.video-indicator span{color:#fff}.post-scheduled-date{background:#000000b3;border-radius:12px;bottom:8px;color:#fff;font-size:.75rem;font-weight:500;left:8px;padding:4px 8px;position:absolute;z-index:2}@media (max-width:768px){.instagram-grid{max-width:100%}}.profile-header{grid-column-gap:20px;grid-row-gap:12px;align-items:center;column-gap:20px;display:grid;grid-template-areas:"pic name" "bio bio";grid-template-columns:auto 1fr;grid-template-rows:auto auto;justify-content:center;margin:0 auto 30px;max-width:500px;padding:20px;row-gap:12px;text-align:left;width:100%}.profile-pic img{border:3px solid #dbdbdb;border-radius:50%;grid-area:pic;height:150px;object-fit:cover;width:150px}.profile-info h2{color:#262626;font-size:1.8rem;font-weight:300;grid-area:name;margin:0 0 15px}.profile-info{display:contents;text-align:left}.bio{color:#262626;grid-area:bio;line-height:1.5;margin:0}.profile-stats{display:flex;gap:40px;margin-bottom:15px}.profile-stats span{color:#262626;font-size:1rem}@media (max-width:768px){.profile-header{column-gap:15px;grid-template-areas:"pic name" "bio bio";grid-template-columns:auto 1fr;margin-bottom:20px;padding:15px;row-gap:10px}.profile-pic img{height:100px;width:100px}.profile-info h2{font-size:1.5rem}.profile-stats{gap:20px}.bio{font-size:14px}}@media (max-width:480px){.profile-header{column-gap:12px;grid-template-areas:"pic name" "bio bio";grid-template-columns:auto 1fr;row-gap:8px}.profile-pic img{height:80px;width:80px}.profile-info h2{font-size:1.3rem}.profile-stats{justify-content:center}}.post-editor-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.post-editor{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.editor-header{align-items:center;border-bottom:1px solid #dbdbdb;display:flex;justify-content:space-between;padding:20px}.editor-header h3{color:#262626;font-size:1.5rem;margin:0}.header-buttons{gap:10px}.delete-btn,.header-buttons{align-items:center;display:flex}.delete-btn{background:#ff3b301a;border:1px solid #ff3b304d;border-radius:50%;color:#ff3b30;cursor:pointer;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.delete-btn:hover{background:#ff3b3033;border-color:#ff3b30;transform:scale(1.05)}.close-btn{font-size:2rem;height:40px;padding:0;width:40px}.editor-content{padding:20px}.media-section{margin-bottom:30px;text-align:center}.media-type-selector{font-size:1rem;margin-bottom:15px}.current-type{color:#0095f6;font-weight:700}.media-preview{cursor:pointer;display:inline-block;margin-bottom:15px;position:relative}.media-preview img{border:2px solid #dbdbdb;border-radius:8px;height:375px;object-fit:cover;width:300px}.video-preview{position:relative}.video-overlay{align-items:center;background:#000c;border-radius:50%;display:flex;font-size:1.5rem;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.carousel-preview{position:relative}.carousel-controls{align-items:center;background:#000c;border-radius:20px;bottom:10px;color:#fff;display:flex;gap:10px;left:50%;padding:5px 15px;position:absolute;transform:translateX(-50%)}.carousel-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:5px}.carousel-btn:hover{opacity:.7}.slide-indicator{font-size:.9rem;white-space:nowrap}.media-overlay{align-items:center;background:#000000b3;border-radius:8px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.media-preview:hover .media-overlay{opacity:1}.change-icon{font-size:2rem;margin-bottom:10px}.media-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.media-btn{background:#0095f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 16px;transition:background .2s ease}.media-btn:hover{background:#007acc}.caption-section{margin-bottom:30px}.caption-section label{color:#262626;display:block;font-weight:500;margin-bottom:8px}.caption-section textarea{border:1px solid #dbdbdb;border-radius:8px;font-family:inherit;font-size:1rem;min-height:100px;padding:12px;resize:vertical;width:100%}.caption-section textarea:focus{border-color:#0095f6;outline:none}.character-count{color:#8e8e8e;font-size:.9rem;margin-top:5px;text-align:right}.date-section{margin-bottom:30px}.date-section label{color:#262626;display:block;font-weight:500;margin-bottom:8px}.date-section input{border:1px solid #dbdbdb;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px;width:100%}.date-section input:focus{border-color:#0095f6;outline:none}.date-preview{background:#f8f9fa;border-radius:6px;color:#8e8e8e;font-size:.9rem;margin-top:8px;padding:8px 12px}.post-stats{margin-bottom:30px}.stat-item{flex:1 1}.stat-item label{color:#262626;display:block;font-weight:500;margin-bottom:5px}.stat-item input{border:1px solid #dbdbdb;border-radius:8px;font-size:1rem;padding:10px;width:100%}.stat-item input:focus{border-color:#0095f6;outline:none}.editor-actions{border-top:1px solid #dbdbdb;display:flex;gap:15px;justify-content:flex-end;padding:20px}.reset-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s ease}.reset-btn{background:#f8f9fa;border:1px solid #dbdbdb;color:#262626}.reset-btn:hover{background:#e9ecef}.save-btn{background:#0095f6;color:#fff}.save-btn:hover{background:#007acc;transform:translateY(-1px)}@media (max-width:768px){.post-editor{margin:20px;width:95%}.media-preview img{height:312px;width:250px}.post-stats{gap:15px}.editor-actions,.post-stats{flex-direction:column}}.delete-confirmation{align-items:center;background:#00000080;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.delete-modal{background:#fff;border-radius:12px;margin:20px;max-width:400px;padding:24px;text-align:center;width:90%}.delete-modal h3{color:#333;font-size:20px;margin:0 0 16px}.delete-modal p{color:#666;line-height:1.5;margin:0 0 24px}.delete-actions{display:flex;gap:12px;justify-content:center}.cancel-button,.confirm-delete-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.cancel-button{background:#f0f0f0;color:#333}.cancel-button:hover{background:#e0e0e0}.confirm-delete-button{background:#ff3b30;color:#fff}.confirm-delete-button:hover{background:#d12b20}.post-viewer-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.post-viewer-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:100%}.close-button{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;position:absolute;right:15px;top:15px;transition:background-color .2s ease;width:32px;z-index:1001}.close-button:hover{background:#000000b3}.post-content{display:flex;height:100%}.post-media{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;position:relative}.post-media img,.post-media video{max-height:80vh;max-width:100%;object-fit:contain}.carousel-container{height:100%;position:relative;width:100%}.carousel-container,.carousel-nav{align-items:center;display:flex;justify-content:center}.carousel-nav{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:40px;z-index:1002}.carousel-nav:hover{background:#000000b3}.carousel-nav.prev{left:15px}.carousel-nav.next{right:15px}.carousel-indicators{bottom:15px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.indicator{background:#ffffff80;border-radius:50%;cursor:pointer;height:8px;transition:background-color .2s ease;width:8px}.indicator.active{background:#fff}.post-details{border-left:1px solid #dbdbdb;display:flex;flex-direction:column;padding:50px 20px 20px;width:350px}.post-header{border-bottom:1px solid #dbdbdb;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.post-header,.profile-section{align-items:center;display:flex}.profile-section{gap:10px}.profile-pic-small{border-radius:50%;height:32px;object-fit:cover;width:32px}.username{color:#262626;font-weight:600}.post-date{color:#8e8e8e;font-size:12px}.post-caption{color:#262626;flex:1 1;font-size:14px;line-height:1.4;margin-bottom:20px;overflow-y:auto}.post-engagement{border-top:1px solid #dbdbdb;margin-top:15px;padding-top:15px}.engagement-actions{display:flex;gap:12px;justify-content:flex-start}.post-engagement .engagement-btn{align-items:center;background:#f8f9fa;border:1px solid #dbdbdb;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.post-engagement .engagement-btn:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.post-engagement .engagement-btn.like-btn:hover{background:#e7f5e7;border-color:#28a745}.post-engagement .engagement-btn.dislike-btn:hover{background:#fce8e8;border-color:#dc3545}.post-engagement .engagement-btn.comment-btn:hover{background:#e7f1ff;border-color:#007bff}.post-engagement .engagement-btn.active{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.post-engagement .engagement-btn.like-btn.active{background:#28a745;border-color:#1e7e34;color:#fff}.post-engagement .engagement-btn.dislike-btn.active{background:#dc3545;border-color:#c82333;color:#fff}.post-stats{border-top:1px solid #dbdbdb;display:flex;gap:20px;padding-top:15px}.stat-item{align-items:center;display:flex;gap:5px}.stat-icon{font-size:16px}.stat-count{color:#262626;font-weight:600}.post-comments{border-top:1px solid #dbdbdb;margin-top:20px;max-height:300px;overflow-y:auto;padding-top:20px}.comments-title{color:#262626;font-size:16px;font-weight:600;margin:0 0 15px}.comments-list{display:flex;flex-direction:column;gap:15px}.comment{background:#fafafa;border:1px solid #efefef;border-radius:8px;padding:12px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{color:#262626;font-size:14px;font-weight:600}.comment-date{color:#8e8e8e;font-size:12px}.comment-text{color:#262626;font-size:14px;line-height:1.4}.no-comments{color:#8e8e8e;padding:20px;text-align:center}.no-comments p{font-size:14px;font-style:italic;margin:0}.post-comments::-webkit-scrollbar{width:6px}.post-comments::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.post-comments::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.post-comments::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.post-viewer-modal{max-height:95vh}.post-content,.post-viewer-modal{flex-direction:column}.post-details{border-left:none;border-top:1px solid #dbdbdb;padding-top:50px;width:100%}.post-comments{max-height:200px}.carousel-nav{font-size:20px;height:35px;width:35px}.carousel-nav.prev{left:10px}.carousel-nav.next{right:10px}}.calendar-container{margin:0 auto;max-width:1200px;min-height:500px}.calendar-header{justify-content:space-between;margin-bottom:30px;min-height:90px;padding:0 10px}.calendar-header,.nav-button{align-items:center;display:flex}.nav-button{background:#fff;border:1px solid #dbdbdb;border-radius:8px;cursor:pointer;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.nav-button:hover{background:#f8f8f8;border-color:#c7c7c7}.month-year{align-items:center;display:flex;gap:15px}.month-year h2{color:#262626;font-size:24px;font-weight:600;margin:0}.today-button{background:#0095f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.today-button:hover{background:#0084e0}.calendar-grid{background:#fff;border:1px solid #dbdbdb;border-radius:12px;overflow:hidden}.day-headers{background:#f8f8f8;border-bottom:1px solid #dbdbdb;display:grid;grid-template-columns:repeat(7,1fr)}.day-header{color:#8e8e8e;font-size:14px;font-weight:600;padding:15px 10px;text-align:center}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{background:#fff;border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;min-height:120px;padding:8px;position:relative}.calendar-day:nth-child(7n){border-right:none}.calendar-day.other-month{background:#fafafa;color:#c7c7c7}.calendar-day.today{background:#e3f2fd}.day-number{color:inherit;display:inline-block;font-size:14px;font-weight:500;margin-bottom:5px}.calendar-day.today .day-number{align-items:center;background:#0095f6;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.day-posts{align-content:flex-start;display:flex;flex-wrap:wrap;gap:2px;height:calc(100% - 25px);position:relative}.post-thumbnail{background-position:50%;background-size:cover;border:2px solid #fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:32px;position:relative;transition:transform .2s ease;width:32px}.post-thumbnail:hover{border-color:#0095f6;transform:scale(1.1);z-index:10!important}.post-thumbnail.reorderable{cursor:grab}.post-thumbnail.reorderable:active{cursor:grabbing}.calendar-reorder-overlay{align-items:center;background:#005ff6cc;border-radius:4px;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.post-thumbnail.reorderable:hover .calendar-reorder-overlay{opacity:1}.calendar-drag-icon{color:#fff;font-size:12px;font-weight:700}.calendar-engagement-overlay{align-items:center;background:#000c;border-radius:4px;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.calendar-engagement-overlay.has-active,.post-thumbnail:hover .calendar-engagement-overlay{opacity:1}.calendar-engagement-buttons{display:flex;gap:4px}.calendar-engagement-btn{align-items:center;background:#ffffffe6;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.calendar-engagement-btn:hover{background:#fff;transform:scale(1.1)}.calendar-engagement-btn.active{transform:scale(1.2)}.calendar-engagement-btn.like-btn.active{background:#28a745;color:#fff}.calendar-engagement-btn.dislike-btn.active{background:#dc3545;color:#fff}.calendar-day.drop-zone{border:2px solid #0000;position:relative;transition:all .2s ease}.calendar-day.drop-zone:hover{background-color:#005ff61a;border-color:#005ff64d}.calendar-day.drop-zone.drag-over{background-color:#005ff640;border-color:#0095f6!important}.calendar-day.drop-zone:after{background:#005ff60d;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease}.calendar-day.drop-zone.drag-over:after,.calendar-day.drop-zone:hover:after{opacity:1}.drag-overlay-post{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#005ff6f2;border-radius:8px;box-shadow:0 8px 24px #0006;color:#fff;font-size:14px;font-weight:600;padding:12px}.drag-overlay-content{align-items:center;display:flex;gap:12px}.drag-overlay-thumbnail{background-position:50%;background-size:cover;border:2px solid #fff;border-radius:6px;flex-shrink:0;height:40px;width:40px}.type-icon{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;font-size:8px;height:14px;justify-content:center;position:absolute;right:-2px;top:-2px;width:14px}.post-thumbnail:first-child{margin-left:0}.post-thumbnail:nth-child(2){margin-left:-8px}.post-thumbnail:nth-child(3){margin-left:-16px}.post-thumbnail:nth-child(4){margin-left:-24px}.day-posts:has(.post-thumbnail:nth-child(4)) .post-thumbnail:nth-child(n+4){display:none}.day-posts:has(.post-thumbnail:nth-child(4)):after{background:#000000b3;border-radius:10px;bottom:2px;color:#fff;content:"+" attr(data-count);font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:2px}@media (max-width:768px){.calendar-container{padding:10px}.calendar-header{margin-bottom:20px;min-height:70px}.month-year h2{font-size:20px}.calendar-day{min-height:80px;padding:5px}.post-thumbnail{height:24px;width:24px}.day-header{font-size:12px;padding:10px 5px}.type-icon{font-size:7px;height:12px;width:12px}}@media (max-width:480px){.calendar-day{min-height:60px;padding:3px}.post-thumbnail{height:20px;width:20px}.day-number{font-size:12px}.month-year{flex-direction:column;gap:8px}.month-year h2{font-size:18px}}.comment-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.comment-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.comment-modal-header{align-items:center;border-bottom:1px solid #dbdbdb;display:flex;justify-content:space-between;margin-bottom:0;padding:20px 20px 0}.comment-modal-header h3{color:#262626;font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#8e8e8e;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{background:#f1f1f1;color:#262626}.comment-modal-post-preview{border-bottom:1px solid #dbdbdb;display:flex;gap:15px;padding:20px}.post-preview-image{border-radius:8px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.post-preview-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.post-preview-caption{color:#262626;font-size:14px;line-height:1.4;margin:0}.comment-form{display:flex;flex:1 1;flex-direction:column;gap:15px;padding:20px}.comment-input{background:#fafafa;border:2px solid #dbdbdb;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.comment-input:focus{background:#fff;border-color:#0095f6;outline:none}.comment-input::placeholder{color:#8e8e8e}.comment-input:disabled{cursor:not-allowed;opacity:.7}.comment-form-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-btn{background:#f8f9fa;border:1px solid #dbdbdb;color:#495057}.cancel-btn:hover:not(:disabled){background:#e9ecef}.submit-btn{background:#0095f6;color:#fff}.submit-btn:hover:not(:disabled){background:#0084e0}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6}.comment-modal-tip{background:#fafafa;border-top:1px solid #dbdbdb;padding:10px 20px;text-align:center}.comment-modal-tip small{color:#8e8e8e;font-size:12px}@media (max-width:480px){.comment-modal{margin:10px;max-width:calc(100vw - 20px)}.comment-modal-header{padding:15px 15px 0}.comment-form,.comment-modal-post-preview{padding:15px}.comment-form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.view-toggle{background:#f0f0f0;border-radius:8px;display:flex;gap:4px;padding:4px}.toggle-option{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.toggle-option:hover:not(:disabled){background:#ffffff80;color:#333}.toggle-option.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#333}.toggle-option:disabled{cursor:not-allowed;opacity:.5}.App{margin:0 auto;max-width:1200px;padding:20px;text-align:center}.app-header{margin-bottom:40px}.app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0 0 10px}.app-header p{color:#666;font-size:1.1rem;margin-bottom:20px}.preview-toggle{background:#0095f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s ease}.preview-toggle:hover{background:#007acc;transform:translateY(-1px)}.preview-toggle.active{background:#2ecc71}.reorder-toggle{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s ease}.reorder-toggle:hover:not(:disabled){background:#e85a2a;transform:translateY(-1px)}.reorder-toggle.active{background:#e74c3c}.preview-toggle:disabled,.reorder-toggle:disabled{background:#6c757d;cursor:not-allowed;transform:none}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.add-post-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s ease}.add-post-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.add-post-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.app-main{gap:30px;justify-content:flex-start}.app-main,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column}.error-state,.loading-state{color:#8e8e8e;justify-content:center;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#0095f6;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state p{font-size:1.1rem;margin:0}.error-state p{font-size:1rem;margin:5px 0}.error-state p:first-child{color:#e74c3c;font-size:1.2rem}.retry-btn{background:#0095f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:10px 20px;transition:background .2s ease}.retry-btn:hover{background:#007acc}.view-shell{width:100%}.view-panel{animation:viewFadeIn .2s ease;min-height:700px;width:100%}.view-surface{margin:0 auto;max-width:1200px;padding:0 10px 20px;width:100%}@keyframes viewFadeIn{0%{opacity:0}to{opacity:1}}.view-toggle-container{border-bottom:1px solid #dbdbdb;display:flex;justify-content:center;margin-bottom:20px;padding:20px 0;width:100%}@media (max-width:768px){.app-main{align-items:center}.app-header h1{font-size:2rem}}
/*# sourceMappingURL=main.98e5358f.css.map*/