@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.filter-select{padding:8px 32px 8px 12px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;font-size:14px;color:var(--color-text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.content-editor-modal{background:var(--color-bg-card, #fff);border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border, #e5e7eb)}.modal-header__info{display:flex;align-items:center;gap:12px}.modal-header__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.modal-header__title{margin:0;font-size:18px;font-weight:600;color:var(--color-text-main, #1f2937)}.modal-header__username{font-size:14px;color:var(--color-text-light, #6b7280)}.modal-close{background:none;border:none;color:var(--color-text-light, #6b7280);cursor:pointer;padding:8px;border-radius:8px;transition:all .15s ease}.modal-close:hover{background:var(--color-bg-light, #f3f4f6);color:var(--color-text-main, #1f2937)}.modal-metrics{display:flex;gap:16px;padding:12px 24px;background:var(--color-bg-light, #f9fafb);font-size:14px;color:var(--color-text-light, #6b7280)}.modal-metrics span{display:flex;align-items:center;gap:4px}.modal-metrics .viral-score{color:var(--color-warning, #f59e0b);font-weight:600}.modal-error{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--color-error-light, #fef2f2);color:var(--color-error, #ef4444);font-size:14px}.modal-error button{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0 4px}.modal-media{padding:16px 24px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-bg-light, #f9fafb)}.modal-media__preview{position:relative;display:inline-block}.media-thumbnail{width:200px;height:200px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0000001a}.media-placeholder{width:200px;height:200px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-main, #e5e7eb);border-radius:12px;color:var(--color-text-light, #9ca3af);font-size:14px}.media-type-badge{position:absolute;top:8px;left:8px;padding:4px 8px;background:#000000b3;color:#fff;font-size:12px;font-weight:500;border-radius:6px}.open-instagram-btn{position:absolute;bottom:8px;left:8px;right:8px;padding:8px 12px;background:#000000b3;color:#fff;font-size:12px;font-weight:500;border-radius:6px;text-align:center;text-decoration:none;transition:background .15s ease}.open-instagram-btn:hover{background:#000000d9}.carousel-thumbnails{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:8px}.carousel-thumb{width:60px;height:60px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.carousel-thumb:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.carousel-slides-preview{display:flex;flex-direction:column;gap:12px}.carousel-slide-item{position:relative;flex-shrink:0}.carousel-slide-item .slide-number{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.carousel-texts-list{background:var(--color-bg-light, #f9fafb);border-radius:8px;padding:12px;max-height:200px;overflow-y:auto}.carousel-texts-list h4{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--color-text-light, #6b7280);text-transform:uppercase;letter-spacing:.05em}.slide-text-item{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid var(--color-border, #e5e7eb);font-size:13px;line-height:1.4}.slide-text-item:last-child{border-bottom:none}.slide-label{flex-shrink:0;font-weight:600;color:var(--color-primary, #5e17eb);min-width:65px}.slide-text{color:var(--color-text-main, #1f2937)}.view-mode-tabs{display:flex;gap:4px;padding:16px 24px 0}.view-mode-tabs button{padding:8px 16px;background:none;border:none;font-size:14px;font-weight:500;color:var(--color-text-light, #6b7280);border-radius:8px;cursor:pointer;transition:all .15s ease}.view-mode-tabs button:hover{background:var(--color-bg-light, #f3f4f6);color:var(--color-text-main, #1f2937)}.view-mode-tabs button.active{background:var(--color-primary, #5e17eb);color:#fff}.content-area{display:flex;gap:16px;padding:16px 24px;flex:1;overflow:hidden;min-height:250px;max-height:50vh}.content-area.original .content-column.original,.content-area.adapted .content-column.adapted{flex:1;max-width:100%}.content-area.original .content-column.adapted,.content-area.adapted .content-column.original,.content-area.original .content-arrow,.content-area.adapted .content-arrow{display:none}.content-arrow{display:flex;align-items:center;color:var(--color-text-light, #9ca3af);flex-shrink:0}.content-column{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0;max-width:50%;overflow-y:auto;overflow-x:hidden}.content-column.original{background:var(--color-bg-light, #f9fafb);padding:12px;border-radius:12px}.content-column.adapted{padding:12px;border:2px dashed var(--color-border, #e5e7eb);border-radius:12px}.content-column::-webkit-scrollbar{width:6px}.content-column::-webkit-scrollbar-track{background:transparent}.content-column::-webkit-scrollbar-thumb{background:var(--color-border, #d1d5db);border-radius:3px}.content-column::-webkit-scrollbar-thumb:hover{background:var(--color-text-light, #9ca3af)}.content-column__header{display:flex;align-items:center;justify-content:space-between}.content-column__header h3{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light, #6b7280)}.copy-btn{background:none;border:none;color:var(--color-text-light, #9ca3af);cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease}.copy-btn:hover:not(:disabled){color:var(--color-primary, #5e17eb);background:var(--color-primary-light, #ede9fe)}.copy-btn:disabled{opacity:.3;cursor:not-allowed}.content-field{display:flex;flex-direction:column;gap:8px}.content-field label{font-size:12px;font-weight:600;color:var(--color-text-light, #6b7280);text-transform:uppercase;letter-spacing:.05em}.content-text{font-size:14px;line-height:1.6;color:var(--color-text-main, #1f2937);white-space:pre-wrap;word-break:break-word}.content-text.readonly{background:#fff;padding:12px;border-radius:8px;min-height:60px}.content-input{width:100%;padding:12px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:14px;line-height:1.6;color:var(--color-text-main, #1f2937);resize:vertical;font-family:inherit;transition:border-color .15s ease}.content-input:focus{outline:none;border-color:var(--color-primary, #5e17eb);box-shadow:0 0 0 3px var(--color-primary-light, #ede9fe)}.content-input::placeholder{color:var(--color-text-light, #9ca3af)}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--color-border, #e5e7eb);background:var(--color-bg-light, #f9fafb);border-radius:0 0 16px 16px}.account-selector{display:flex;align-items:center;gap:12px}.account-selector label{font-size:14px;color:var(--color-text-light, #6b7280);white-space:nowrap}.account-selector select{padding:8px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:14px;color:var(--color-text-main, #1f2937);background:#fff;min-width:200px;cursor:pointer}.account-selector select:focus{outline:none;border-color:var(--color-primary, #5e17eb)}.modal-actions{display:flex;gap:12px}.modal-actions .btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.modal-actions .btn--secondary{background:#fff;border:1px solid var(--color-border, #e5e7eb);color:var(--color-text-main, #1f2937)}.modal-actions .btn--secondary:hover:not(:disabled){background:var(--color-bg-light, #f3f4f6);border-color:var(--color-primary, #5e17eb)}.modal-actions .btn--primary{background:var(--color-primary, #5e17eb);border:1px solid var(--color-primary, #5e17eb);color:#fff}.modal-actions .btn--primary:hover:not(:disabled){background:var(--color-primary-hover, #4c12c9)}.modal-actions .btn:disabled{opacity:.5;cursor:not-allowed}.modal-actions .spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 900px){.modal-overlay{padding:10px}.content-editor-modal{max-width:100%;max-height:95vh}.content-area{flex-direction:column;max-height:none}.content-column{max-width:100%}.content-arrow{transform:rotate(90deg);justify-content:center;padding:8px 0}.modal-footer{flex-direction:column;gap:12px}.account-selector{width:100%}.account-selector select{flex:1}.modal-actions{width:100%;justify-content:flex-end}.modal-media{padding:12px}.media-thumbnail{width:150px;height:150px}}.media-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.media-viewer-modal{position:relative;width:100%;max-width:1200px;max-height:90vh;display:flex;background:var(--color-bg-card, #fff);border-radius:16px;overflow:hidden;animation:viewerSlideIn .2s ease-out}@keyframes viewerSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.media-viewer-close{position:absolute;top:16px;right:16px;z-index:10;background:#00000080;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.media-viewer-close:hover{background:#000000b3}.media-viewer-content{display:flex;width:100%;height:80vh}.media-viewer-display{flex:1;background:#000;display:flex;align-items:center;justify-content:center;position:relative;min-width:0}.video-viewer{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-player{max-width:100%;max-height:100%;border-radius:0}.video-thumbnail{max-width:100%;max-height:100%;object-fit:contain}.carousel-viewer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.carousel-main-image{max-width:100%;max-height:100%;object-fit:contain}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:48px;height:48px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;color:#333}.carousel-nav:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-nav:disabled{opacity:.3;cursor:not-allowed}.carousel-nav.prev{left:16px}.carousel-nav.next{right:16px}.carousel-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px}.carousel-dots .dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .15s ease}.carousel-dots .dot.active{background:#fff;transform:scale(1.2)}.carousel-counter{position:absolute;top:16px;left:16px;background:#0009;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500}.no-media{color:#666;font-size:18px}.media-viewer-sidebar{width:350px;background:var(--color-bg-card, #fff);padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;flex-shrink:0}.viewer-account{display:flex;align-items:center;gap:12px}.viewer-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.viewer-username{display:block;font-weight:600;color:var(--color-text-main, #1f2937)}.viewer-name{display:block;font-size:14px;color:var(--color-text-light, #6b7280)}.viewer-content{flex:1;min-height:0;overflow-y:auto}.viewer-header{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--color-text-main, #1f2937);line-height:1.4}.viewer-description{margin:0;font-size:14px;color:var(--color-text-body, #4b5563);line-height:1.6;white-space:pre-wrap}.viewer-thumbnails{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.viewer-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;cursor:pointer;opacity:.6;transition:all .15s ease;flex-shrink:0;border:2px solid transparent}.viewer-thumb:hover{opacity:.9}.viewer-thumb.active{opacity:1;border-color:var(--color-primary, #5e17eb)}.viewer-actions{display:flex;flex-direction:column;gap:8px}.viewer-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none;border:none}.viewer-btn--primary{background:var(--color-primary, #5e17eb);color:#fff}.viewer-btn--primary:hover{background:var(--color-primary-hover, #4c12c9)}.viewer-btn--outline{background:transparent;border:1px solid var(--color-border, #e5e7eb);color:var(--color-text-main, #1f2937)}.viewer-btn--outline:hover{background:var(--color-bg-light, #f3f4f6)}.viewer-downloads{padding-top:16px;border-top:1px solid var(--color-border, #e5e7eb)}.viewer-downloads h4{margin:0 0 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light, #6b7280)}.download-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;margin-bottom:8px;background:var(--color-bg-light, #f3f4f6);border:none;border-radius:8px;font-size:13px;color:var(--color-text-main, #1f2937);cursor:pointer;transition:all .15s ease}.download-btn:hover:not(:disabled){background:var(--color-bg-main, #e5e7eb)}.download-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 900px){.media-viewer-content{flex-direction:column;height:auto;max-height:90vh}.media-viewer-display{height:50vh;min-height:300px}.media-viewer-sidebar{width:100%;max-height:40vh}}.slide-preview{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease,background-color .4s ease,background .4s ease;flex-shrink:0}.slide-preview:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.slide-preview.selected{box-shadow:0 0 0 3px var(--color-primary, #3B82F6),0 8px 24px #00000026}.slide-pattern{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.slide-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:2;transition:color .3s ease,opacity .3s ease}.header-username{font-weight:500}.header-slide-number{font-weight:400;opacity:.8}.header-line{position:absolute;bottom:0;left:0;right:0}.slide-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;z-index:2;transition:padding .3s ease}.slide-title{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;transition:color .3s ease,font-size .3s ease,font-family .3s ease}.slide-title span{transition:color .3s ease,font-size .3s ease,background-color .3s ease}.slide-body{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;transition:color .3s ease,font-size .3s ease,font-family .3s ease}.slide-body span{transition:color .3s ease,font-size .3s ease}.slide-facts-list{margin:0}.slide-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:2;transition:color .3s ease,opacity .3s ease}.footer-text{font-weight:400}.footer-arrow{font-size:1.2em;opacity:.8}.footer-line{position:absolute;top:0;left:0;right:0}.accent-highlight{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.accent-underline{display:inline}.slide-selection-ring{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:3px solid var(--color-primary, #3B82F6);border-radius:11px;pointer-events:none;z-index:10}@media (max-width: 768px){.slide-preview{border-radius:6px}}.template-selector{display:flex;flex-direction:column;gap:16px}.template-search{position:relative}.template-search-input{width:100%;padding:10px 14px;border:1px solid var(--border-color, #E5E7EB);border-radius:8px;font-size:14px;background:var(--bg-secondary, #F9FAFB);transition:border-color .2s,background-color .2s}.template-search-input:focus{outline:none;border-color:var(--color-primary, #3B82F6);background:var(--bg-primary, #FFFFFF)}.template-search-input::placeholder{color:var(--text-tertiary, #9CA3AF)}.template-categories{display:flex;gap:8px;flex-wrap:wrap}.category-tab{padding:6px 12px;border:1px solid var(--border-color, #E5E7EB);border-radius:20px;background:transparent;font-size:13px;color:var(--text-secondary, #6B7280);cursor:pointer;transition:all .2s}.category-tab:hover{border-color:var(--color-primary, #3B82F6);color:var(--color-primary, #3B82F6)}.category-tab.active{background:var(--color-primary, #3B82F6);border-color:var(--color-primary, #3B82F6);color:#fff}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:4px}.templates-empty{grid-column:1 / -1;text-align:center;padding:32px;color:var(--text-tertiary, #9CA3AF);font-size:14px}.template-preview-mini{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;border:2px solid transparent;border-radius:12px;background:var(--bg-secondary, #F9FAFB);cursor:pointer;transition:all .2s}.template-preview-mini:hover{background:var(--bg-hover, #F3F4F6);border-color:var(--border-color, #E5E7EB)}.template-preview-mini.selected{border-color:var(--color-primary, #3B82F6);background:var(--bg-primary-light, #EFF6FF)}.template-preview-slide{width:80px;height:100px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.template-preview-title{font-size:20px;line-height:1;z-index:1}.template-preview-body{font-size:10px;opacity:.7;z-index:1}.template-preview-accent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:24px;border-radius:2px;opacity:.3;z-index:0}.template-preview-underline{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:30px;height:3px;border-radius:1px}.template-preview-name{font-size:11px;color:var(--text-secondary, #6B7280);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-selector{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--border-color, #E5E7EB)}.variant-label{font-size:13px;color:var(--text-secondary, #6B7280);flex-shrink:0}.variant-buttons{display:flex;gap:6px;flex-wrap:wrap}.variant-button{padding:4px 10px;border:1px solid var(--border-color, #E5E7EB);border-radius:6px;background:transparent;font-size:12px;color:var(--text-secondary, #6B7280);cursor:pointer;transition:all .2s}.variant-button:hover{border-color:var(--color-primary, #3B82F6);color:var(--color-primary, #3B82F6)}.variant-button.selected{background:var(--color-primary, #3B82F6);border-color:var(--color-primary, #3B82F6);color:#fff}.templates-grid::-webkit-scrollbar{width:6px}.templates-grid::-webkit-scrollbar-track{background:transparent}.templates-grid::-webkit-scrollbar-thumb{background:var(--border-color, #E5E7EB);border-radius:3px}.templates-grid::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #9CA3AF)}.settings-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-primary, #FFFFFF);border-radius:12px;overflow:hidden}.settings-tabs{display:flex;border-bottom:1px solid var(--border-color, #E5E7EB);overflow-x:auto;flex-shrink:0}.settings-tab{display:flex;align-items:center;gap:6px;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;color:var(--text-secondary, #6B7280);cursor:pointer;transition:all .2s;white-space:nowrap}.settings-tab:hover{color:var(--text-primary, #111827);background:var(--bg-hover, #F9FAFB)}.settings-tab.active{color:var(--color-primary, #3B82F6);border-bottom-color:var(--color-primary, #3B82F6)}.tab-icon{font-size:14px}.tab-label{font-weight:500}.settings-tab-content{flex:1;overflow-y:auto;padding:16px}.settings-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary, #9CA3AF);font-size:14px;text-align:center;padding:32px}.setting-group{margin-bottom:16px}.setting-group.half{flex:1;min-width:0}.setting-row{display:flex;gap:12px}.setting-label{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:var(--text-secondary, #6B7280);text-transform:uppercase;letter-spacing:.05em}.setting-hint{margin-top:4px;font-size:11px;color:var(--text-tertiary, #9CA3AF)}.setting-input,.setting-select,.setting-textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color, #E5E7EB);border-radius:6px;font-size:14px;background:var(--bg-primary, #FFFFFF);transition:border-color .2s}.setting-input:focus,.setting-select:focus,.setting-textarea:focus{outline:none;border-color:var(--color-primary, #3B82F6)}.setting-textarea{resize:vertical;min-height:80px;font-family:inherit}.setting-select{cursor:pointer}.setting-input-prefix{display:flex;align-items:center;border:1px solid var(--border-color, #E5E7EB);border-radius:6px;overflow:hidden}.input-prefix{padding:8px 0 8px 12px;color:var(--text-tertiary, #9CA3AF);font-size:14px;background:var(--bg-secondary, #F9FAFB)}.setting-input.with-prefix{border:none;border-radius:0;padding-left:4px}.setting-color-row{display:flex;gap:8px;align-items:center}.setting-color{width:40px;height:40px;padding:2px;border:1px solid var(--border-color, #E5E7EB);border-radius:6px;cursor:pointer}.setting-input.color-input{flex:1;font-family:JetBrains Mono,monospace;font-size:13px}.setting-range{width:calc(100% - 50px);height:4px;border-radius:2px;background:var(--border-color, #E5E7EB);outline:none;-webkit-appearance:none}.setting-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary, #3B82F6);cursor:pointer}.setting-range-value{display:inline-block;min-width:45px;text-align:right;font-size:13px;color:var(--text-secondary, #6B7280)}.setting-checkbox-row{display:flex;align-items:center;gap:8px}.setting-checkbox-row input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary, #3B82F6)}.setting-checkbox-row label{font-size:14px;color:var(--text-primary, #111827);cursor:pointer}.setting-buttons{display:flex;gap:8px}.setting-button{flex:1;padding:8px;border:1px solid var(--border-color, #E5E7EB);border-radius:6px;background:var(--bg-primary, #FFFFFF);font-size:16px;cursor:pointer;transition:all .2s}.setting-button:hover{background:var(--bg-hover, #F9FAFB)}.setting-button.active{border-color:var(--color-primary, #3B82F6);background:var(--bg-primary-light, #EFF6FF)}.setting-list-item{display:flex;gap:8px;margin-bottom:8px}.setting-remove-btn{width:36px;height:36px;border:1px solid var(--border-color, #E5E7EB);border-radius:6px;background:none;color:var(--text-tertiary, #9CA3AF);font-size:18px;cursor:pointer;transition:all .2s}.setting-remove-btn:hover{border-color:var(--color-error, #EF4444);color:var(--color-error, #EF4444);background:var(--bg-error-light, #FEF2F2)}.setting-add-btn{width:100%;padding:8px;border:1px dashed var(--border-color, #E5E7EB);border-radius:6px;background:none;color:var(--text-secondary, #6B7280);font-size:13px;cursor:pointer;transition:all .2s}.setting-add-btn:hover{border-color:var(--color-primary, #3B82F6);color:var(--color-primary, #3B82F6);background:var(--bg-primary-light, #EFF6FF)}.color-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.color-preset{width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s}.color-preset.selected{border-color:var(--color-primary, #3B82F6);box-shadow:0 0 0 2px var(--bg-primary, #FFFFFF)}.gradient-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gradient-preset{width:100%;height:40px;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.gradient-preset:hover{transform:scale(1.02)}.gradient-preset.selected{border-color:var(--color-primary, #3B82F6)}.setting-divider{height:1px;background:var(--border-color, #E5E7EB);margin:16px 0}.settings-tab-content::-webkit-scrollbar{width:6px}.settings-tab-content::-webkit-scrollbar-track{background:transparent}.settings-tab-content::-webkit-scrollbar-thumb{background:var(--border-color, #E5E7EB);border-radius:3px}.settings-tab-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #9CA3AF)}.carousel-editor-page{display:flex;flex-direction:column;height:100vh;background:#f8f9fa;overflow:hidden}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border-bottom:1px solid #e9ecef;flex-shrink:0}.editor-header-left{display:flex;align-items:center;gap:16px}.editor-back-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:transparent;border:none;color:#6c757d;font-size:14px;cursor:pointer;transition:color .15s}.editor-back-btn:hover{color:#495057}.editor-title{font-size:18px;font-weight:600;color:#ff6b35;margin:0}.editor-header-right{display:flex;align-items:center;gap:12px}.editor-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;font-size:14px;cursor:pointer;transition:all .15s}.editor-action-btn:hover{background:#f8f9fa;border-color:#dee2e6}.editor-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.editor-action-btn.primary:hover{opacity:.9}.editor-content{display:flex;flex:1;overflow:hidden}.editor-preview-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;overflow-y:auto}.slide-toolbar{display:flex;align-items:center;gap:4px;padding:8px 16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:#6c757d;cursor:pointer;transition:all .15s}.toolbar-btn:hover{background:#f8f9fa;color:#495057}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.danger:hover:not(:disabled){background:#fff5f5;color:#e53e3e}.toolbar-divider{width:1px;height:24px;background:#e9ecef;margin:0 8px}.slide-viewer{display:flex;justify-content:center;align-items:center;margin-bottom:24px;transition:opacity .2s ease}.slide-viewer>*{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.slide-navigation{display:flex;align-items:center;gap:16px;padding:12px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.nav-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;transition:all .15s}.nav-arrow:hover{background:#f8f9fa;border-color:#dee2e6}.nav-dots{display:flex;align-items:center;gap:6px}.nav-dot{width:8px;height:8px;background:#dee2e6;border:none;border-radius:50%;cursor:pointer;transition:all .15s;padding:0}.nav-dot:hover{background:#adb5bd}.nav-dot.active{width:24px;border-radius:4px;background:#495057}.nav-counter{font-size:14px;color:#6c757d;white-space:nowrap}.add-slide-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;margin-top:16px;background:transparent;border:2px dashed #dee2e6;border-radius:10px;color:#6c757d;font-size:14px;cursor:pointer;transition:all .15s}.add-slide-btn:hover{border-color:#adb5bd;color:#495057}.editor-sidebar{width:320px;display:flex;flex-direction:column;background:#fff;border-left:1px solid #e9ecef;flex-shrink:0}.sidebar-content{flex:1;overflow-y:auto;padding:8px 0}.accordion-section{border-bottom:1px solid #f1f3f4}.accordion-header{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:transparent;border:none;cursor:pointer;transition:background .15s;text-align:left}.accordion-header:hover{background:#f8f9fa}.accordion-icon{display:flex;align-items:center;justify-content:center;color:#6c757d}.accordion-title{flex:1;font-size:14px;font-weight:500;color:#343a40}.accordion-arrow{display:flex;align-items:center;justify-content:center;color:#adb5bd;transition:transform .2s}.accordion-arrow.open{transform:rotate(180deg)}.accordion-content{padding:0 20px 16px}.settings-section{display:flex;flex-direction:column;gap:12px}.setting-label{font-size:12px;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.setting-input,.setting-select{padding:10px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:14px;color:#343a40;transition:border-color .15s}.setting-input:focus,.setting-select:focus{outline:none;border-color:#667eea}.setting-range{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e9ecef;border-radius:2px;cursor:pointer}.setting-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#667eea;border-radius:50%;cursor:pointer}.setting-checkbox{display:flex;align-items:center;gap:10px;font-size:14px;color:#343a40;cursor:pointer;margin-bottom:8px}.setting-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;min-height:18px;border:2px solid #adb5bd;border-radius:4px;background:#fff;cursor:pointer;position:relative;transition:all .15s;flex-shrink:0}.setting-checkbox input[type=checkbox]:checked{background:#667eea;border-color:#667eea}.setting-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.setting-checkbox input[type=checkbox]:hover{border-color:#667eea}.setting-checkbox span{-webkit-user-select:none;user-select:none}.color-picker-row{display:flex;gap:8px}.color-input{width:40px;height:40px;padding:0;border:1px solid #e9ecef;border-radius:8px;cursor:pointer}.color-text{flex:1;padding:10px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:14px;color:#343a40}.alignment-buttons{display:flex;gap:4px}.alignment-buttons button{flex:1;padding:8px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:14px;color:#6c757d;cursor:pointer;transition:all .15s}.alignment-buttons button:hover{background:#e9ecef}.alignment-buttons button.active{background:#667eea;border-color:#667eea;color:#fff}.font-group{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f3f4}.font-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.font-controls{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.font-control{display:flex;flex-direction:column;gap:4px;flex:1;min-width:70px}.font-control label{font-size:11px;color:#6c757d}.setting-input.small,.setting-select.small{padding:6px 8px;font-size:12px}.color-input.small{width:32px;height:32px}.color-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.color-preset{width:28px;height:28px;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .15s;padding:0}.color-preset:hover{transform:scale(1.1)}.color-preset.active{border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.template-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.template-item:active{transform:scale(.95)}.template-item:hover{border-color:#dee2e6}.template-item.selected{border-color:#667eea}.template-preview{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden}.template-name{font-size:11px;color:#6c757d;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-actions{display:flex;gap:8px;padding:16px 20px;border-top:1px solid #e9ecef;background:#fff}.action-btn{flex:1;padding:10px 12px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s}.action-btn.secondary{background:transparent;border:1px solid #e9ecef;color:#6c757d}.action-btn.secondary:hover{background:#f8f9fa}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.action-btn.primary:hover{opacity:.9}.action-btn.outline{background:transparent;border:1px solid #667eea;color:#667eea}.action-btn.outline:hover{background:#667eea1a}@media (max-width: 1024px){.editor-sidebar{width:280px}}@media (max-width: 768px){.editor-content{flex-direction:column}.editor-sidebar{width:100%;max-height:40vh;border-left:none;border-top:1px solid #e9ecef}.template-grid{grid-template-columns:repeat(4,1fr)}}.carousel-editor-page.loading{display:flex;align-items:center;justify-content:center}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:12px;color:#667eea}.loading-spinner svg{width:32px;height:32px}.editor-notification{position:fixed;top:80px;right:24px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;font-size:14px;color:#fff;z-index:1000;animation:slideIn .3s ease;box-shadow:0 4px 12px #00000026}.editor-notification.success{background:linear-gradient(135deg,#10b981,#059669)}.editor-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.editor-notification.info{background:linear-gradient(135deg,#667eea,#764ba2)}.editor-notification button{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;opacity:.7;transition:opacity .15s}.editor-notification button:hover{opacity:1}.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;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;font-size:16px;font-weight:600;color:#212529}.modal-header button{background:transparent;border:none;color:#6c757d;cursor:pointer;padding:4px}.modal-header button:hover{color:#212529}.modal-body{padding:20px;overflow-y:auto}.modal-body .setting-label{display:block;margin-bottom:6px;margin-top:16px;font-size:13px;font-weight:500;color:#495057}.modal-body .setting-label:first-child{margin-top:0}.modal-body .setting-select,.modal-body .setting-input{width:100%;padding:10px 12px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;color:#212529;background:#fff}.modal-body .setting-select:focus,.modal-body .setting-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.setting-textarea{width:100%;padding:10px 12px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;color:#212529;resize:vertical;font-family:inherit}.setting-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e9ecef;background:#f8f9fa}.modal-footer .action-btn{display:flex;align-items:center;justify-content:center;gap:8px}.modal-footer .action-btn.primary:disabled{opacity:.5;cursor:not-allowed}.editor-action-btn:disabled{opacity:.6;cursor:not-allowed}.editor-action-btn:disabled:hover{opacity:.6}:root{--color-primary: #5E17EB;--color-primary-hover: #4A11BA;--color-primary-light: rgba(94, 23, 235, .1);--color-primary-lighter: rgba(94, 23, 235, .05);--color-accent: #FFC530;--color-accent-hover: #E6B22B;--color-accent-light: rgba(255, 197, 48, .2);--color-success: #10B981;--color-success-light: rgba(16, 185, 129, .1);--color-warning: #F59E0B;--color-warning-light: rgba(245, 158, 11, .1);--color-error: #EF4444;--color-error-light: rgba(239, 68, 68, .1);--color-info: #3B82F6;--color-info-light: rgba(59, 130, 246, .1);--color-text-main: #0D0E12;--color-text-body: #4B5563;--color-text-light: #9CA3AF;--color-text-disabled: #D1D5DB;--color-text-inverse: #FFFFFF;--color-bg-white: #FFFFFF;--color-bg-card: #FFFFFF;--color-bg-light: #F9FAFB;--color-bg-grey: #F3F4F6;--color-bg-dark: #1F2937;--color-bg-darker: #111827;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-border-dark: #D1D5DB;--color-border-focus: var(--color-primary);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "SF Mono", Monaco, "Consolas", "Courier New", monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-h1: 3rem;--font-h2: 2.25rem;--font-h3: 1.5rem;--font-h4: 1.25rem;--font-h5: 1.125rem;--font-h6: 1rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--line-height-tight: 1.2;--line-height-snug: 1.3;--line-height-normal: 1.4;--line-height-relaxed: 1.5;--line-height-loose: 1.6;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--space-0: 0;--space-px: 1px;--space-0.5: .125rem;--space-1: .25rem;--space-1.5: .375rem;--space-2: .5rem;--space-2.5: .625rem;--space-3: .75rem;--space-3.5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--space-3xl: var(--space-16);--space-4xl: var(--space-24);--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-primary: 0 4px 12px rgba(94, 23, 235, .2);--shadow-primary-lg: 0 10px 25px -5px rgba(94, 23, 235, .25);--shadow-accent: 0 4px 12px rgba(255, 197, 48, .3);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--container-max: 90rem;--transition-fast: .15s;--transition-base: .2s;--transition-normal: .3s;--transition-slow: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-below: -1;--z-base: 0;--z-docked: 10;--z-dropdown: 1000;--z-sticky: 1100;--z-banner: 1200;--z-overlay: 1300;--z-modal: 1400;--z-popover: 1500;--z-skipLink: 1600;--z-toast: 1700;--z-tooltip: 1800;--breakpoint-xs: 475px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@media (prefers-color-scheme: dark){:root.dark,.dark{--color-text-main: #F9FAFB;--color-text-body: #D1D5DB;--color-text-light: #9CA3AF;--color-bg-white: #111827;--color-bg-light: #1F2937;--color-bg-grey: #374151;--color-border: #374151;--color-border-light: #4B5563}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;line-height:var(--line-height-relaxed, 1.5);font-family:var(--font-family-base, "Inter", sans-serif);color:var(--color-text-body, #4B5563);background-color:var(--color-bg-white, #FFFFFF);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}ul,ol{list-style:none}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}input,textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--color-primary, #5E17EB);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--color-primary-light, rgba(94, 23, 235, .1));color:var(--color-primary, #5E17EB)}::placeholder{color:var(--color-text-light, #9CA3AF);opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-light, #F9FAFB)}::-webkit-scrollbar-thumb{background:var(--color-border-dark, #D1D5DB);border-radius:var(--radius-full, 9999px)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light, #9CA3AF)}h1,.h1{font-size:var(--font-h1);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--color-text-main);letter-spacing:var(--letter-spacing-tight)}h2,.h2{font-size:var(--font-h2);line-height:var(--line-height-snug);font-weight:var(--font-weight-bold);color:var(--color-text-main);letter-spacing:var(--letter-spacing-tight)}h3,.h3{font-size:var(--font-h3);line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}h4,.h4{font-size:var(--font-h4);line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}h5,.h5{font-size:var(--font-h5);line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}h6,.h6{font-size:var(--font-h6);line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.text-xs{font-size:var(--text-xs);line-height:var(--line-height-normal)}.text-sm{font-size:var(--text-sm);line-height:var(--line-height-relaxed)}.text-base{font-size:var(--text-base);line-height:var(--line-height-relaxed)}.text-lg{font-size:var(--text-lg);line-height:var(--line-height-loose)}.text-xl{font-size:var(--text-xl);line-height:var(--line-height-relaxed)}.text-2xl{font-size:var(--text-2xl);line-height:var(--line-height-snug)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-main{color:var(--color-text-main)}.text-body{color:var(--color-text-body)}.text-light{color:var(--color-text-light)}.text-disabled{color:var(--color-text-disabled)}.text-inverse{color:var(--color-text-inverse)}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.lead{font-size:var(--text-lg);line-height:var(--line-height-loose);color:var(--color-text-body)}.caption{font-size:var(--text-xs);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium);color:var(--color-text-light)}.label{font-size:var(--text-sm);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium);color:var(--color-text-main)}.overline{font-size:var(--text-xs);line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-light)}.mono{font-family:var(--font-family-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){h1,.h1{font-size:2.25rem}h2,.h2{font-size:1.75rem}h3,.h3{font-size:1.25rem}.lead{font-size:var(--text-base)}}.container{width:100%;max-width:var(--container-7xl);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.container-sm{max-width:var(--container-3xl)}.container-md{max-width:var(--container-5xl)}.container-lg{max-width:var(--container-6xl)}.container-xl{max-width:var(--container-7xl)}.container-wide{max-width:var(--container-max)}.container-full{max-width:none}@media (min-width: 768px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-auto{margin-left:auto;margin-right:auto}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.my-0{margin-top:0;margin-bottom:0}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.ml-2{margin-left:var(--space-2)}.mr-2{margin-right:var(--space-2)}.ml-4{margin-left:var(--space-4)}.mr-4{margin-right:var(--space-4)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}.py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)}.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}.section-sm{padding-top:var(--space-8);padding-bottom:var(--space-8)}.section-lg{padding-top:var(--space-24);padding-bottom:var(--space-24)}@media (min-width: 768px){.section{padding-top:var(--space-20);padding-bottom:var(--space-20)}.section-lg{padding-top:var(--space-32);padding-bottom:var(--space-32)}}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.z-0{z-index:var(--z-base)}.z-10{z-index:var(--z-docked)}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.bg-white{background-color:var(--color-bg-white)}.bg-light{background-color:var(--color-bg-light)}.bg-grey{background-color:var(--color-bg-grey)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-accent{background-color:var(--color-accent)}.bg-transparent{background-color:transparent}.border{border:1px solid var(--color-border)}.border-0{border:0}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}:root{--sidebar-width: 220px;--header-height: 52px}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.dashboard-header{position:sticky;top:0;height:var(--header-height);background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-6);z-index:var(--z-sticky)}.dashboard-header__left{display:flex;align-items:center;gap:var(--space-4);flex:1}.dashboard-header__right{display:flex;align-items:center;gap:var(--space-4)}.dashboard-content{flex:1;background-color:var(--color-bg-light);overflow-y:auto;padding:var(--space-6);padding-top:var(--space-4)}.search-input{position:relative;max-width:400px;width:100%}.search-input__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-light);pointer-events:none;display:flex;align-items:center;justify-content:center}.search-input__field{width:100%;height:40px;padding-left:var(--space-10);padding-right:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background-color:var(--color-bg-light);transition:all var(--transition-fast) var(--ease-out)}.search-input__field:hover{border-color:var(--color-border-dark)}.search-input__field:focus{border-color:var(--color-primary);background-color:var(--color-bg-white);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.bonus-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-accent-light);border-radius:var(--radius-md)}.bonus-badge__icon{color:var(--color-accent);display:flex;align-items:center}.bonus-badge__value{font-weight:var(--font-weight-bold);color:var(--color-text-main)}.bonus-badge__label{font-size:var(--text-sm);color:var(--color-text-body)}.notification-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-body);transition:all var(--transition-fast) var(--ease-out);cursor:pointer}.notification-btn:hover{background-color:var(--color-bg-light);color:var(--color-text-main)}.notification-btn__dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background-color:var(--color-error);border-radius:var(--radius-full);border:2px solid var(--color-bg-white)}.content-grid{display:grid;gap:var(--space-6)}.content-grid--2{grid-template-columns:repeat(2,1fr)}.content-grid--3{grid-template-columns:repeat(3,1fr)}.content-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.content-grid--4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.content-grid--3,.content-grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.content-grid--2,.content-grid--3,.content-grid--4{grid-template-columns:1fr}.dashboard-main{margin-left:0}}.quick-action{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal) var(--ease-out)}.quick-action:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.quick-action__icon--primary{background-color:var(--color-primary-light);color:var(--color-primary)}.quick-action__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin-bottom:var(--space-1)}.quick-action__arrow{color:var(--color-text-light);flex-shrink:0}.stat-card{padding:var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stat-card__icon{color:var(--color-primary)}.stat-card__trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-success)}.stat-card__value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);line-height:1;margin-bottom:var(--space-1)}.content-list{background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.content-list__item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast) var(--ease-out);cursor:pointer}.content-list__item:last-child{border-bottom:none}.content-list__item:hover{background-color:var(--color-bg-light)}.content-list__thumbnail{width:64px;height:48px;border-radius:var(--radius-md);background-color:var(--color-bg-grey);display:flex;align-items:center;justify-content:center;flex-shrink:0}.content-list__info{flex:1;min-width:0}.content-list__title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-list__date{font-size:var(--text-xs);color:var(--color-text-light)}.content-list__actions{display:flex;align-items:center;gap:var(--space-3)}.upload-cta{background-color:var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center}.upload-cta__icon{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-full);background-color:#fff3;display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse)}.upload-cta__title{font-size:var(--font-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);margin-bottom:var(--space-2)}.upload-cta__text{color:var(--color-text-inverse);opacity:.8;margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.whitespace-nowrap{white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.integration-stat{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.integration-stat:hover{border-color:var(--color-primary)}.integration-stat__value{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-main)}.integration-filter{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.integration-filter--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.integration-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 1200px){.integration-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.integration-list{grid-template-columns:1fr}}.integration-card{display:flex;flex-direction:column;padding:var(--space-5);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast) var(--ease-out);min-height:160px}.integration-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.integration-card--error{border-left:3px solid var(--color-error);background-color:var(--color-error-light)}.integration-card--disconnected{opacity:.85}.integration-card__header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.integration-card__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-light);border-radius:var(--radius-md);color:var(--color-text-main);flex-shrink:0}.integration-card__title{flex:1;min-width:0}.integration-card__name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin-bottom:2px}.integration-card__status{font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.integration-card__meta{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-3);flex:1}.integration-card__meta-row{display:flex;align-items:center;gap:var(--space-2)}.integration-card__actions{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.channels-widget{background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.channels-widget__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.channels-widget__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.channels-widget__link{font-size:var(--text-sm);color:var(--color-primary);text-decoration:none}.channels-widget__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast) var(--ease-out)}.channels-widget__item:hover{background-color:var(--color-bg-light)}.channels-widget__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-light);border-radius:var(--radius-sm);color:var(--color-text-body);flex-shrink:0}.channels-widget__name{flex:1;font-size:var(--text-sm);color:var(--color-text-main)}.channels-widget__status--connected{background-color:var(--color-success)}.channels-widget__status--error{background-color:var(--color-error)}.channels-widget__status--paused{background-color:var(--color-warning)}.channels-widget__status--disconnected{background-color:var(--color-border)}.dashboard-row{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-6);margin-bottom:var(--space-6)}@media (max-width: 1024px){.dashboard-row{grid-template-columns:1fr}}@media (min-width: 1280px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:box-shadow var(--transition-fast) var(--ease-out)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.stat-card__icon{display:flex;align-items:center;justify-content:center}.stat-card__trend{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.stat-card__trend--up{color:var(--color-success);background-color:var(--color-success-light)}.stat-card__trend--down{color:var(--color-error);background-color:var(--color-error-light)}.stat-card__value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin-bottom:var(--space-1)}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-light)}.quick-action{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.quick-action:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.quick-action__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.quick-action__icon--primary{background-color:var(--color-primary-lighter);color:var(--color-primary)}.quick-action__icon--success{background-color:var(--color-success-light);color:var(--color-success)}.quick-action__icon--info{background-color:var(--color-info-light);color:var(--color-info)}.quick-action__icon--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.quick-action__content{flex:1;min-width:0}.quick-action__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin-bottom:var(--space-0-5)}.quick-action__subtitle{font-size:var(--text-sm);color:var(--color-text-light)}.quick-action__arrow{color:var(--color-text-light);transition:color var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out)}.quick-action:hover .quick-action__arrow{color:var(--color-primary);transform:translate(4px)}.dashboard-welcome{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-6)}.dashboard-welcome__text{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main)}.dashboard-welcome__date{font-size:var(--text-sm);color:var(--color-text-light);text-transform:capitalize}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-accent{background-color:var(--color-accent);color:var(--color-text-main);border-radius:var(--radius-md);padding:var(--space-3) var(--space-8);font-weight:var(--font-weight-bold)}.btn-accent:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-accent)}.btn-accent:active{transform:translateY(0)}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-main)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-lighter)}.btn-ghost{background-color:transparent;color:var(--color-text-body)}.btn-ghost:hover{background-color:var(--color-bg-light);color:var(--color-text-main)}.btn-danger,.btn-ghost.btn-danger{color:var(--color-error)}.btn-danger:hover,.btn-ghost.btn-danger:hover{background-color:var(--color-error-light);color:var(--color-error)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-icon{padding:var(--space-3)}.btn-icon.btn-sm{padding:var(--space-2)}.btn-icon.btn-lg{padding:var(--space-4)}.card{background:var(--color-bg-white);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);cursor:pointer}.card-bordered{border:1px solid var(--color-border);box-shadow:none}.card-elevated{border:none;box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-lg)}.card-sm{padding:var(--space-4);border-radius:var(--radius-md)}.card-lg{padding:var(--space-10);border-radius:var(--radius-xl)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.input-field{display:block;width:100%;height:48px;padding:0 var(--space-4);font-size:var(--text-base);color:var(--color-text-main);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast) var(--ease-out)}.input-field:hover{border-color:var(--color-border-dark)}.input-field:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-light)}.input-field:disabled{background-color:var(--color-bg-light);color:var(--color-text-disabled);cursor:not-allowed}.input-field.is-error{border-color:var(--color-error)}.input-field.is-error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.input-field.is-success{border-color:var(--color-success)}.textarea-field{height:auto;min-height:120px;padding:var(--space-3) var(--space-4);resize:vertical}.input-sm{height:40px;font-size:var(--text-sm);padding:0 var(--space-3)}.input-lg{height:56px;font-size:var(--text-lg);padding:0 var(--space-5)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#0d0e12;color:var(--color-text-main, #0D0E12)}.form-input{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:#0d0e12;color:var(--color-text-main, #0D0E12);background-color:#fff;background-clip:padding-box;border:1px solid #E5E7EB;border-color:var(--color-border, #E5E7EB);border-radius:.5rem;transition:border-color .15s ease,box-shadow .15s ease}.form-input:focus{border-color:#5e17eb;border-color:var(--color-primary, #5E17EB);outline:0;box-shadow:0 0 0 3px #5e17eb1a}.form-input::placeholder{color:#9ca3af;color:var(--color-text-light, #9CA3AF)}.form-hint{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-light)}.form-error{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-error)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-sm);white-space:nowrap}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-accent{background-color:var(--color-accent-light);color:var(--color-text-main)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.divider{width:100%;height:1px;background-color:var(--color-border);margin:var(--space-4) 0}.divider-vertical{width:1px;height:100%;background-color:var(--color-border);margin:0 var(--space-4)}.link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast) var(--ease-out)}.link:hover{color:var(--color-primary-hover);text-decoration:underline}.link-muted{color:var(--color-text-light)}.link-muted:hover{color:var(--color-text-body)}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:40px;height:40px;border-width:3px}.skeleton{background:linear-gradient(90deg,var(--color-bg-light) 25%,var(--color-bg-grey) 50%,var(--color-bg-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.bg-success-light{background-color:var(--color-success-light)}.bg-warning-light{background-color:var(--color-warning-light)}.bg-error-light{background-color:var(--color-error-light)}.bg-info-light{background-color:var(--color-info-light)}.bg-accent-light{background-color:var(--color-accent-light)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.transition-colors{transition-property:color,background-color,border-color;transition-duration:var(--transition-normal);transition-timing-function:var(--ease-out)}.transition-all{transition:all var(--transition-normal) var(--ease-out)}.-translate-y-1\/2{transform:translateY(-50%)}.-translate-x-1\/2{transform:translate(-50%)}.divide-y>*+*{border-top:1px solid var(--color-border)}.divide-x>*+*{border-left:1px solid var(--color-border)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.min-w-0{min-width:0}.tabs{width:100%}.tabs-list{display:flex;gap:var(--space-1);padding:var(--space-1);background-color:var(--color-bg-light);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.tabs-list-pills{background:transparent;padding:0;gap:var(--space-2)}.tab-item{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.tab-item svg{flex-shrink:0}.tab-item:hover{color:var(--color-text-main);background-color:var(--color-bg-white)}.tab-item.tab-active{color:var(--color-primary);background-color:var(--color-bg-white);box-shadow:var(--shadow-sm)}.tab-item-pill{border-radius:var(--radius-full);padding:var(--space-2) var(--space-4)}.tab-item-pill.tab-active{background-color:var(--color-primary);color:var(--color-text-inverse)}.tab-item.tab-disabled{opacity:.5;cursor:not-allowed}.tabs-panel{animation:fadeIn var(--transition-fast) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stepper{display:flex;justify-content:space-between;position:relative}.step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-indicator{display:flex;align-items:center;width:100%}.step-circle{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-bg-light);color:var(--color-text-light);border:2px solid var(--color-border);transition:all var(--transition-fast) var(--ease-out);flex-shrink:0;z-index:1}.step-line{flex:1;height:2px;background-color:var(--color-border);margin:0 var(--space-2)}.step-content{margin-top:var(--space-3);text-align:center}.step-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.step-description{display:block;font-size:var(--text-xs);color:var(--color-text-light);margin-top:var(--space-1)}.step-active .step-circle{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.step-active .step-label{color:var(--color-primary)}.step-completed .step-circle{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-text-inverse)}.step-completed .step-line{background-color:var(--color-success)}.step-completed .step-label{color:var(--color-success)}.stepper-compact .step-content{display:none}.checkbox-wrapper{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.checkbox-control{position:relative;flex-shrink:0;cursor:pointer;display:flex;align-items:center}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-box{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-white);transition:all var(--transition-fast) var(--ease-out);cursor:pointer;color:transparent}.checkbox-input:focus+.checkbox-box{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.checkbox-box.checkbox-checked{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.checkbox-box.checkbox-error{border-color:var(--color-error)}.checkbox-content{display:flex;flex-direction:column;gap:var(--space-1)}.checkbox-label{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-main);cursor:pointer}.checkbox-description{font-size:var(--text-sm);color:var(--color-text-light)}.checkbox-error-text{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-1)}.checkbox-disabled{opacity:.5;pointer-events:none}.textarea-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.textarea-wrapper{position:relative}.input-field.is-warning{border-color:var(--color-warning)}.input-field.is-warning:focus{box-shadow:0 0 0 3px var(--color-warning-light)}.character-counter{font-size:var(--text-xs);color:var(--color-text-light);font-weight:var(--font-weight-medium)}.character-counter-inside{position:absolute;bottom:var(--space-2);right:var(--space-3)}.counter-warning{color:var(--color-warning)}.counter-error{color:var(--color-error)}.select-container{position:relative}.select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;padding:0 var(--space-4);font-size:var(--text-base);color:var(--color-text-main);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.select-trigger:hover{border-color:var(--color-border-dark)}.select-trigger.select-open{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.select-trigger.select-disabled{background-color:var(--color-bg-light);cursor:not-allowed;opacity:.5}.select-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-placeholder{color:var(--color-text-light)}.select-option-content{display:flex;align-items:center;gap:var(--space-2)}.select-chevron{color:var(--color-text-light);transition:transform var(--transition-fast) var(--ease-out)}.select-chevron-open{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;max-height:300px;overflow-y:auto;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:slideUp var(--transition-fast) var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast) var(--ease-out)}.select-option:hover,.select-option-highlighted{background-color:var(--color-bg-light)}.select-option-selected{background-color:var(--color-primary-lighter);color:var(--color-primary)}.select-option-disabled{opacity:.5;cursor:not-allowed}.select-option-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.select-option-text{flex:1;min-width:0}.select-option-label{display:block;font-size:var(--text-base)}.select-option-description{display:block;font-size:var(--text-sm);color:var(--color-text-light);margin-top:var(--space-0.5)}.select-option-check{color:var(--color-primary);flex-shrink:0}.metrics-row{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-light);font-size:var(--text-sm)}.metrics-row-sm{gap:var(--space-3);font-size:var(--text-xs)}.metric-item{display:flex;align-items:center;gap:var(--space-1)}.viral-score{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.viral-score-sm{padding:var(--space-0.5) var(--space-1.5);font-size:10px}.viral-score-lg{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.viral-score-high{background-color:var(--color-success-light);color:var(--color-success)}.viral-score-medium{background-color:var(--color-info-light);color:var(--color-info)}.viral-score-low{background-color:var(--color-warning-light);color:var(--color-warning)}.viral-score-minimal{background-color:var(--color-bg-light);color:var(--color-text-light)}.platform-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-sm);background-color:var(--color-bg-light)}.platform-badge-sm{padding:var(--space-0.5)}.platform-badge-lg{padding:var(--space-2)}.platform-instagram{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af);color:#fff}.platform-tiktok{background-color:#000;color:#fff}.platform-youtube{background-color:red;color:#fff}.platform-vk{background-color:#07f;color:#fff}.platform-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.content-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal) var(--ease-out)}.content-card:hover{border-color:var(--color-border-dark);box-shadow:var(--shadow-md)}.content-card-selectable{cursor:pointer}.content-card-selectable:hover{transform:translateY(-2px)}.content-card-selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.content-card-processed{opacity:.6}.content-card-thumbnail{position:relative;aspect-ratio:9 / 16;background-color:var(--color-bg-grey);overflow:hidden}.content-card-thumbnail img{width:100%;height:100%;object-fit:cover}.content-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-light)}.content-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--space-2);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.content-card-viral{align-self:flex-start}.content-card-platform{align-self:flex-end}.content-card-checkbox{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;border-radius:var(--radius-sm);background-color:var(--color-bg-white);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast) var(--ease-out);pointer-events:auto}.content-card-checkbox-checked{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.content-card-processed-badge{position:absolute;bottom:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-2);background-color:#000000b3;color:#fff;font-size:var(--text-xs);border-radius:var(--radius-sm)}.content-card-info{padding:var(--space-3)}.content-card-account{display:block;font-size:var(--text-xs);color:var(--color-text-light);margin-bottom:var(--space-1)}.content-card-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-2)}.content-card-date{display:block;font-size:var(--text-xs);color:var(--color-text-light);margin-top:var(--space-2)}.content-card-skeleton{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-3)}.content-card-thumbnail-skeleton{aspect-ratio:9 / 16;margin-bottom:var(--space-3)}.account-selector{background-color:var(--color-bg-white);border-radius:var(--radius-lg);overflow:hidden}.account-selector-header{padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center}.account-selector-select-all{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-body);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast) var(--ease-out)}.account-selector-select-all:hover{color:var(--color-text-main);background-color:var(--color-bg-light)}.account-checkbox{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-white);transition:all var(--transition-fast) var(--ease-out);color:transparent;flex-shrink:0}.account-checkbox-checked{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 2px 4px #8b5cf64d}.account-selector-list{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.account-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border-radius:var(--radius-lg);border:2px solid transparent;background-color:var(--color-bg-light);min-width:200px;flex:0 0 auto}.account-item:hover{background-color:var(--color-bg-subtle);border-color:var(--color-border);transform:translateY(-1px)}.account-item-selected{background-color:var(--color-primary-lighter);border-color:var(--color-primary);box-shadow:0 2px 8px #8b5cf626}.account-item-selected:hover{background-color:var(--color-primary-lighter);border-color:var(--color-primary)}.account-item-disabled{opacity:.5;cursor:not-allowed}.account-item-disabled:hover{transform:none;border-color:transparent}.account-avatar{width:44px;height:44px;border-radius:var(--radius-full);overflow:hidden;background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center;padding:2px;flex-shrink:0}.account-avatar-inner{width:100%;height:100%;border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-bg-white);display:flex;align-items:center;justify-content:center}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.account-username{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);line-height:1.3}.account-platform-label{display:block;font-size:var(--text-xs);color:var(--color-text-light);text-transform:capitalize}.account-status{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);flex-shrink:0}.account-status-active{color:var(--color-success);background-color:#22c55e1a}.account-status-invalid{color:var(--color-error);background-color:#ef44441a}.account-status-pending{color:var(--color-warning);background-color:#f59e0b1a}.account-selector-summary{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-body);text-align:right;font-weight:var(--font-weight-medium)}.source-selector{width:100%}.source-selector-toolbar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.source-selector-search{position:relative;flex:1;min-width:200px}.source-selector-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-light)}.source-selector-search .input-field{padding-left:var(--space-10)}.source-selector-filters{display:flex;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.source-selector-selection{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background-color:var(--color-primary-lighter);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-primary)}.source-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.source-selector-empty{grid-column:1 / -1;text-align:center;padding:var(--space-12);color:var(--color-text-light)}.source-selector-empty p{font-size:var(--text-lg);font-weight:var(--font-weight-medium);margin-top:var(--space-4)}.source-selector-empty span{font-size:var(--text-sm)}.source-selector-manual{max-width:640px}.source-selector-variants{display:flex;flex-direction:column;gap:var(--space-6)}.source-variant{padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-lg)}.source-variant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.source-selector-actions{margin-top:var(--space-4)}.source-selector-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-light)}.source-selector-import{margin-top:var(--space-4)}.source-selector-import-label{display:block;cursor:pointer}.source-selector-import-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-light);transition:all var(--transition-fast) var(--ease-out)}.source-selector-import-content:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-lighter)}.source-selector-import-content span{font-weight:var(--font-weight-medium)}.source-selector-import-content small{font-size:var(--text-xs)}.content-editor{max-width:640px}.content-editor-original{padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-md);margin-bottom:var(--space-6);border-left:3px solid var(--color-primary)}.content-editor-original-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin-bottom:var(--space-2)}.content-editor-original-text{font-size:var(--text-sm);color:var(--color-text-body);line-height:1.5}.content-editor-original-text strong{color:var(--color-text-main)}.content-editor-options{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.content-editor-option-label{display:flex;align-items:center;gap:var(--space-2)}.content-editor-type{margin-bottom:var(--space-4)}.content-editor-type-options{display:flex;gap:var(--space-3)}.content-editor-type-option{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.content-editor-type-option:hover{border-color:var(--color-border-dark)}.content-editor-type-option-active{border-color:var(--color-primary);background-color:var(--color-primary-lighter);color:var(--color-primary)}.content-editor-validation{padding:var(--space-3);background-color:var(--color-error-light);border-radius:var(--radius-md)}.content-editor-validation-error{display:block;font-size:var(--text-sm);color:var(--color-error)}.generation-settings{max-width:100%}.generation-settings-section{margin-bottom:var(--space-6)}.generation-settings-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin-bottom:var(--space-3)}.generation-settings-preview{padding:var(--space-5);background:linear-gradient(135deg,var(--color-primary-lighter),var(--color-bg-light));border-radius:var(--radius-lg);border:1px solid var(--color-primary-light)}.generation-settings-preview-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin-bottom:var(--space-4)}.generation-settings-preview-content{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-3)}.generation-settings-preview-item{text-align:center}.generation-settings-preview-value{display:block;font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main)}.generation-settings-preview-label{display:block;font-size:var(--text-xs);color:var(--color-text-light)}.generation-settings-preview-multiply,.generation-settings-preview-equals{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-light)}.generation-settings-preview-total .generation-settings-preview-value{color:var(--color-primary)}.generation-settings-preview-note{text-align:center;font-size:var(--text-sm);color:var(--color-text-body)}.generation-settings-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-light)}.generation-settings-loading,.generation-settings-empty{padding:1rem;text-align:center;color:var(--color-text-light);font-size:var(--text-sm)}.generation-result{max-width:800px}.generation-result-summary{text-align:center;padding:var(--space-8);background-color:var(--color-bg-light);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.generation-result-summary svg{margin-bottom:var(--space-4)}.generation-result-summary h2{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin-bottom:var(--space-2)}.generation-result-summary p{color:var(--color-text-body)}.generation-result-summary-success{background-color:var(--color-success-light)}.generation-result-summary-success svg{color:var(--color-success)}.generation-result-summary-error{background-color:var(--color-error-light)}.generation-result-summary-error svg{color:var(--color-error)}.generation-result-summary-processing svg{color:var(--color-primary)}.generation-result-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.generation-result-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md)}.generation-result-item-success{border-left:3px solid var(--color-success)}.generation-result-item-error{border-left:3px solid var(--color-error)}.generation-result-item-processing{border-left:3px solid var(--color-primary)}.generation-result-item-thumbnail{width:48px;height:64px;background-color:var(--color-bg-grey);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.generation-result-item-thumbnail img{width:100%;height:100%;object-fit:cover}.generation-result-item-info{flex:1;min-width:0}.generation-result-item-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.generation-result-item-account{font-size:var(--text-sm);color:var(--color-text-light)}.generation-result-item-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generation-result-item-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.generation-result-item-retry{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-warning);margin-top:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-warning-soft);border-radius:var(--radius-sm)}.generation-result-item-retry svg{flex-shrink:0}.generation-result-item-actions{display:flex;align-items:center;gap:var(--space-2)}.generation-result-item-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-light)}.generation-result-actions{display:flex;justify-content:center;gap:var(--space-3)}.btn-active{background-color:var(--color-primary-lighter);color:var(--color-primary)}.toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;width:100%;padding:var(--space-4);pointer-events:none}.toast-container-top-right{top:0;right:0}.toast-container-top-left{top:0;left:0}.toast-container-bottom-right{bottom:0;right:0}.toast-container-bottom-left{bottom:0;left:0}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastSlideIn var(--transition-normal) var(--ease-out)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-exit{animation:toastSlideOut var(--transition-normal) var(--ease-in) forwards}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-success .toast-icon{color:var(--color-success)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info .toast-icon{color:var(--color-info)}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-info{border-left:3px solid var(--color-info)}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.toast-description{font-size:var(--text-sm);color:var(--color-text-body);margin:var(--space-1) 0 0}.toast-action{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:none;border:none;cursor:pointer;white-space:nowrap}.toast-action:hover{text-decoration:underline}.toast-close{flex-shrink:0;padding:var(--space-1);color:var(--color-text-light);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast-close:hover{color:var(--color-text-main);background-color:var(--color-bg-light)}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip-trigger{display:inline-flex}.tooltip{position:absolute;z-index:var(--z-tooltip);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-darker);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:tooltipFadeIn var(--transition-fast) var(--ease-out)}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip-content{font-size:var(--text-xs);color:var(--color-text-inverse);white-space:nowrap;max-width:250px;white-space:normal;line-height:1.4}.tooltip-arrow{position:absolute;width:8px;height:8px;background-color:var(--color-bg-darker);transform:rotate(45deg)}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-top .tooltip-arrow{bottom:-4px;left:50%;margin-left:-4px}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom .tooltip-arrow{top:-4px;left:50%;margin-left:-4px}.tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-left .tooltip-arrow{right:-4px;top:50%;margin-top:-4px}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-right .tooltip-arrow{left:-4px;top:50%;margin-top:-4px}.help-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:var(--color-text-light);cursor:help;transition:color var(--transition-fast)}.help-tooltip-trigger:hover{color:var(--color-primary)}.skeleton{background:linear-gradient(90deg,var(--color-bg-light) 25%,var(--color-bg-grey) 50%,var(--color-bg-light) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-wave{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;animation:skeletonWave 1.5s infinite}@keyframes skeletonWave{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-no-animation{animation:none;background:var(--color-bg-grey)}.skeleton-text{height:1em;border-radius:var(--radius-sm)}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-rect{border-radius:0}.skeleton-rounded{border-radius:var(--radius-md)}.content-card-skeleton{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.content-card-thumbnail-skeleton{aspect-ratio:9 / 16}.content-card-skeleton-info{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.content-card-skeleton-metrics{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.account-item-skeleton{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.account-item-skeleton-info{display:flex;flex-direction:column;gap:var(--space-1)}.footer-summary{display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-full);animation:footerSummarySlideUp var(--transition-normal) var(--ease-out)}@keyframes footerSummarySlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer-summary-items{display:flex;align-items:center;gap:var(--space-4)}.footer-summary-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-body)}.footer-summary-item-icon{color:var(--color-text-light)}.footer-summary-item-value{font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.footer-summary-item-label{color:var(--color-text-light)}.footer-summary-item-highlight{padding:var(--space-1) var(--space-3);background-color:var(--color-primary-lighter);border-radius:var(--radius-full)}.footer-summary-item-highlight .footer-summary-item-icon,.footer-summary-item-highlight .footer-summary-item-value,.footer-summary-item-highlight .footer-summary-item-label{color:var(--color-primary)}.wizard-step-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-md);font-size:var(--text-sm)}.wizard-step-indicator-label{color:var(--color-text-body)}.form-label-with-help{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.form-label-with-help .form-label{margin-bottom:0}.source-selector-with-preview{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6)}.source-selector-main{min-width:0}.video-preview-panel{position:sticky;top:var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;animation:previewSlideIn var(--transition-normal) var(--ease-out)}@keyframes previewSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.video-preview-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.video-preview-panel-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.video-preview-panel-thumbnail{position:relative;aspect-ratio:9 / 16;max-height:300px;background-color:var(--color-bg-grey);overflow:hidden}.video-preview-panel-thumbnail img{width:100%;height:100%;object-fit:cover}.video-preview-panel-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-light);background:linear-gradient(135deg,var(--color-bg-grey) 0%,var(--color-bg-light) 100%)}.video-preview-panel-overlay{position:absolute;top:var(--space-3);left:var(--space-3)}.video-preview-panel-processed-badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);background-color:var(--color-warning-light);color:var(--color-warning);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.video-preview-panel-info{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.video-preview-panel-account{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.video-preview-panel-username{font-size:var(--text-sm);color:var(--color-text-body)}.video-preview-panel-video-title{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-main);margin:0 0 var(--space-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-preview-panel-date{font-size:var(--text-xs);color:var(--color-text-light);margin:0}.video-preview-panel-metrics{padding:var(--space-4)}.video-preview-panel-metrics-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-3)}.video-preview-panel-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.video-preview-panel-metric{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-light)}.video-preview-panel-metric-info{display:flex;flex-direction:column}.video-preview-panel-metric-value{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.video-preview-panel-metric-label{font-size:var(--text-xs);color:var(--color-text-light)}.video-preview-panel-engagement{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.video-preview-panel-engagement-label{font-size:var(--text-sm);color:var(--color-text-body)}.video-preview-panel-engagement-value{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-success)}.video-preview-panel-actions{padding:var(--space-4);border-top:1px solid var(--color-border)}@media (max-width: 1024px){.source-selector-with-preview{grid-template-columns:1fr}.video-preview-panel{position:fixed;bottom:0;left:0;right:0;max-height:60vh;overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:var(--z-modal);animation:previewSlideUp var(--transition-normal) var(--ease-out)}@keyframes previewSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.video-preview-panel-thumbnail{max-height:200px}}.content-editor-with-preview{display:grid;grid-template-columns:1fr 280px;gap:var(--space-6)}.content-editor-main{min-width:0}.content-editor-field{margin-bottom:var(--space-4)}.content-editor-field .form-label-with-help{margin-bottom:var(--space-2)}.content-editor-option-row{display:flex;align-items:flex-start;gap:var(--space-2)}.content-editor-preview-wrapper{display:flex;flex-direction:column;gap:var(--space-3)}.content-editor-preview-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-body);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.content-editor-preview-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.mobile-preview{position:sticky;top:var(--space-4)}.mobile-preview-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);text-align:center}.mobile-preview-frame{position:relative;background-color:#1a1a1a;border-radius:36px;padding:8px;box-shadow:0 0 0 2px #2d2d2d,0 0 0 4px #1a1a1a,0 20px 40px -10px #00000080}.mobile-preview-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:80px;height:24px;background-color:#000;border-radius:12px;z-index:10}.mobile-preview-screen{position:relative;aspect-ratio:9 / 16;border-radius:28px;overflow:hidden}.mobile-preview-safe-zones{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.mobile-preview-safe-zone{position:absolute;left:0;right:0;background-color:#f003;border:1px dashed rgba(255,0,0,.5);font-size:8px;color:#ffffffb3;text-align:center;padding:2px}.mobile-preview-safe-zone-top{top:0;height:44px}.mobile-preview-safe-zone-bottom{bottom:0;height:100px}.mobile-preview-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.mobile-preview-video{flex:1;display:flex;align-items:center;justify-content:center}.mobile-preview-video-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:#ffffff4d;font-size:var(--text-xs)}.mobile-preview-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3);padding-bottom:calc(var(--space-3) + 20px);background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);display:flex;gap:var(--space-3)}.mobile-preview-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.mobile-preview-user{display:flex;align-items:center;gap:var(--space-2)}.mobile-preview-avatar{width:24px;height:24px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;color:#fff}.mobile-preview-username{font-size:10px;font-weight:var(--font-weight-semibold);color:#fff}.mobile-preview-title{font-size:10px;font-weight:var(--font-weight-semibold);color:#fff;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-preview-description{font-size:9px;color:#fffc;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-preview-music{display:flex;align-items:center;gap:4px;color:#fff9;font-size:8px;margin-top:var(--space-1)}.mobile-preview-music-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.mobile-preview-action{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:#fff;cursor:default;padding:0}.mobile-preview-action span{font-size:8px}.mobile-preview-action svg{width:20px;height:20px}.mobile-preview-stats{display:flex;justify-content:space-between;margin-top:var(--space-4);padding:var(--space-3);background-color:var(--color-bg-light);border-radius:var(--radius-md)}.mobile-preview-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.mobile-preview-stat-label{font-size:var(--text-xs);color:var(--color-text-light)}.mobile-preview-stat-value{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.mobile-preview-stat-warning{color:var(--color-warning)}.mobile-preview-stat-error{color:var(--color-error)}.mobile-preview-tips{margin-top:var(--space-4);padding:var(--space-3);background-color:var(--color-bg-light);border-radius:var(--radius-md)}.mobile-preview-tips h4{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-2)}.mobile-preview-tips ul{margin:0;padding-left:var(--space-4)}.mobile-preview-tips li{font-size:var(--text-xs);color:var(--color-text-body);margin-bottom:var(--space-1)}.mobile-preview-tips li:last-child{margin-bottom:0}@media (max-width: 1024px){.content-editor-with-preview{grid-template-columns:1fr}.mobile-preview{position:relative;top:0}.mobile-preview-frame{max-width:200px;margin:0 auto}}.template-gallery{margin-bottom:var(--space-6)}.template-gallery-header{margin-bottom:var(--space-3)}.template-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.template-card{position:relative;background-color:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.template-card:hover{border-color:var(--color-primary-light);transform:translateY(-2px)}.template-card-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter)}.template-card-thumbnail{position:relative;aspect-ratio:9 / 12;background-color:var(--color-bg-grey);overflow:hidden}.template-card-thumbnail img{width:100%;height:100%;object-fit:cover}.template-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:var(--radius-md);overflow:hidden}.template-preview-content{flex:1;display:flex;flex-direction:column;padding:var(--space-3);gap:var(--space-2)}.template-preview-header{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:var(--font-weight-medium)}.template-preview-username,.template-preview-slide-num{font-size:7px}.template-preview-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-2)}.template-preview-title{font-size:11px;font-weight:var(--font-weight-bold);margin:0;text-align:center;line-height:1.2}.template-preview-text{display:flex;flex-direction:column;gap:4px;align-items:center}.template-preview-line{height:4px;background-color:currentColor;border-radius:2px;opacity:.5}.template-preview-footer{text-align:center}.template-preview-cta{font-size:7px;font-weight:var(--font-weight-medium)}.template-card-placeholder-lines{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);width:100%}.template-card-placeholder-line{height:8px;background-color:var(--color-border);border-radius:var(--radius-sm)}.template-card-preview-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background-color:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.template-card:hover .template-card-preview-btn{opacity:1}.template-card-selected-badge{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center}.template-card-premium-badge{position:absolute;top:var(--space-2);left:var(--space-2);padding:2px 6px;background:linear-gradient(135deg,gold,orange);color:#000;font-size:9px;font-weight:var(--font-weight-bold);border-radius:var(--radius-sm)}.template-card-create{border:2px dashed var(--color-border);background-color:transparent}.template-card-create:hover{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.template-card-create-thumbnail{display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-light);color:var(--color-text-light)}.template-card-create:hover .template-card-create-thumbnail{color:var(--color-primary);background-color:var(--color-primary-lighter)}.template-card-info{padding:var(--space-2);text-align:center}.template-card-name{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main)}.template-card-description{display:block;font-size:var(--text-xs);color:var(--color-text-light);margin-top:2px}.template-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--transition-fast)}.template-preview-modal{background-color:var(--color-bg-white);border-radius:var(--radius-xl);overflow:hidden;max-width:320px;width:100%}.template-preview-video{aspect-ratio:9 / 16;background-color:var(--color-bg-grey)}.template-preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-light)}.background-gallery{margin-bottom:var(--space-6)}.background-gallery-header{margin-bottom:var(--space-3)}.background-gallery-modes{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.background-gallery-mode-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-body);background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.background-gallery-mode-btn:hover{border-color:var(--color-primary-light)}.background-gallery-mode-btn-active{background-color:var(--color-primary-lighter);border-color:var(--color-primary);color:var(--color-primary)}.background-gallery-category{margin-bottom:var(--space-4);max-width:250px}.background-gallery-random-info{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-lg);color:var(--color-text-body)}.background-gallery-random-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.background-gallery-random-description{font-size:var(--text-sm);color:var(--color-text-body);margin:var(--space-1) 0 0}.background-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3)}.background-card{cursor:pointer}.background-card-thumbnail{position:relative;aspect-ratio:9 / 16;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-border);transition:all var(--transition-fast)}.background-card:hover .background-card-thumbnail{border-color:var(--color-primary-light)}.background-card-selected .background-card-thumbnail{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter)}.background-card-thumbnail img,.background-card-thumbnail video{width:100%;height:100%;object-fit:cover}.background-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-bg-grey) 100%)}.background-card-placeholder-pattern{width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.05) 10px,rgba(0,0,0,.05) 20px)}.background-card-preview-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background-color:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.background-card:hover .background-card-preview-btn{opacity:1}.background-card-selected-badge{position:absolute;top:var(--space-1);right:var(--space-1);width:20px;height:20px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center}.background-card-duration{position:absolute;bottom:var(--space-1);right:var(--space-1);padding:2px 4px;background-color:#000000b3;color:#fff;font-size:9px;border-radius:var(--radius-sm)}.background-card-name{display:block;font-size:var(--text-xs);color:var(--color-text-body);margin-top:var(--space-1);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.background-gallery-samples{margin-top:var(--space-4)}.background-gallery-samples-label{display:block;font-size:var(--text-xs);color:var(--color-text-light);margin-bottom:var(--space-2)}.background-gallery-samples-grid{display:flex;gap:var(--space-2)}.background-sample{width:48px;height:64px;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-bg-grey)}.background-sample img,.background-sample video{width:100%;height:100%;object-fit:cover}.background-sample-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-bg-grey) 100%)}.video-thumbnail-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-bg-grey) 100%);color:var(--color-text-muted)}.video-thumbnail-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-grey)}.video-thumbnail-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.background-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--transition-fast)}.background-preview-modal{max-width:300px;border-radius:var(--radius-xl);overflow:hidden}.background-preview-video{aspect-ratio:9 / 16;background-color:var(--color-bg-grey)}.background-preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-light)}.music-selector{margin-bottom:var(--space-6)}.music-selector-header{margin-bottom:var(--space-3)}.music-selector-modes{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.music-selector-mode-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-body);background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.music-selector-mode-btn:hover{border-color:var(--color-primary-light)}.music-selector-mode-btn-active{background-color:var(--color-primary-lighter);border-color:var(--color-primary);color:var(--color-primary)}.music-selector-mood{margin-bottom:var(--space-4);max-width:250px}.music-selector-random-info{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-lg);color:var(--color-text-body)}.music-selector-random-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.music-selector-random-description{font-size:var(--text-sm);color:var(--color-text-body);margin:var(--space-1) 0 0}.music-selector-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto}.music-track{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.music-track:hover{border-color:var(--color-primary-light);background-color:var(--color-bg-light)}.music-track-selected{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.music-track-playing{border-color:var(--color-success)}.music-track-play{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:var(--color-bg-grey);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);transition:all var(--transition-fast)}.music-track-play:hover{background-color:var(--color-primary);color:#fff}.music-track-playing .music-track-play{background-color:var(--color-success);color:#fff}.music-track-info{flex:1;min-width:0}.music-track-name{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-track-artist{display:block;font-size:var(--text-xs);color:var(--color-text-light)}.music-track-duration{font-size:var(--text-xs);color:var(--color-text-light);flex-shrink:0}.music-track-selected-badge{width:24px;height:24px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.music-track-playing-indicator{display:flex;align-items:center;gap:2px;height:16px}.music-track-playing-indicator span{width:3px;background-color:var(--color-success);border-radius:1px;animation:musicBars .6s infinite alternate}.music-track-playing-indicator span:nth-child(1){height:8px;animation-delay:0s}.music-track-playing-indicator span:nth-child(2){height:14px;animation-delay:.2s}.music-track-playing-indicator span:nth-child(3){height:10px;animation-delay:.4s}@keyframes musicBars{0%{transform:scaleY(1)}to{transform:scaleY(.5)}}.music-selector-empty{text-align:center;padding:var(--space-6);color:var(--color-text-light)}.music-selector-empty p{margin:var(--space-2) 0 0}.music-selector-samples{margin-top:var(--space-4)}.music-selector-samples-label{display:block;font-size:var(--text-xs);color:var(--color-text-light);margin-bottom:var(--space-2)}.music-selector-samples-list{display:flex;flex-direction:column;gap:var(--space-2)}.music-sample{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background-color:var(--color-bg-light);border-radius:var(--radius-sm)}.music-sample-play{width:24px;height:24px;border-radius:50%;background-color:var(--color-bg-grey);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-body);flex-shrink:0}.music-sample-play:hover{background-color:var(--color-primary);color:#fff}.music-sample-name{flex:1;font-size:var(--text-xs);color:var(--color-text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-sample-duration{font-size:var(--text-xs);color:var(--color-text-light);flex-shrink:0}.quick-mode-toggle{margin-bottom:var(--space-4);padding:var(--space-3);background-color:var(--color-bg-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2)}.quick-mode-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);width:fit-content}.quick-mode-btn:hover{border-color:var(--color-warning);color:var(--color-warning)}.quick-mode-btn-active{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning)}.quick-mode-btn-active svg{animation:zapPulse 1s ease-in-out infinite}@keyframes zapPulse{0%,to{opacity:1}50%{opacity:.5}}.quick-mode-badge{padding:2px 6px;font-size:9px;font-weight:var(--font-weight-bold);background-color:var(--color-warning);color:#fff;border-radius:var(--radius-full)}.quick-mode-hint{font-size:var(--text-xs);color:var(--color-text-light);margin:0;padding-left:var(--space-1)}.create-page{display:flex;flex-direction:column;min-height:100%}.create-page-header{padding:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-white)}.create-page-title{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.create-page-content{flex:1;padding:var(--space-6);overflow-y:auto;overflow-x:hidden}.create-page-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-bg-white)}.create-page-footer-summary{display:flex;justify-content:center;margin-bottom:var(--space-4)}.create-page-footer-nav{display:flex;justify-content:space-between;align-items:center}.create-page-media-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #E5E7EB}.create-page-section-title{font-size:1rem;font-weight:600;color:#0d0e12;margin-bottom:1rem}.create-page-media-pickers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.create-page-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:.5rem;color:#92400e;font-size:.875rem;margin-bottom:1rem}.create-page-warning a{color:#5e17eb;text-decoration:underline}.batch-progress{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.batch-progress-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.batch-progress-fill{height:100%;background:linear-gradient(90deg,#5e17eb,#8b5cf6);border-radius:4px;transition:width .3s ease}.batch-progress-text{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.batch-results{margin-bottom:var(--space-6)}.batch-results h3{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.batch-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.batch-result-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.batch-result-item.success{border-color:var(--color-success)}.batch-result-item.error{border-color:var(--color-error)}.batch-result-username{font-weight:500;color:var(--color-text-primary)}.batch-result-edit{padding:var(--space-2) var(--space-3);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:background .2s}.batch-result-edit:hover{background:var(--color-primary-hover)}.batch-result-error{font-size:var(--text-xs);color:var(--color-error)}.segment-control{position:relative;display:inline-flex;background-color:var(--color-bg-grey);border-radius:9999px;padding:4px;gap:0;border:1px solid var(--color-border)}.segment-control-item{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:transparent;border:none;border-radius:9999px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1;position:relative;white-space:nowrap}.segment-control-item:hover:not(.segment-control-item-active){color:var(--color-primary)}.segment-control-item-active{color:#fff}.segment-control-icon{display:flex;align-items:center;justify-content:center;width:auto;height:auto;border-radius:0;background-color:transparent;transition:all .25s cubic-bezier(.4,0,.2,1)}.segment-control-item-active .segment-control-icon{background-color:transparent;color:#fff}.segment-control-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.segment-control-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-body);transition:color .25s cubic-bezier(.4,0,.2,1)}.segment-control-item-active .segment-control-label{color:#fff}.segment-control-item:hover:not(.segment-control-item-active) .segment-control-label{color:var(--color-primary)}.segment-control-description{display:none}.segment-control-indicator{position:absolute;top:4px;left:4px;bottom:4px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark, #6b21a8) 100%);border-radius:9999px;box-shadow:0 2px 8px #8b5cf666;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);z-index:0}.segment-control-sm{padding:3px}.segment-control-sm .segment-control-item{padding:var(--space-2) var(--space-4)}.segment-control-sm .segment-control-label{font-size:var(--text-xs)}.segment-control-sm .segment-control-indicator{top:3px;left:3px;bottom:3px}.segment-control-lg{padding:5px}.segment-control-lg .segment-control-item{padding:var(--space-4) var(--space-8)}.segment-control-lg .segment-control-icon{width:20px;height:20px}.segment-control-lg .segment-control-label{font-size:var(--text-base)}.segment-control-lg .segment-control-indicator{top:5px;left:5px;bottom:5px}.content-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-width:0}.content-list-item:hover{border-color:var(--color-primary-light);background-color:var(--color-bg-light)}.content-list-item-selected{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.content-list-item-processed{opacity:.7}.content-list-item-checkbox{flex-shrink:0}.content-list-checkbox{width:24px;height:24px;border-radius:var(--radius-md);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:transparent}.content-list-item:hover .content-list-checkbox{border-color:var(--color-primary-light)}.content-list-checkbox-checked{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.content-list-item-thumbnail{position:relative;width:60px;height:80px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg-grey)}.content-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}.content-list-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-bg-grey) 100%)}.content-list-item-processed-badge{position:absolute;bottom:var(--space-1);left:var(--space-1);right:var(--space-1);padding:2px 4px;font-size:8px;font-weight:var(--font-weight-semibold);text-align:center;background-color:var(--color-warning-light);color:var(--color-warning);border-radius:var(--radius-sm)}.content-list-item-info{flex:1 1 200px;min-width:150px;max-width:300px;display:flex;flex-direction:column;gap:var(--space-1)}.content-list-item-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-list-item-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-light)}.content-list-item-account{color:var(--color-text-body)}.content-list-item-viral{display:flex;align-items:center;gap:var(--space-2)}.content-list-item-viral-label{font-size:var(--text-xs);color:var(--color-text-light)}.content-list-item-viral-bar{width:60px;height:6px;background-color:var(--color-bg-grey);border-radius:var(--radius-full);overflow:hidden}.content-list-item-viral-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.content-list-item-viral-value{font-size:var(--text-xs);font-weight:var(--font-weight-bold);min-width:28px}.content-list-item-metrics{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto}.content-list-item-metric{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:45px;color:var(--color-text-light);padding:var(--space-1)}.content-list-item-metric-value{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.content-list-item-metric-highlight{padding:var(--space-1) var(--space-2);background-color:var(--color-success-light);border-radius:var(--radius-md)}.content-list-item-metric-highlight .content-list-item-metric-value{color:var(--color-success)}.content-list-item-metric-highlight svg{color:var(--color-success)}.selection-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);padding:var(--space-4);background-color:var(--color-bg-white);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px #0000001a;animation:selectionBarSlideUp var(--transition-normal) var(--ease-out)}@keyframes selectionBarSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.selection-bar-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.selection-bar-info{display:flex;align-items:center;gap:var(--space-3)}.selection-bar-icon{color:var(--color-success)}.selection-bar-count{font-size:var(--text-base);color:var(--color-text-body)}.selection-bar-count strong{color:var(--color-text-main);font-weight:var(--font-weight-bold)}.selection-bar-actions{display:flex;align-items:center;gap:var(--space-3)}.selection-bar-continue{min-width:160px}.content-list-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.content-list-header-checkbox{width:24px;flex-shrink:0}.content-list-header-thumbnail{width:60px;flex-shrink:0}.content-list-header-info{flex:1;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.content-list-header-metrics{display:flex;align-items:center;gap:var(--space-4)}.content-list-header-metric{display:flex;align-items:center;gap:var(--space-1);min-width:50px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-light);cursor:pointer;transition:color var(--transition-fast);justify-content:center}.content-list-header-metric:hover,.content-list-header-metric-active{color:var(--color-primary)}.content-list-header-metric svg{transition:transform var(--transition-fast)}.content-list-header-metric-asc svg{transform:rotate(180deg)}.content-list{display:flex;flex-direction:column;gap:var(--space-2)}.content-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-light);text-align:center}.content-list-empty svg{margin-bottom:var(--space-3);opacity:.5}.content-list-empty p{margin:0;font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.content-list-empty span{font-size:var(--text-sm);margin-top:var(--space-1)}.create-page-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.create-page-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.wizard-step-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-light);border-radius:var(--radius-full);font-size:var(--text-sm)}.wizard-step-indicator-step{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.wizard-step-indicator-label{color:var(--color-text-light)}.create-page-segment-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-6)}.create-page-step-title{margin-bottom:var(--space-4)}.create-page-step-title h2{margin:0}.quick-mode-toggle{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.quick-mode-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);cursor:pointer;transition:all var(--transition-fast)}.quick-mode-btn:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.quick-mode-btn-active{background-color:var(--color-primary-lighter);border-color:var(--color-primary);color:var(--color-primary)}.quick-mode-btn-active svg{color:var(--color-warning)}.quick-mode-badge{padding:2px 6px;background-color:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-sm)}.quick-mode-hint{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.source-selector-list{display:flex;flex-direction:column;gap:var(--space-4)}.source-selector-search-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.source-selector-search{flex:1;position:relative}.source-selector-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-light);pointer-events:none}.source-selector-search .input-field{width:100%;padding-left:var(--space-10)}.source-selector-manual,.source-selector-variants{display:flex;flex-direction:column;gap:var(--space-6)}.source-variant{padding:var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.source-variant-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.source-variant-number{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.source-selector-actions{display:flex;justify-content:center}.source-selector-divider{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-light);font-size:var(--text-sm)}.source-selector-divider:before,.source-selector-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.source-selector-import{display:flex;justify-content:center}.source-selector-import-label{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-8);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.source-selector-import-label:hover{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.source-selector-import-input{display:none}.source-selector-import-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:var(--color-text-body)}.source-selector-import-content svg{color:var(--color-primary)}.source-selector-import-content small{font-size:var(--text-xs);color:var(--color-text-light)}.source-selector-load-more{display:flex;justify-content:center;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.source-selector-count{display:flex;justify-content:center;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-light)}.create-page-footer-summary{margin-bottom:var(--space-3)}.preset-selector{margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.preset-quick-apply{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-body);background-color:var(--color-bg-light);border:1px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left}.preset-quick-apply:hover{border-color:var(--color-primary);border-style:solid;background-color:var(--color-primary-lighter)}.preset-quick-apply-icon{margin-left:auto;opacity:0;transition:opacity var(--transition-fast)}.preset-quick-apply:hover .preset-quick-apply-icon{opacity:1;color:var(--color-primary)}.preset-dropdown{position:relative}.preset-dropdown-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-body);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.preset-dropdown-trigger:hover{border-color:var(--color-primary-light)}.preset-dropdown-arrow{transition:transform var(--transition-fast)}.preset-dropdown-arrow-open{transform:rotate(180deg)}.preset-dropdown-content{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;min-width:280px;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:dropdownSlide var(--transition-fast) var(--ease-out)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.preset-group{padding:var(--space-2);border-bottom:1px solid var(--color-border)}.preset-group:last-of-type{border-bottom:none}.preset-group-label{display:block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.preset-item-row{display:flex;align-items:center}.preset-item{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background-color var(--transition-fast);width:100%}.preset-item:hover{background-color:var(--color-bg-light)}.preset-item-info{display:flex;flex-direction:column;gap:2px}.preset-item-name{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main)}.preset-item-description{font-size:var(--text-xs);color:var(--color-text-light)}.preset-item-delete{flex-shrink:0;padding:var(--space-2);color:var(--color-text-light);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.preset-item-row:hover .preset-item-delete{opacity:1}.preset-item-delete:hover{color:var(--color-error);background-color:var(--color-error-light)}.preset-save{padding:var(--space-3);border-top:1px solid var(--color-border)}.preset-save-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2);font-size:var(--text-sm);color:var(--color-primary);background:none;border:1px dashed var(--color-primary-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.preset-save-btn:hover{background-color:var(--color-primary-lighter);border-style:solid}.preset-save-form{display:flex;flex-direction:column;gap:var(--space-2)}.preset-save-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.settings-page{max-width:800px;margin:0 auto;padding:var(--space-6)}.settings-page__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);color:var(--color-text-light)}.settings-page__header{margin-bottom:var(--space-8)}.settings-page__title-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.settings-page__icon{color:var(--color-primary)}.settings-page__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main)}.settings-page__description{color:var(--color-text-light);font-size:var(--text-base)}.settings-page__content{display:flex;flex-direction:column;gap:var(--space-6)}.settings-page__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.settings-card{padding:0;overflow:hidden}.settings-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border)}.settings-card__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.settings-card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.settings-field{display:flex;flex-direction:column;gap:var(--space-2)}.settings-field__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main)}.settings-field__hint{font-size:var(--text-xs);color:var(--color-text-light)}.settings-preview{padding:var(--space-4);background-color:var(--color-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border)}.settings-preview__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-light)}.settings-preview__text{font-size:var(--text-sm);color:var(--color-text-body);white-space:pre-wrap;font-family:inherit;margin:0;line-height:1.5}.media-library-page{max-width:1200px;margin:0 auto;padding:var(--space-6)}.media-library-page__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);color:var(--color-text-light)}.media-library-page__auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);text-align:center;color:var(--color-text-light)}.media-library-page__auth-required h2{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0}.media-library-page__auth-required p{color:var(--color-text-light);margin:0}.media-library-page__header{margin-bottom:var(--space-6)}.media-library-page__title-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.media-library-page__icon{color:var(--color-primary)}.media-library-page__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main)}.media-library-page__description{color:var(--color-text-light);font-size:var(--text-base)}.media-library-page__tabs{display:flex;gap:var(--space-2);padding:var(--space-2);background-color:var(--color-bg-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.media-library-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.media-library-tab:hover{color:var(--color-text-main);background-color:var(--color-bg-light)}.media-library-tab--active{color:var(--color-primary);background-color:var(--color-bg-main);box-shadow:var(--shadow-sm)}.media-library-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background-color:var(--color-primary);border-radius:var(--radius-full)}.media-library-tab--active .media-library-tab__badge{background-color:var(--color-primary-dark)}.media-library-page__content{min-height:400px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.media-grid--texts{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.media-grid--music{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.media-card{display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.media-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.media-card__preview{position:relative;aspect-ratio:9 / 16;background-color:var(--color-bg-dark);overflow:hidden}.media-card--background .media-card__preview{aspect-ratio:16 / 9}.media-card__video{width:100%;height:100%;object-fit:cover}.media-card__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:100%;color:var(--color-text-light);background-color:var(--color-bg-subtle)}.media-card__badge{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-inverse);background-color:var(--color-primary);border-radius:var(--radius-sm)}.media-card__badge--carousel{background:linear-gradient(135deg,#8b5cf6,#5e17eb)}.media-card--carousel .media-card__preview{cursor:pointer}.media-card--carousel .media-card__image{width:100%;height:100%;object-fit:cover}.media-card__placeholder--carousel{background:linear-gradient(135deg,#f3f0ff,#e9e4ff)}.media-card__slides-count{font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--font-weight-medium)}.media-card__body{flex:1;padding:var(--space-4)}.media-card__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media-card__description{font-size:var(--text-sm);color:var(--color-text-body);margin:var(--space-2) 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.media-card__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.media-card__status{font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.media-card__date{font-size:var(--text-xs);color:var(--color-text-light)}.media-card__category{font-size:var(--text-xs);color:var(--color-primary);background-color:var(--color-primary-lighter);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.media-card__duration{font-size:var(--text-xs);color:var(--color-text-light)}.media-card__badge-inline{font-size:var(--text-xs);color:var(--color-text-light);background-color:var(--color-bg-subtle);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.media-card__error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-2)}.media-card__original{margin-bottom:var(--space-3);padding:var(--space-2);background-color:var(--color-bg-subtle);border-radius:var(--radius-sm)}.media-card__original .media-card__label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-light);display:block;margin-bottom:var(--space-1)}.media-card__original p{font-size:var(--text-sm);color:var(--color-text-body);margin:0}.media-card__actions{display:flex;justify-content:flex-end;gap:var(--space-1);padding:var(--space-2) var(--space-4) var(--space-4);border-top:1px solid var(--color-border)}.media-card--music{flex-direction:row;align-items:center;padding:var(--space-3)}.media-card--music .media-card__body{padding:0 var(--space-3)}.media-card--music .media-card__actions{padding:0;border-top:none}.media-card__play-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;color:var(--color-primary);background-color:var(--color-primary-lighter);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.media-card__play-btn:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.media-card--playing .media-card__play-btn{background-color:var(--color-primary);color:var(--color-text-inverse);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 rgba(var(--color-primary-rgb),.4)}50%{box-shadow:0 0 0 10px rgba(var(--color-primary-rgb),0)}}.media-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);text-align:center;color:var(--color-text-light)}.media-empty-state h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.media-empty-state p{margin:0;max-width:300px}.media-library-page__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.media-library-page__page-info{font-size:var(--text-sm);color:var(--color-text-light)}@media (max-width: 768px){.media-library-page{padding:var(--space-4)}.media-library-page__tabs{flex-wrap:wrap}.media-library-tab{flex:1;justify-content:center;min-width:80px}.media-library-tab span:not(.media-library-tab__badge){display:none}.media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.media-card--music{flex-direction:column;text-align:center}.media-card--music .media-card__body{padding:var(--space-3) 0}}.upload-modal-overlay{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(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upload-modal{background:var(--color-bg-secondary);border-radius:var(--radius-xl);width:100%;max-width:500px;overflow:hidden;box-shadow:var(--shadow-xl);animation:modalSlideIn .3s var(--ease-out)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.upload-modal__header h2{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.upload-modal__close{background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.upload-modal__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-main)}.upload-modal__content{padding:var(--space-6)}.media-library-page__upload-btn{margin-left:auto}.media-library-page__title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);padding:var(--space-6)}.not-found-page__content{text-align:center;max-width:500px}.not-found-page__code{font-size:clamp(100px,20vw,180px);font-weight:var(--font-weight-bold);line-height:1;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;margin-bottom:var(--space-4);animation:glitch 2s ease-in-out infinite}.not-found-page__code:before,.not-found-page__code:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.not-found-page__code:before{animation:glitch-1 .3s ease-in-out infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);opacity:.8}.not-found-page__code:after{animation:glitch-2 .3s ease-in-out infinite reverse;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);opacity:.8}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-1px,-1px)}98%{transform:translate(1px,1px)}}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px,-1px)}40%{transform:translate(-2px,1px)}60%{transform:translate(1px,-2px)}80%{transform:translate(-1px,2px)}}.not-found-page__title{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-4)}.not-found-page__description{font-size:var(--text-base);color:var(--color-text-body);line-height:1.6;margin:0 0 var(--space-8)}.not-found-page__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-10)}.not-found-page__links{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.not-found-page__links-label{display:block;font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-3)}.not-found-page__links-list{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.not-found-page__links-list a{font-size:var(--text-sm);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.not-found-page__links-list a:hover{color:var(--color-primary-hover);text-decoration:underline}.landing-page{min-height:100vh;background:var(--color-bg-primary)}.landing-header{position:sticky;top:0;z-index:100;padding:var(--space-4) 0;background:rgba(var(--color-bg-primary-rgb, 255, 255, 255),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.landing-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.landing-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.landing-logo__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:var(--radius-lg);color:#fff}.landing-logo__icon--small{width:28px;height:28px}.landing-logo__text{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-main);letter-spacing:-.02em}.landing-nav{display:none;align-items:center;gap:var(--space-8)}@media (min-width: 768px){.landing-nav{display:flex}}.landing-nav__link{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);text-decoration:none;transition:color var(--transition-fast)}.landing-nav__link:hover{color:var(--color-primary)}.landing-header__actions{display:flex;align-items:center;gap:var(--space-3)}.landing-hero{padding:var(--space-16) 0 var(--space-20);background:linear-gradient(180deg,var(--color-bg-light) 0%,var(--color-bg-primary) 100%)}.landing-hero__content{max-width:720px;margin:0 auto;text-align:center}.landing-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-primary-lighter);border-radius:var(--radius-full)}.landing-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:1.1;color:var(--color-text-main);margin:0 0 var(--space-6);letter-spacing:-.02em}.landing-hero__description{font-size:var(--text-lg);line-height:1.6;color:var(--color-text-body);margin:0 0 var(--space-8)}.landing-hero__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.landing-hero__note{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.landing-features{padding:var(--space-16) 0;background:var(--color-bg-primary)}.landing-section__header{text-align:center;margin-bottom:var(--space-12)}.landing-section__title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0 0 var(--space-4)}.landing-section__subtitle{font-size:var(--text-lg);color:var(--color-text-body);margin:0}.landing-features__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.landing-features__grid{grid-template-columns:repeat(3,1fr)}}.landing-feature-card{text-align:center;padding:var(--space-8)}.landing-feature-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);border-radius:var(--radius-lg)}.landing-feature-card__icon--primary{background:var(--color-primary-lighter);color:var(--color-primary)}.landing-feature-card__icon--accent{background:var(--color-accent-light);color:var(--color-accent)}.landing-feature-card__icon--success{background:var(--color-success-light);color:var(--color-success)}.landing-feature-card__title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-3)}.landing-feature-card__text{font-size:var(--text-base);line-height:1.6;color:var(--color-text-body);margin:0}.landing-cta{padding:var(--space-16) 0;background:var(--color-primary)}.landing-cta__content{text-align:center}.landing-cta__title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--space-4)}.landing-cta__text{font-size:var(--text-lg);color:#ffffffe6;margin:0 0 var(--space-8)}.landing-footer{padding:var(--space-8) 0;background:var(--color-bg-dark);border-top:1px solid var(--color-border)}.landing-footer__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}@media (min-width: 768px){.landing-footer__inner{flex-direction:row;justify-content:space-between}}.landing-footer__copyright{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.landing-page .container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.page-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8)}.page-header__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-lighter);color:var(--color-primary);border-radius:var(--radius-lg);flex-shrink:0}.page-header__content{flex:1}.page-header__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0 0 var(--space-1)}.page-header__description{font-size:var(--text-base);color:var(--color-text-body);margin:0}.page-header__actions{display:flex;gap:var(--space-3)}.referrals-page{max-width:900px}.referral-link-card{padding:var(--space-6);margin-bottom:var(--space-6)}.referral-link-card__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.referral-link-card__icon{color:var(--color-primary)}.referral-link-card__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.referral-link-card__subtitle{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.referral-link-card__input-wrapper{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.referral-link-card__input{flex:1;padding:var(--space-3) var(--space-4);background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-main);font-family:var(--font-mono)}.referral-link-card__actions{display:flex;align-items:center;justify-content:space-between}.referral-link-card__code{font-size:var(--text-sm);color:var(--color-text-light)}.referral-link-card__code strong{color:var(--color-text-main);font-family:var(--font-mono)}.referrals-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width: 768px){.referrals-stats-grid{grid-template-columns:repeat(2,1fr)}}.referral-stat-card{text-align:center;padding:var(--space-5)}.referral-stat-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3);border-radius:var(--radius-full)}.referral-stat-card__icon--primary{background:var(--color-primary-lighter);color:var(--color-primary)}.referral-stat-card__icon--success{background:var(--color-success-light);color:var(--color-success)}.referral-stat-card__icon--accent{background:var(--color-accent-light);color:var(--color-accent)}.referral-stat-card__icon--info{background:var(--color-info-light);color:var(--color-info)}.referral-stat-card__value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin-bottom:var(--space-1)}.referral-stat-card__label{font-size:var(--text-sm);color:var(--color-text-light)}.referrals-howto{padding:var(--space-6);margin-bottom:var(--space-6)}.referrals-howto__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-6)}.referrals-howto__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width: 768px){.referrals-howto__steps{grid-template-columns:1fr}}.referrals-howto__step{display:flex;gap:var(--space-4)}.referrals-howto__step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);flex-shrink:0}.referrals-howto__step-content h3{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-1)}.referrals-howto__step-content p{font-size:var(--text-sm);color:var(--color-text-body);margin:0}.referrals-bonus-table{padding:var(--space-6)}.referrals-bonus-table__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-4)}.bonus-table{width:100%;border-collapse:collapse}.bonus-table th,.bonus-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.bonus-table th{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light)}.bonus-table td{font-size:var(--text-base);color:var(--color-text-main)}.bonus-table__points{color:var(--color-success);font-weight:var(--font-weight-semibold)}.analytics-page{max-width:1100px}.analytics-filters{margin-bottom:var(--space-6)}.analytics-time-range{display:flex;gap:var(--space-2);padding:var(--space-1);background:var(--color-bg-light);border-radius:var(--radius-lg);width:fit-content}.analytics-time-range__btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.analytics-time-range__btn:hover{color:var(--color-text-main)}.analytics-time-range__btn--active{background:var(--color-bg-card);color:var(--color-text-main);box-shadow:var(--shadow-sm)}.analytics-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width: 1024px){.analytics-metrics-grid{grid-template-columns:repeat(2,1fr)}}.analytics-metric-card{padding:var(--space-5)}.analytics-metric-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.analytics-metric-card__icon{color:var(--color-text-light)}.analytics-metric-card__change{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.analytics-metric-card__change--up{background:var(--color-success-light);color:var(--color-success)}.analytics-metric-card__change--down{background:var(--color-error-light);color:var(--color-error)}.analytics-metric-card__value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin-bottom:var(--space-1)}.analytics-metric-card__label{font-size:var(--text-sm);color:var(--color-text-light)}.analytics-chart-card{padding:var(--space-6);margin-bottom:var(--space-6)}.analytics-chart-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.analytics-chart-card__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.analytics-chart-card__legend{display:flex;gap:var(--space-4)}.analytics-chart-card__legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-body)}.analytics-chart-card__legend-item:before{content:"";width:12px;height:12px;border-radius:var(--radius-sm)}.analytics-chart-card__legend-item--primary:before{background:var(--color-primary)}.analytics-chart-card__legend-item--secondary:before{background:var(--color-accent)}.analytics-chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);background:var(--color-bg-light);border-radius:var(--radius-lg);color:var(--color-text-light)}.analytics-chart-placeholder p{margin:0;font-size:var(--text-sm)}.analytics-table-card{padding:var(--space-6)}.analytics-table-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.analytics-table-card__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.analytics-table-wrapper{overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th,.analytics-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.analytics-table th{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);white-space:nowrap}.analytics-table td{font-size:var(--text-sm);color:var(--color-text-main)}.analytics-table__title{font-weight:var(--font-weight-medium)}.analytics-table__platform{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);text-transform:capitalize}.analytics-table__platform--instagram{background:#e1306c20;color:#e1306c}.analytics-table__platform--tiktok{background:#00000020;color:var(--color-text-main)}.analytics-table__platform--youtube{background:#ff000020;color:red}.analytics-table__date{color:var(--color-text-light)}.subscription-page{max-width:1100px}.current-plan-card{padding:var(--space-5);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--color-primary-lighter) 0%,var(--color-bg-card) 100%)}.current-plan-card__header{display:flex;align-items:center;justify-content:space-between}.current-plan-card__label{font-size:var(--text-sm);color:var(--color-text-light)}.current-plan-card__name{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:var(--space-1) 0 0}.current-plan-card__status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-body)}.current-plan-card__upgrade-hint{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background:var(--color-warning-light);color:var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-sm)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-8)}@media (max-width: 1024px){.plans-grid{grid-template-columns:1fr}}.plan-card{position:relative;padding:var(--space-6);text-align:center;transition:all var(--transition-normal)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-card--popular{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.plan-card--current{background:var(--color-bg-light)}.plan-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full)}.plan-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);background:var(--color-bg-light);border-radius:var(--radius-full);color:var(--color-primary)}.plan-card__name{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0 0 var(--space-3)}.plan-card__price{margin-bottom:var(--space-5)}.plan-card__price-value{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-main)}.plan-card__price-period{font-size:var(--text-sm);color:var(--color-text-light);margin-left:var(--space-1)}.plan-card__features{list-style:none;padding:0;margin:0 0 var(--space-6);text-align:left}.plan-card__feature{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-body)}.plan-card__feature svg{color:var(--color-success);flex-shrink:0}.plan-card__btn{width:100%}.payment-history-card{padding:var(--space-6)}.payment-history-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--color-text-light)}.payment-history-card__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.payment-history-table-wrapper{overflow-x:auto}.payment-history-table{width:100%;border-collapse:collapse}.payment-history-table th,.payment-history-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.payment-history-table th{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light)}.payment-history-table td{font-size:var(--text-sm);color:var(--color-text-main)}.payment-status{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.payment-status--success{background:var(--color-success-light);color:var(--color-success)}.payment-status--error{background:var(--color-error-light);color:var(--color-error)}.payment-history-empty{text-align:center;padding:var(--space-8);color:var(--color-text-light)}.help-page{max-width:900px}.help-quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media (max-width: 768px){.help-quick-links{grid-template-columns:1fr}}.help-quick-link{padding:var(--space-5);text-align:center}.help-quick-link svg{color:var(--color-primary);margin-bottom:var(--space-3)}.help-quick-link h3{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-1)}.help-quick-link p{font-size:var(--text-sm);color:var(--color-text-light);margin:0 0 var(--space-3)}.help-quick-link a{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-primary);text-decoration:none}.help-quick-link a:hover{text-decoration:underline}.faq-section{padding:var(--space-6);margin-bottom:var(--space-6)}.faq-section__title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0 0 var(--space-5)}.faq-filters{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.faq-search{max-width:400px}.faq-categories{display:flex;gap:var(--space-2);flex-wrap:wrap}.faq-category-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);background:var(--color-bg-light);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.faq-category-btn:hover{background:var(--color-bg-subtle)}.faq-category-btn--active{background:var(--color-primary);color:#fff}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none}.faq-item__question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) 0;font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-main);background:none;border:none;text-align:left;cursor:pointer;transition:color var(--transition-fast)}.faq-item__question:hover{color:var(--color-primary)}.faq-item__question svg{flex-shrink:0;color:var(--color-text-light)}.faq-item__answer{padding:0 0 var(--space-4)}.faq-item__answer p{font-size:var(--text-base);line-height:1.6;color:var(--color-text-body);margin:0}.faq-empty{text-align:center;padding:var(--space-8);color:var(--color-text-light)}.contact-form-card{padding:var(--space-6)}.contact-form-card__title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0 0 var(--space-1)}.contact-form-card__subtitle{font-size:var(--text-base);color:var(--color-text-light);margin:0 0 var(--space-5)}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.contact-form__row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width: 640px){.contact-form__row{grid-template-columns:1fr}}.contact-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.contact-form__field label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;background:var(--color-bg-card, #FFFFFF);border-radius:1.5rem;border:1px solid #E5E7EB;border-color:var(--color-border, #E5E7EB);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #E5E7EB;border-bottom-color:var(--color-border, #E5E7EB);background:#fff}.modal__header h2{margin:0;font-size:1.25rem;font-weight:700;color:#0d0e12;color:var(--color-text-main, #0D0E12)}.modal__close{background:none;border:none;color:#9ca3af;color:var(--color-text-light, #9CA3AF);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .15s ease}.modal__close:hover{background:#f9fafb;background:var(--color-bg-light, #F9FAFB);color:#0d0e12;color:var(--color-text-main, #0D0E12)}.modal__close:disabled{opacity:.5;cursor:not-allowed}.modal__body{padding:1.5rem;overflow-y:auto;flex:1;background:#fff}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #E5E7EB;border-top-color:var(--color-border, #E5E7EB);background:#f9fafb;background:var(--color-bg-light, #F9FAFB)}.modal__success{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) 0;text-align:center}.modal__success svg{color:var(--color-success)}.modal__success p{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--color-text-main)}.platform-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.platform-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#f9fafb;background:var(--color-bg-light, #F9FAFB);border:2px solid transparent;border-radius:1rem;cursor:pointer;transition:all .15s ease}.platform-option:hover{background:#fff;background:var(--color-bg-card, #FFFFFF);border-color:#e5e7eb;border-color:var(--color-border, #E5E7EB)}.platform-option--active{background:#5e17eb0d;background:var(--color-primary-lighter, rgba(94, 23, 235, .05));border-color:#5e17eb;border-color:var(--color-primary, #5E17EB)}.platform-option:disabled{opacity:.5;cursor:not-allowed}.platform-option span{font-size:.875rem;font-weight:500;color:#4b5563;color:var(--color-text-body, #4B5563)}.platform-option--active span{color:#5e17eb;color:var(--color-primary, #5E17EB)}.input-with-prefix{display:flex;align-items:stretch;border:1px solid #E5E7EB;border-color:var(--color-border, #E5E7EB);border-radius:1rem;overflow:hidden;transition:border-color .15s ease;background:#fff}.input-with-prefix:focus-within{border-color:#5e17eb;border-color:var(--color-primary, #5E17EB);box-shadow:0 0 0 3px #5e17eb0d}.input-prefix{display:flex;align-items:center;padding:0 .75rem;background:#f9fafb;background:var(--color-bg-light, #F9FAFB);color:#9ca3af;color:var(--color-text-light, #9CA3AF);font-size:1rem;border-right:1px solid #E5E7EB;border-right-color:var(--color-border, #E5E7EB)}.input-with-prefix .form-input{border:none;border-radius:0;flex:1;background:#fff}.input-with-prefix .form-input:focus{box-shadow:none}.form-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.form-hint{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-light)}.integration-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-light)}.integration-loading .spin{animation:spin 1s linear infinite}.integration-card__username{display:block;font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-weight-normal);margin-top:var(--space-1)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-muted{color:var(--color-text-light);font-style:italic}.alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm)}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.alert button{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;text-decoration:underline;font-size:inherit}.media-picker{background:#fff;border:1px solid #E5E7EB;border-radius:1rem;overflow:hidden}.media-picker__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border-bottom:1px solid #E5E7EB}.media-picker__title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#0d0e12}.media-picker__actions{display:flex;align-items:center;gap:.5rem}.media-picker__mute-btn,.media-picker__refresh-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:.375rem;color:#9ca3af;cursor:pointer;transition:all .15s}.media-picker__mute-btn:hover,.media-picker__refresh-btn:hover{background:#e5e7eb;color:#4b5563}.media-picker__content{max-height:300px;overflow-y:auto;padding:.75rem}.media-picker__loading,.media-picker__error,.media-picker__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:#9ca3af;font-size:.875rem}.media-picker__error button{margin-top:.5rem;padding:.25rem .75rem;background:#5e17eb;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.75rem}.media-picker__section-title{font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .5rem;padding:0 .25rem}.media-picker__section-title:first-child{margin-top:0}.media-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.media-picker__item{position:relative;display:flex;flex-direction:column;gap:.375rem;padding:.5rem;background:#f9fafb;border:2px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .15s}.media-picker__item:hover{background:#f3f4f6;border-color:#e5e7eb}.media-picker__item--selected{background:#5e17eb0d;border-color:#5e17eb}.media-picker__item--playing{border-color:#10b981}.media-picker__item--random{flex-direction:row;align-items:center;padding:.75rem;margin-bottom:.5rem}.media-picker__item--random .media-picker__item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#e5e7eb;border-radius:.5rem;color:#4b5563}.media-picker__item--random .media-picker__item-info{flex:1;margin-left:.75rem}.media-picker__item-preview{position:relative;width:100%;aspect-ratio:9 / 16;background:#1f2937;border-radius:.375rem;overflow:hidden}.media-picker__item-preview video{width:100%;height:100%;object-fit:cover}.media-picker__item-music-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#5e17eb,#7c3aed);color:#fff}.media-picker__item-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;border:none;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s}.media-picker__item:hover .media-picker__item-play,.media-picker__item--playing .media-picker__item-play{opacity:1}.media-picker__item-info{display:flex;flex-direction:column;gap:.125rem}.media-picker__item-name{font-size:.75rem;font-weight:500;color:#0d0e12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-picker__item-meta,.media-picker__item-duration{font-size:.625rem;color:#9ca3af}.media-picker__item-check{position:absolute;top:.375rem;right:.375rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#5e17eb;border-radius:50%;color:#fff}.integration-tags-filter{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.integration-tags-filter__label{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#9ca3af}.integration-tag{padding:.25rem .75rem;background:#f3f4f6;border:1px solid transparent;border-radius:9999px;font-size:.75rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .15s}.integration-tag:hover{background:#e5e7eb}.integration-tag--active{background:#5e17eb1a;border-color:#5e17eb;color:#5e17eb}.integration-card__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.integration-card__tag{padding:.125rem .5rem;background:#5e17eb1a;border-radius:.25rem;font-size:.625rem;font-weight:500;color:#5e17eb}.tags-editor{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:#f9fafb;border:1px solid #E5E7EB;border-radius:.5rem;min-height:42px}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#5e17eb;border-radius:.25rem;font-size:.75rem;color:#fff}.tag-chip button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;opacity:.7;cursor:pointer;padding:0}.tag-chip button:hover{opacity:1}.tag-input-wrapper{display:flex;align-items:center;gap:.25rem;flex:1;min-width:100px}.tag-input{flex:1;background:none;border:none;font-size:.875rem;color:#0d0e12;outline:none}.tag-input::placeholder{color:#9ca3af}.tag-add-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border:none;border-radius:.25rem;color:#4b5563;cursor:pointer;font-size:1rem;font-weight:700}.tag-add-btn:hover:not(:disabled){background:#d1d5db}.tag-add-btn:disabled{opacity:.5;cursor:not-allowed}.tags-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem}.tags-suggestions__label{font-size:.75rem;color:#9ca3af}.tag-suggestion{padding:.125rem .5rem;background:#f3f4f6;border:1px dashed #D1D5DB;border-radius:.25rem;font-size:.75rem;color:#4b5563;cursor:pointer;transition:all .15s}.tag-suggestion:hover:not(:disabled){background:#e5e7eb;border-style:solid}.modal--wide{max-width:560px}.form-textarea{min-height:60px;resize:vertical}.coming-soon-card{padding:var(--space-12);text-align:center;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-hover) 100%);border:2px dashed var(--color-border)}.coming-soon-card__content{max-width:480px;margin:0 auto}.coming-soon-card__icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--color-primary-soft) 0%,var(--color-accent-soft) 100%);border-radius:var(--radius-full);color:var(--color-primary)}.coming-soon-card__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-4)}.coming-soon-card__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-8)}.coming-soon-card__features{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-8)}.coming-soon-card__feature{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary)}.coming-soon-card__feature svg{color:var(--color-primary)}.coming-soon-modal{max-width:420px;text-align:center}.coming-soon-modal__content{padding:var(--space-2)}.coming-soon-modal__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-primary-soft) 0%,var(--color-accent-soft) 100%);border-radius:var(--radius-full);color:var(--color-primary)}.coming-soon-modal__title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-3)}.coming-soon-modal__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.coming-soon-modal__plan-card{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);color:#fff}.coming-soon-modal__plan-name{font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.coming-soon-modal__plan-price{font-size:var(--text-2xl);font-weight:var(--font-weight-bold)}.coming-soon-modal__plan-period{font-size:var(--text-sm);opacity:.8}.coming-soon-modal__actions{display:flex;flex-direction:column;gap:var(--space-3)}.coming-soon-modal__actions .btn-primary{width:100%}.coming-soon-modal__actions .btn-ghost{color:var(--color-text-secondary)}.carousel-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.carousel-preview-empty{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);text-align:center;min-height:300px}.carousel-preview-empty svg{color:var(--color-text-muted)}.carousel-preview-empty h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.carousel-preview-empty p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.carousel-preview-header{display:flex;align-items:center;justify-content:space-between}.carousel-preview-header h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.carousel-preview-count{font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.carousel-preview-current{display:flex;align-items:stretch;gap:var(--space-3);min-height:280px}.carousel-preview-nav{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.carousel-preview-nav:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.carousel-preview-nav:disabled{opacity:.3;cursor:not-allowed}.carousel-preview-slide{flex:1;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-surface) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;position:relative;overflow:hidden}.carousel-preview-slide:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%)}.carousel-preview-slide-type{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-primary-subtle);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);width:fit-content;margin-bottom:var(--space-4)}.carousel-preview-slide-content{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.carousel-preview-slide-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.3}.carousel-preview-slide-body{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.6}.carousel-preview-slide-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.carousel-preview-slide-items li{font-size:var(--text-sm);color:var(--color-text-secondary);padding-left:var(--space-4);position:relative}.carousel-preview-slide-items li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700}.carousel-preview-slide-number{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-top:auto;padding-top:var(--space-4)}.carousel-preview-dots{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.carousel-preview-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);border:none;cursor:pointer;padding:0;transition:all var(--transition-fast)}.carousel-preview-dot:hover{background:var(--color-text-muted)}.carousel-preview-dot-active{background:var(--color-primary);width:24px;border-radius:var(--radius-full)}.carousel-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.carousel-preview-thumb{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:var(--space-2);transition:all var(--transition-fast)}.carousel-preview-thumb:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary-light)}.carousel-preview-thumb-active{border-color:var(--color-primary);background:var(--color-primary-subtle)}.carousel-preview-thumb-type{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-primary)}.carousel-preview-thumb-title{font-size:var(--text-xs);color:var(--color-text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.carousel-preview-thumb-num{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:auto}.carousel-preview-description{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.carousel-preview-description h4{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.carousel-preview-description p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.carousel-preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.text-preview{background-color:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.text-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-light)}.text-preview-header-title{display:flex;align-items:center;gap:var(--space-2)}.text-preview-header-title h3{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.text-preview-header-actions{display:flex;align-items:center;gap:var(--space-2)}.text-preview-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-error-light);color:var(--color-error);font-size:var(--text-sm)}.text-preview-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.text-preview-field{display:flex;flex-direction:column;gap:var(--space-2)}.text-preview-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.text-preview-label-row{display:flex;align-items:center;justify-content:space-between}.text-preview-char-count{font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.text-preview-char-count.text-muted{color:var(--color-text-light)}.text-preview-char-count.text-warning{color:var(--color-warning)}.text-preview-char-count.text-error{color:var(--color-error)}.text-preview-value{padding:var(--space-3);background-color:var(--color-bg-light);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-main);line-height:1.6}.text-preview-title{font-weight:var(--font-weight-semibold);font-size:var(--text-base)}.text-preview-description{white-space:pre-wrap;max-height:400px;overflow-y:auto}.text-preview-tips{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-subtle);border-top:1px solid var(--color-border)}.text-preview-tips p{margin:0;font-size:var(--text-sm);color:var(--color-text-light)}.text-preview-content-loading{position:relative;min-height:300px}.text-preview-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffffe6;border-radius:var(--radius-md);z-index:10}.text-preview-loading-spinner{color:var(--color-primary);margin-bottom:var(--space-3)}.text-preview-loading-spinner svg{animation:spin 1s linear infinite}.text-preview-loading-text{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-1)}.text-preview-loading-subtext{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.text-preview-skeleton{background:linear-gradient(90deg,var(--color-bg-light) 25%,var(--color-bg-subtle) 50%,var(--color-bg-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.text-preview-skeleton-title{height:40px;width:80%}.text-preview-skeleton-group{display:flex;flex-direction:column;gap:var(--space-2)}.text-preview-skeleton-line{height:16px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:220px;background-color:var(--color-bg-white);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-sticky)}.sidebar-header{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);height:52px}.sidebar-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.sidebar-logo__icon{width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo__text{font-size:1.125rem;font-weight:var(--font-weight-bold);color:var(--color-text-main)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-2) 0}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.sidebar-group{margin-bottom:var(--space-1)}.sidebar-group__label{padding:var(--space-2) var(--space-3);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.08em}.sidebar-group__items{display:flex;flex-direction:column;gap:1px;padding:0 var(--space-2)}.sidebar-menu-item-wrapper{width:100%}.sidebar-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px 10px;border-radius:var(--radius-md);color:var(--color-text-body);text-decoration:none;font-size:13px;font-weight:var(--font-weight-medium);transition:all var(--transition-fast) var(--ease-out);cursor:pointer;border:none;background:transparent;text-align:left}.sidebar-menu-item:hover{background-color:var(--color-bg-light);color:var(--color-text-main)}.sidebar-menu-item--active,.sidebar-menu-item--active:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.sidebar-menu-item__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar-menu-item__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu-item__arrow{display:flex;align-items:center;justify-content:center;color:var(--color-text-light);transition:transform var(--transition-fast) var(--ease-out)}.sidebar-menu-item--sub{padding-left:32px;font-size:12px}.sidebar-menu-item--sub .sidebar-menu-item__icon{width:18px;height:18px}.sidebar-submenu{display:flex;flex-direction:column;gap:1px;margin-top:1px}.sidebar-footer{border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md)}.sidebar-user__avatar{width:28px;height:28px;border-radius:var(--radius-full);background-color:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.sidebar-user__avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user__info{display:flex;flex-direction:column;min-width:0}.sidebar-user__name{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user__plan{font-size:10px;color:var(--color-text-light)}.sidebar-logout{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px 10px;border-radius:var(--radius-md);color:var(--color-text-light);font-size:12px;font-weight:var(--font-weight-medium);transition:all var(--transition-fast) var(--ease-out);cursor:pointer;background:none;border:none}.sidebar-logout:hover{background-color:var(--color-error-light);color:var(--color-error)}.sidebar-login-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:10px 12px;border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-text-inverse);font-size:12px;font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast) var(--ease-out)}.sidebar-login-btn:hover{background-color:var(--color-primary-hover)}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform .25s ease;box-shadow:none}.sidebar--open{transform:translate(0);box-shadow:4px 0 24px #00000026}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:calc(var(--z-sticky) - 1);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.sidebar-overlay--visible{opacity:1;visibility:visible}.dashboard-main{margin-left:0!important}.mobile-menu-toggle{display:flex!important}}.mobile-menu-toggle{display:none;position:fixed;top:12px;left:12px;z-index:calc(var(--z-sticky) + 1);width:40px;height:40px;border-radius:8px;background:var(--color-bg-white);border:1px solid var(--color-border);align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a}.mobile-menu-toggle:hover{background:var(--color-bg-light)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4);padding:var(--space-6)}.bento-cell{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-5);transition:all var(--transition-normal) var(--ease-out);overflow:hidden}.bento-cell:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-dark)}.bento-cell--span-3{grid-column:span 3}.bento-cell--span-4{grid-column:span 4}.bento-cell--span-5{grid-column:span 5}.bento-cell--span-6{grid-column:span 6}.bento-cell--span-7{grid-column:span 7}.bento-cell--span-8{grid-column:span 8}.bento-cell--span-12{grid-column:span 12}.bento-cell--tall{min-height:280px}.bento-cell--medium{min-height:200px}.bento-cell--short{min-height:120px}.bento-cell--auto{min-height:auto}.plan-fact{display:flex;flex-direction:column;height:100%}.plan-fact__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.plan-fact__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.plan-fact__title-icon{color:var(--color-primary)}.plan-fact__edit-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-text-light);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.plan-fact__edit-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-lighter)}.plan-fact__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.plan-fact__progress-ring{position:relative;width:140px;height:140px}.plan-fact__progress-ring svg{transform:rotate(-90deg)}.plan-fact__progress-bg{fill:none;stroke:var(--color-bg-grey);stroke-width:12}.plan-fact__progress-bar{fill:none;stroke:var(--color-primary);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow) var(--ease-out)}.plan-fact__progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.plan-fact__progress-value{display:block;font-size:var(--font-h3);font-weight:var(--font-weight-bold);color:var(--color-text-main);line-height:1}.plan-fact__progress-label{display:block;font-size:var(--text-xs);color:var(--color-text-light);margin-top:var(--space-1)}.plan-fact__stats{display:flex;gap:var(--space-6);text-align:center}.plan-fact__stat-value{display:block;font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.plan-fact__stat-label{font-size:var(--text-xs);color:var(--color-text-light)}.stats-compact{display:flex;align-items:center;gap:var(--space-3);height:100%}.stats-compact__item{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-light);border-radius:var(--radius-md);transition:background var(--transition-fast) var(--ease-out)}.stats-compact__item:hover{background:var(--color-bg-grey)}.stats-compact__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-white);color:var(--color-primary)}.stats-compact__icon--success{color:var(--color-success)}.stats-compact__icon--info{color:var(--color-info)}.stats-compact__icon--warning{color:var(--color-warning)}.stats-compact__info{flex:1;min-width:0}.stats-compact__value{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-main);line-height:1.2}.stats-compact__label{font-size:var(--text-xs);color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-compact__trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-success)}.stats-compact__trend--down{color:var(--color-error)}.mini-calendar{display:flex;flex-direction:column;height:100%}.mini-calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.mini-calendar__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.mini-calendar__title-icon{color:var(--color-info)}.mini-calendar__nav{display:flex;gap:var(--space-1)}.mini-calendar__nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.mini-calendar__nav-btn:hover{color:var(--color-text-main);border-color:var(--color-border-dark)}.mini-calendar__month{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.mini-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);margin-bottom:var(--space-2)}.mini-calendar__weekday{text-align:center;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-light);padding:var(--space-1)}.mini-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);flex:1}.mini-calendar__day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;font-size:var(--text-sm);color:var(--color-text-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.mini-calendar__day:hover{background:var(--color-bg-light)}.mini-calendar__day--today{background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold)}.mini-calendar__day--today:hover{background:var(--color-primary-hover)}.mini-calendar__day--other-month{color:var(--color-text-disabled)}.mini-calendar__day--has-content:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;background:var(--color-accent);border-radius:var(--radius-full)}.mini-calendar__day--today.mini-calendar__day--has-content:after{background:var(--color-text-inverse)}.mini-calendar__day-count{position:absolute;top:2px;right:2px;min-width:14px;height:14px;padding:0 4px;font-size:9px;font-weight:var(--font-weight-bold);color:var(--color-text-inverse);background:var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.quick-actions-compact{display:flex;flex-direction:column;height:100%}.quick-actions-compact__header{margin-bottom:var(--space-3)}.quick-actions-compact__title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.quick-actions-compact__grid{display:flex;gap:var(--space-2);flex:1}.quick-actions-compact__btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-light);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.quick-actions-compact__btn:hover{background:var(--color-bg-white);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-actions-compact__btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-inverse)}.quick-actions-compact__btn-icon--video{background:var(--color-primary)}.quick-actions-compact__btn-icon--image{background:var(--color-success)}.quick-actions-compact__btn-icon--text{background:var(--color-info)}.quick-actions-compact__btn-icon--ai{background:linear-gradient(135deg,var(--color-primary),var(--color-accent))}.quick-actions-compact__btn-label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.channel-status{margin-top:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.channel-status__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);cursor:pointer}.channel-status__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.channel-status__toggle{color:var(--color-text-light);transition:transform var(--transition-fast) var(--ease-out)}.channel-status__toggle--open{transform:rotate(180deg)}.channel-status__list{display:flex;flex-direction:column;gap:var(--space-1);max-height:300px;overflow-y:auto}.channel-status__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast) var(--ease-out)}.channel-status__item:hover{background:var(--color-bg-light)}.channel-status__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-body)}.channel-status__name{flex:1;font-size:var(--text-sm);color:var(--color-text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-status__indicator{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.channel-status__indicator--connected{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.channel-status__indicator--disconnected{background:var(--color-text-disabled)}.channel-status__indicator--error{background:var(--color-error);box-shadow:0 0 6px var(--color-error);animation:pulse-error 2s infinite}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.5}}.channel-status__summary{display:flex;gap:var(--space-3);padding:var(--space-2);margin-bottom:var(--space-2);background:var(--color-bg-light);border-radius:var(--radius-sm)}.channel-status__summary-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-light)}.channel-status__summary-count{font-weight:var(--font-weight-semibold);color:var(--color-text-body)}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dashboard-welcome__text{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.dashboard-welcome__date{font-size:var(--text-sm);color:var(--color-text-light)}.dashboard-row{display:grid;grid-template-columns:280px 1fr;gap:var(--space-6)}.channels-widget{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.channels-widget__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.channels-widget__title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.channels-widget__link{font-size:var(--text-xs);color:var(--color-primary);text-decoration:none}.channels-widget__link:hover{text-decoration:underline}.channels-widget__list{display:flex;flex-direction:column;gap:var(--space-2)}.channels-widget__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-light);border-radius:var(--radius-md);transition:background var(--transition-fast) var(--ease-out)}.channels-widget__item:hover{background:var(--color-bg-grey)}.channels-widget__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--color-text-body)}.channels-widget__name{flex:1;font-size:var(--text-sm);color:var(--color-text-body)}.channels-widget__status{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.channels-widget__status--connected{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.channels-widget__status--disconnected{background:var(--color-text-disabled)}.channels-widget__status--error{background:var(--color-error);box-shadow:0 0 6px var(--color-error);animation:pulse-error 2s infinite}.channels-widget__status--paused{background:var(--color-warning)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.integration-stats{display:flex;gap:var(--space-4);flex-wrap:wrap}.integration-stat{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.integration-stat:hover{border-color:var(--color-primary);background:var(--color-primary-lighter)}.integration-stat__dot{width:8px;height:8px;border-radius:var(--radius-full)}.integration-stat__value{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-main)}.integration-stat__label{font-size:var(--text-sm);color:var(--color-text-light)}.integration-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.integration-filter{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.integration-filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.integration-filter--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.integration-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.integration-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast) var(--ease-out)}.integration-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-dark)}.integration-card--connected{border-left:3px solid var(--color-success)}.integration-card--error{border-left:3px solid var(--color-error)}.integration-card--paused{border-left:3px solid var(--color-warning)}.integration-card--disconnected{opacity:.7}.integration-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-bg-light);border-radius:var(--radius-md);color:var(--color-text-body);flex-shrink:0}.integration-card__info{flex:1;min-width:0}.integration-card__name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin-bottom:var(--space-1)}.integration-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs)}.integration-card__status{font-weight:var(--font-weight-medium)}.integration-card__sync,.integration-card__followers{color:var(--color-text-light)}.integration-card__actions{display:flex;gap:var(--space-2);flex-shrink:0}@media (max-width: 1280px){.bento-cell--span-3{grid-column:span 4}.bento-cell--span-4,.bento-cell--span-5{grid-column:span 6}.bento-cell--span-7,.bento-cell--span-8{grid-column:span 12}.dashboard-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(6,1fr);gap:var(--space-3);padding:var(--space-4)}.bento-cell--span-3,.bento-cell--span-4,.bento-cell--span-5,.bento-cell--span-6{grid-column:span 6}.stats-compact{flex-wrap:wrap}.stats-compact__item{flex:1 1 calc(50% - var(--space-2));min-width:140px}.stats-grid{grid-template-columns:repeat(2,1fr)}.integration-list{grid-template-columns:1fr}.integration-card__actions{flex-direction:column}}@media (max-width: 768px){.bento-grid{grid-template-columns:1fr}.bento-cell--span-3,.bento-cell--span-4,.bento-cell--span-5,.bento-cell--span-6,.bento-cell--span-7,.bento-cell--span-8,.bento-cell--span-12{grid-column:span 1}.quick-actions-compact__grid{flex-wrap:wrap}.quick-actions-compact__btn{flex:1 1 calc(50% - var(--space-1))}.integration-stats{flex-direction:column}.integration-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-2)}.integration-filter{flex-shrink:0}}.channels-widget__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);color:var(--color-text-light);font-size:var(--text-sm)}.channels-widget__sync{font-size:var(--text-xs);color:var(--color-text-light);margin-left:auto;margin-right:var(--space-2)}.stat-card--loading{background:var(--color-bg-light);min-height:100px}.stat-card__skeleton{width:100%;height:100%;background:linear-gradient(90deg,var(--color-bg-light) 25%,var(--color-bg-subtle) 50%,var(--color-bg-light) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-error{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4);margin-top:var(--space-4);background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-lg);font-size:var(--text-sm)}.dashboard-error button{padding:var(--space-2) var(--space-4);background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast)}.dashboard-error button:hover{opacity:.9}.ai-tools-page{padding:var(--space-6) 0}.ai-tools-page__header{margin-bottom:var(--space-6)}.ai-tools-page__title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-heading);margin:0 0 var(--space-2)}.ai-tools-page__subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin:0}.ai-tools-page__tabs{margin-bottom:var(--space-6)}.ai-tool-stub{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-6);background:var(--color-bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--color-border-light)}.ai-tool-stub__icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-radius:var(--radius-full);color:#fff;margin-bottom:var(--space-6)}.ai-tool-stub__icon--personality{background:linear-gradient(135deg,#a855f7,#6366f1)}.ai-tool-stub__content{max-width:480px}.ai-tool-stub__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-heading);margin:0 0 var(--space-3)}.ai-tool-stub__description{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.6;margin:0 0 var(--space-4)}.ai-tool-stub__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-warning-light);color:var(--color-warning-dark);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.ai-tool-stub__features{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.ai-tool-stub__feature{padding:var(--space-1) var(--space-3);background:var(--color-bg-subtle);color:var(--color-text-body);font-size:var(--text-sm);border-radius:var(--radius-md)}.ai-tool-stub__divider{width:100%;display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.ai-tool-stub__divider:before,.ai-tool-stub__divider:after{content:"";flex:1;height:1px;background:var(--color-border-light)}.ai-tool-stub__action{margin-top:var(--space-2)}.ai-tool-stub__action-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-3) 0 0}.image-generator{display:flex;flex-direction:column;gap:var(--space-6)}.image-generator__hero{text-align:center;padding:var(--space-8) var(--space-6);background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:var(--radius-xl)}.image-generator__hero-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:var(--radius-lg);color:#fff;margin:0 auto var(--space-4)}.image-generator__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-heading);margin:0 0 var(--space-2)}.image-generator__subtitle{font-size:var(--text-base);color:var(--color-text-muted);max-width:560px;margin:0 auto}.image-generator__workspace{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media (max-width: 1024px){.image-generator__workspace{grid-template-columns:1fr}}.image-generator__controls{display:flex;flex-direction:column;gap:var(--space-5);background:var(--color-bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);padding:var(--space-6)}.image-generator__field{display:flex;flex-direction:column;gap:var(--space-2)}.image-generator__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-heading)}.image-generator__upload-zone{position:relative}.image-generator__upload-input{position:absolute;opacity:0;width:0;height:0}.image-generator__upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:120px;padding:var(--space-4);border:2px dashed var(--color-border-medium);border-radius:var(--radius-lg);background:var(--color-bg-subtle);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.image-generator__upload-label:hover{border-color:var(--color-primary);background:#6366f10d}.image-generator__upload-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.image-generator__uploaded-preview{max-width:100%;max-height:200px;border-radius:var(--radius-md);object-fit:contain}.image-generator__clear-upload{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-medium);border-radius:var(--radius-full);font-size:var(--text-sm);cursor:pointer}.image-generator__styles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.image-generator__style-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.image-generator__style-btn:hover{border-color:var(--color-primary)}.image-generator__style-btn--active{background:var(--color-primary-light);border-color:var(--color-primary)}.image-generator__style-icon{font-size:var(--text-xl)}.image-generator__style-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-body)}.image-generator__ratios{display:flex;gap:var(--space-2)}.image-generator__ratio-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.image-generator__ratio-btn:hover{border-color:var(--color-primary)}.image-generator__ratio-btn--active{background:var(--color-primary-light);border-color:var(--color-primary)}.image-generator__ratio-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-heading)}.image-generator__ratio-desc{font-size:var(--text-xs);color:var(--color-text-muted)}.image-generator__generate-btn{width:100%;margin-top:var(--space-2)}.image-generator__result{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);padding:var(--space-6);min-height:400px}.image-generator__result-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--color-text-muted)}.image-generator__result-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.image-generator__result-image{max-width:100%;max-height:400px;border-radius:var(--radius-lg);object-fit:contain}.image-generator__result-actions{display:flex;gap:var(--space-3)}.text-generator{display:flex;flex-direction:column;gap:var(--space-6)}.text-generator__header{text-align:center;padding:var(--space-8) var(--space-6);background:linear-gradient(135deg,#10b9811a,#3b82f61a);border-radius:var(--radius-xl)}.text-generator__header-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:var(--radius-lg);color:#fff;margin:0 auto var(--space-4)}.text-generator__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-heading);margin:0 0 var(--space-2)}.text-generator__subtitle{font-size:var(--text-base);color:var(--color-text-muted);max-width:560px;margin:0 auto}.text-generator__workspace{display:flex;flex-direction:column;gap:var(--space-6);max-width:720px;margin:0 auto}.text-generator__input-section{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);padding:var(--space-6)}.text-generator__field{display:flex;flex-direction:column;gap:var(--space-2)}.text-generator__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-heading)}.text-generator__generate-btn{width:100%}.text-generator__error{padding:var(--space-3);background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm)}.text-generator__result{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);padding:var(--space-6)}.text-generator__result-block{display:flex;flex-direction:column;gap:var(--space-2)}.text-generator__result-header{display:flex;align-items:center;justify-content:space-between}.text-generator__copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg-subtle);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.text-generator__copy-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.text-generator__result-text{padding:var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-md);font-size:var(--text-base);line-height:1.6}.text-generator__result-title{font-weight:var(--font-semibold);color:var(--color-text-heading)}.text-generator__result-description{color:var(--color-text-body);white-space:pre-wrap}.text-generator__regenerate-btn{align-self:center;margin-top:var(--space-2)}.nanobanana{display:flex;flex-direction:column;min-height:calc(100vh - 200px)}.nanobanana-gallery{flex:1;display:flex;flex-direction:column;padding-bottom:var(--space-6)}.nanobanana-gallery__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-muted);text-align:center;padding:var(--space-12)}.nanobanana-gallery__empty p{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-body);margin:0}.nanobanana-gallery__empty span{font-size:var(--text-sm)}.nanobanana-gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 1200px){.nanobanana-gallery__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.nanobanana-gallery__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.nanobanana-gallery__grid{grid-template-columns:1fr}}.nanobanana-gallery__item{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-subtle)}.nanobanana-gallery__item img{width:100%;height:100%;object-fit:cover}.nanobanana-gallery__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:var(--space-3);background:linear-gradient(to top,rgba(0,0,0,.5),transparent);opacity:0;transition:opacity var(--transition-fast)}.nanobanana-gallery__item:hover .nanobanana-gallery__overlay{opacity:1}.nanobanana-gallery__action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-elevated);border:none;border-radius:var(--radius-md);color:var(--color-text-body);cursor:pointer;transition:all var(--transition-fast)}.nanobanana-gallery__action:hover{background:var(--color-primary);color:#fff}.nanobanana-panel{position:sticky;bottom:0;background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 -4px 20px #00000014}.nanobanana-panel__main{display:flex;align-items:flex-start;gap:var(--space-4)}.nanobanana-references{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;max-width:300px}.nanobanana-reference{position:relative;width:40px;height:40px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.nanobanana-reference img{width:100%;height:100%;object-fit:cover}.nanobanana-reference__remove{position:absolute;top:-4px;right:-4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--color-error);border:none;border-radius:var(--radius-full);color:#fff;font-size:10px;cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.nanobanana-reference:hover .nanobanana-reference__remove{opacity:1}.nanobanana-upload{position:relative;flex-shrink:0}.nanobanana-upload__input{position:absolute;opacity:0;width:0;height:0}.nanobanana-upload__label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:40px;height:40px;background:var(--color-bg-subtle);border:2px dashed var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.nanobanana-upload__label:hover{border-color:var(--color-primary);color:var(--color-primary)}.nanobanana-upload__label svg{width:16px;height:16px}.nanobanana-upload__count{font-size:8px;font-weight:var(--font-medium)}.nanobanana-prompt{flex:1}.nanobanana-prompt__textarea textarea{min-height:56px;resize:none}.nanobanana-generate{flex-shrink:0;height:56px;padding:0 var(--space-8)}.nanobanana-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-error-soft);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:var(--space-2)}.nanobanana-error svg{flex-shrink:0}.nanobanana-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.nanobanana-controls__select{min-width:140px}.nanobanana-controls__select--model{min-width:160px}.nanobanana-controls__select--ratio{min-width:80px}.nanobanana-controls__select--resolution{min-width:70px}.nanobanana-controls__select .form-label{display:none}.nanobanana-controls__select .form-group{margin:0}.nanobanana-controls__select .select-dropdown{bottom:100%;top:auto;margin-bottom:var(--space-1);margin-top:0}.nanobanana-controls__count{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.nanobanana-controls__count-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-body);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast)}.nanobanana-controls__count-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.nanobanana-controls__count-btn:disabled{opacity:.4;cursor:not-allowed}.nanobanana-controls__count-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-body);min-width:32px;text-align:center}@media (max-width: 768px){.nanobanana-panel__main{flex-wrap:wrap}.nanobanana-prompt{order:1;width:100%}.nanobanana-upload{order:0}.nanobanana-generate{order:2;width:100%}.nanobanana-controls{justify-content:flex-start}.nanobanana-controls__select{flex:1;min-width:100px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--color-bg-dark) 0%,var(--color-bg-main) 100%)}.auth-page__container{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.auth-page__logo{display:flex;align-items:center;gap:var(--space-3)}.auth-page__logo-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:var(--text-lg);font-weight:var(--font-weight-bold);border-radius:var(--radius-lg)}.auth-page__logo-text{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);letter-spacing:-.02em}.auth-card{width:100%;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.auth-card__header{text-align:center;margin-bottom:var(--space-6)}.auth-card__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0 0 var(--space-2)}.auth-card__subtitle{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.auth-card__footer{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--text-sm)}.auth-card__footer span{color:var(--color-text-light)}.auth-card__footer a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.auth-card__footer a:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm)}.auth-error svg{flex-shrink:0}.auth-referral-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-primary-lighter);color:var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-field__header{display:flex;align-items:center;justify-content:space-between}.auth-field__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main)}.auth-field__toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;color:var(--color-text-light);cursor:pointer;transition:color var(--transition-fast)}.auth-field__toggle:hover{color:var(--color-text-main)}.auth-field__input-wrapper{position:relative;display:flex;align-items:center;width:100%}.auth-field__input-wrapper .form-group{width:100%;margin:0}.auth-field__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-light);pointer-events:none;z-index:10}.auth-field__input,.auth-field__input-wrapper .form-group .input-field{width:100%;padding-left:42px!important;padding-right:16px!important}.auth-form__forgot{text-align:right;margin-top:calc(-1 * var(--space-2))}.auth-form__forgot a{font-size:var(--text-sm);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.auth-form__forgot a:hover{text-decoration:underline}.auth-form__submit{width:100%;height:48px;margin-top:var(--space-2)}.auth-checkbox{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-body)}.auth-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:var(--color-primary)}.auth-checkbox label{cursor:pointer;line-height:1.4}.auth-checkbox a{color:var(--color-primary);text-decoration:none}.auth-checkbox a:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.auth-divider span{font-size:var(--text-sm);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.auth-social{display:flex;flex-direction:column;gap:var(--space-3)}.auth-social__btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:48px;padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main);background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.auth-social__btn:hover{background-color:var(--color-bg-subtle);border-color:var(--color-border-hover)}.auth-social__btn--telegram{background-color:#229ed9;border-color:#229ed9;color:#fff}.auth-social__btn--telegram:hover{background-color:#1a8cc5;border-color:#1a8cc5}.auth-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:400px;color:var(--color-text-light)}.auth-loading__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:auth-spin .8s linear infinite}@media (max-width: 480px){.auth-page{padding:var(--space-4)}.auth-card{padding:var(--space-6)}.auth-card__title{font-size:var(--text-xl)}}.ready-content-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}.page-header__left{flex:1}.page-header__right{display:flex;gap:12px;align-items:center}.page-title{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0}.page-subtitle{font-size:14px;color:var(--color-text-tertiary);margin:4px 0 0}.filter-select{padding:8px 32px 8px 12px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;font-size:14px;color:var(--color-text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-select:hover{border-color:var(--color-primary)}.account-groups{display:flex;flex-direction:column;gap:24px}.account-group{background:var(--color-bg-card);border-radius:16px;border:1px solid var(--color-border);overflow:hidden}.account-group__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#8a2be20d,#ff14930d);cursor:pointer;transition:background .2s ease}.account-group__header:hover{background:linear-gradient(135deg,#8a2be21a,#ff14931a)}.account-group__info{display:flex;align-items:center;gap:12px}.account-group__icon{font-size:20px}.account-group__name{font-size:16px;font-weight:600;color:var(--color-text-primary)}.account-group__count{font-size:13px;color:var(--color-text-tertiary);padding:2px 8px;background:var(--color-bg-secondary);border-radius:12px}.account-group__telegram{font-size:14px;opacity:.7}.account-group__toggle{background:none;border:none;font-size:12px;color:var(--color-text-tertiary);cursor:pointer;padding:4px}.account-group__content{padding:20px;border-top:1px solid var(--color-border)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.content-card{background:var(--color-bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.content-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.content-card--posted{opacity:.7}.content-card--posted:hover{opacity:1}.content-card__preview{position:relative;aspect-ratio:9/16;max-height:200px;background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden}.content-card__video{width:100%;height:100%;object-fit:cover}.content-card__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--color-text-tertiary);font-size:14px}.content-card__placeholder span:first-child{font-size:32px}.status-badge{position:absolute;top:8px;right:8px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge--draft{background:#9ca3afe6;color:#fff}.status-badge--generating{background:#3b82f6e6;color:#fff;animation:pulse 1.5s infinite}.status-badge--generated{background:#10b981e6;color:#fff}.status-badge--scheduled{background:#f59e0be6;color:#fff}.status-badge--posting{background:#a855f7e6;color:#fff;animation:pulse 1.5s infinite}.status-badge--posted{background:#22c55ee6;color:#fff}.status-badge--failed{background:#ef4444e6;color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.content-card__info{padding:12px}.content-card__title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-card__description{font-size:12px;color:var(--color-text-secondary);margin:0 0 8px;line-height:1.4}.content-card__meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--color-text-tertiary)}.content-card__date,.content-card__scheduled{display:flex;align-items:center;gap:4px}.content-card__actions{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--color-border);background:#00000005}.btn--sm{padding:6px 10px;font-size:12px;min-width:auto}.btn--ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn--ghost:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.btn--danger{background:transparent;color:var(--color-error);border:1px solid var(--color-error)}.btn--danger:hover{background:var(--color-error);color:#fff}.edit-modal{width:100%;max-width:500px}.form-textarea{width:100%;padding:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;font-size:14px;color:var(--color-text-primary);resize:vertical;min-height:100px;font-family:inherit}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8a2be21a}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-state .spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p,.error-state p{color:var(--color-text-secondary);margin:0}.error-state{color:var(--color-error)}.error-state .btn{margin-top:16px}.empty-state__icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:20px;color:var(--color-text-primary);margin:0 0 8px}.empty-state p{color:var(--color-text-secondary);margin:0 0 24px}.notification{position:fixed;top:20px;right:20px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;z-index:1000;animation:slideIn .3s ease}.notification--success{background:var(--color-success);color:#fff}.notification--error{background:var(--color-error);color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.ready-content-page{padding:16px}.page-header{flex-direction:column;align-items:stretch}.page-header__right{flex-direction:column;width:100%}.filter-select{width:100%}.content-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.notification{left:20px;right:20px}}.competitors-page{padding:2rem;max-width:1600px;margin:0 auto}.parse-form{padding:1.5rem;margin-bottom:1.5rem}.parse-form .card-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary)}.parse-form__row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.parse-form__input-group{flex:1;min-width:200px}.parse-form__input-group--small{flex:0 0 100px;min-width:80px}.parse-form__input-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.parse-form__input-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:1rem}.input-with-icon{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary);overflow:hidden}.input-with-icon .input-prefix{padding:.75rem;color:var(--color-text-tertiary);font-weight:500}.input-with-icon input{border:none;padding-left:0;flex:1}.parse-form__checkboxes{display:flex;gap:.75rem;padding-bottom:.5rem}.parse-form__checkboxes .checkbox-label{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:var(--color-bg-light);border:2px solid transparent;cursor:pointer;transition:all .15s ease;font-size:14px;font-weight:500;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.parse-form__checkboxes .checkbox-label:hover{background:var(--color-bg-secondary)}.parse-form__checkboxes .checkbox-label:has(input:checked){background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.parse-form__checkboxes .checkbox-label input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--color-text-secondary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.filters-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;flex-wrap:wrap}.filters-bar__left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filters-bar__right{display:flex;align-items:center;gap:.5rem}.filters-bar__right .btn{display:flex;align-items:center;gap:6px}.filters-bar__right .btn-text-mobile{display:none}@media (min-width: 768px){.filters-bar__right .btn-text-mobile{display:inline}}.filter-tabs{display:flex;background:var(--color-bg-secondary);border-radius:8px;padding:4px}.filter-tab{display:flex;align-items:center;gap:6px;padding:.5rem 1rem;border:none;background:transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.filter-tab:hover{color:var(--color-text-primary)}.filter-tab.active{background:var(--color-bg-card);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.filter-select{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.875rem}.filter-search{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.875rem;width:200px}.stats-bar{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0;font-size:.875rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.stats-bar strong{color:var(--color-text-primary)}.select-all-btn{margin-left:auto;padding:.25rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer}.select-all-btn:hover{background:var(--color-bg-secondary)}.competitors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.competitor-card{position:relative;background:var(--color-bg-card);border-radius:12px;border:1px solid var(--color-border);overflow:hidden;transition:all .2s}.competitor-card:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px #0000001a}.competitor-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.competitor-card.processed{background:linear-gradient(135deg,var(--color-bg-card),rgba(var(--color-success-rgb),.05))}.competitor-card__select{position:absolute;top:12px;left:12px;z-index:10;width:28px;height:28px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003}.competitor-card__select input{width:20px;height:20px;cursor:pointer;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#fff;border:2px solid #d1d5db;border-radius:5px;transition:all .15s ease;position:relative}.competitor-card__select input:hover{border-color:var(--color-primary)}.competitor-card__select input:checked{background:var(--color-primary);border-color:var(--color-primary)}.competitor-card__select input:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) rotate(45deg);width:5px;height:10px;border:solid white;border-width:0 2px 2px 0}.competitor-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg, rgba(94, 23, 235, .15)),var(--shadow-card)}.competitor-card__thumbnail{position:relative;aspect-ratio:1;background:var(--color-bg-secondary)}.competitor-card__thumbnail img{width:100%;height:100%;object-fit:cover}.competitor-card__thumbnail .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.thumbnail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:12px;font-weight:500;opacity:0;transition:opacity .2s ease}.competitor-card__thumbnail:hover .thumbnail-overlay{opacity:1}.media-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000000b3;color:#fff;border-radius:6px;font-size:.75rem;font-weight:600}.media-badge.carousel{background:linear-gradient(135deg,#833ab4,#fd1d1d,#f77737)}.status-badge{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:600}.status-badge.adapted{background:var(--color-success);color:#fff}.status-badge.used{background:var(--color-warning);color:#fff}.competitor-card__content{padding:1rem}.competitor-card__account{display:flex;align-items:center;gap:8px;margin-bottom:.75rem}.competitor-card__account .avatar{width:24px;height:24px;border-radius:50%}.competitor-card__account .username{font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.competitor-card__title{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem;line-height:1.4}.competitor-card__desc{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.75rem;line-height:1.5}.competitor-card__desc p{margin:0}.competitor-card__desc button{background:none;border:none;color:var(--color-primary);font-size:.8rem;cursor:pointer;padding:0;margin-top:.25rem}.competitor-card__metrics{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem;color:var(--color-text-tertiary)}.competitor-card__metrics span{display:flex;align-items:center;gap:4px}.competitor-card__metrics .viral-score{color:#ff6b35;font-weight:600}.carousel-preview{display:flex;gap:4px;margin-top:.75rem;overflow-x:auto;padding-bottom:4px}.carousel-preview img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.carousel-preview .more{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:6px;font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.competitor-card__actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.competitor-card__actions .btn--sm{padding:.5rem .75rem}.loading-state,.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--color-text-secondary)}.empty-state svg{opacity:.3;margin-bottom:1rem}.empty-state h3{color:var(--color-text-primary);margin-bottom:.5rem}.error-message{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:rgba(var(--color-error-rgb),.1);border:1px solid var(--color-error);border-radius:8px;color:var(--color-error);margin-bottom:1.5rem}.error-message button{background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.competitors-page{padding:1rem}.parse-form__row{flex-direction:column;align-items:stretch}.parse-form__input-group,.parse-form__input-group--small{flex:none;width:100%}.filters-bar{flex-direction:column;align-items:stretch}.filters-bar__left,.filters-bar__right{flex-wrap:wrap}.filter-search{width:100%}.competitors-grid{grid-template-columns:1fr}}html{font-size:100%}body{font-family:var(--font-family-base);font-size:var(--text-base);color:var(--color-text-body);background-color:var(--color-bg-white)}#root,#app,.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}*{transition-property:background-color,border-color;transition-duration:var(--transition-normal);transition-timing-function:var(--ease-out)}.no-transitions *{transition:none!important}@media print{body{background-color:#fff;color:#000}.no-print{display:none!important}}