.chat-room-list{display:flex;flex-wrap:wrap;gap:8px}.chat-room-list li{align-items:center;background:var(--ui-surface);border-radius:var(--ui-radius-sm);display:flex;flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;height:100px;justify-content:center}.top-nav{background:var(--ui-bg-elevated);border-bottom:1px solid var(--ui-border);box-sizing:border-box;padding:10px 20px;width:100%}.nav-top-row{align-items:center;display:flex;justify-content:flex-end;margin-bottom:10px}.nav-toggle{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);cursor:pointer;display:none;font-weight:500;padding:6px 10px;transition:border-color .15s ease,background-color .15s ease}.nav-toggle:hover{background:var(--ui-surface-strong);border-color:var(--ui-border-strong)}.nav-links{display:flex;flex-wrap:wrap;gap:4px}.nav-links a{border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);font-size:13px;font-weight:500;margin:0;padding:6px 10px;text-decoration:none;transition:color .15s ease,background-color .15s ease}.nav-links a:hover{background:var(--ui-surface);color:var(--ui-text);text-decoration:none}.profile{margin-left:auto;position:relative}.profile,.profile-trigger{align-items:center;display:flex}.profile-trigger{border:1px solid #0000;border-radius:var(--ui-radius-sm);cursor:pointer;padding:4px 8px;transition:background-color .15s ease}.profile-trigger:hover{background-color:var(--ui-surface);border-color:var(--ui-border)}.profile img{border-radius:50%;height:28px;margin-right:8px;width:28px}.profile label{cursor:pointer;font-size:13px;font-weight:500;margin-right:6px}.dropdown-arrow{color:var(--ui-text-muted);font-size:10px;transition:transform .15s ease}.dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);box-shadow:var(--ui-shadow);margin-top:4px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;color:var(--ui-text);cursor:pointer;display:flex;font-size:13px;padding:8px 12px;text-align:left;transition:background-color .15s ease;width:100%}.dropdown-item:hover{background-color:var(--ui-surface)}.dropdown-item.logout:hover{background-color:#f781661f;color:var(--ui-danger)}.dropdown-icon{font-size:14px;margin-right:8px}.container{min-height:100vh}.main-content{flex:1 1;min-height:0;padding:20px 24px}@media (max-width:768px){.top-nav{padding:10px 12px}.nav-top-row{justify-content:space-between;margin-bottom:0}.nav-toggle{align-items:center;display:inline-flex;gap:6px}.nav-links{display:none;flex-direction:column;gap:2px;margin-top:10px;width:100%}.nav-links.open{display:flex}.profile{margin-top:0}.nav-links a{box-sizing:border-box;width:100%}}.video-uploader{margin:0 auto;max-width:640px;padding:24px}.video-uploader h1{color:var(--ui-text);font-size:18px;font-weight:600;margin-bottom:20px}.form-group label{margin-bottom:6px}.form-group input,.form-group textarea{background-color:var(--ui-bg);padding:8px 12px}.video-uploader button{background-color:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);cursor:pointer;display:block;font-size:14px;font-weight:500;padding:10px;transition:background-color .15s ease,border-color .15s ease;width:100%}.video-uploader button:hover{background-color:var(--ui-bg-elevated);border-color:var(--ui-border-strong)}.channel-selector{align-items:center;display:flex;gap:12px;margin-top:8px}.channel-selector select{background-color:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);font-size:13px;height:160px;padding:8px;transition:border-color .15s ease;width:45%}.channel-selector select:focus{border-color:var(--ui-border-strong);outline:none}.channel-buttons{display:flex;flex-direction:column;gap:8px}.channel-buttons button{font-size:13px;padding:8px 12px;width:auto}.video-uploader button[type=submit]{background-color:var(--ui-surface-strong);border-color:var(--ui-border-strong);margin-top:16px}.video-uploader button[type=submit]:hover{background-color:var(--ui-bg-elevated)}.social-media-container{margin:0 auto;max-width:600px;padding:24px}.social-media-container h1{color:var(--ui-text);font-size:18px;font-weight:600;margin-bottom:4px}.social-media-container p{color:var(--ui-text-muted);font-size:13px}.social-media-account{background-color:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);justify-content:space-between;margin:12px 0;padding:12px 16px}.account-info,.social-media-account{align-items:center;display:flex}.account-info h2{color:var(--ui-text);font-size:15px;font-weight:600;margin:0}.account-info .status{align-items:center;color:var(--ui-text-muted);display:flex;font-size:12px;margin-left:10px}.status-indicator{margin-right:4px}.status.connected .status-indicator{background-color:var(--ui-success)}.status.not-connected .status-indicator{background-color:var(--ui-danger)}.account-actions{display:flex;gap:8px}.account-actions button{background-color:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);cursor:pointer;font-size:13px;padding:6px 12px;transition:border-color .15s ease,background-color .15s ease}.account-actions button:hover{background-color:var(--ui-bg-elevated);border-color:var(--ui-border-strong)}.social-media-account[data-platform=Youtube]{border-left:3px solid #f78166}.social-media-account[data-platform=TikTok]{border-left:3px solid var(--ui-text-muted)}.reports-container{margin:0 auto;max-width:1200px;padding:24px}.reports-header{margin-bottom:24px}.summary-dashboard{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.summary-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:16px;text-align:center}.summary-value{color:var(--ui-text);font-size:1.5rem;font-weight:600;margin-bottom:4px}.summary-label{color:var(--ui-text-muted);font-size:12px}.filters-section{gap:8px;margin-bottom:20px}.search-input{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);flex:1 1;font-size:13px;min-width:200px;padding:8px 12px}.search-input::placeholder{color:var(--ui-text-muted)}.search-input:focus{border-color:var(--ui-border-strong);outline:none}.filter-select{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);cursor:pointer;font-size:13px;padding:8px 12px}.filter-select:focus{border-color:var(--ui-border-strong);outline:none}.filter-select option{background:var(--ui-surface-strong);color:var(--ui-text)}.reports-title{color:var(--ui-text);font-size:20px;font-weight:600;margin:0 0 4px}.reports-subtitle{color:var(--ui-text-muted);font-size:14px;font-weight:400}.posts-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:20px}.post-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);padding:16px;position:relative}.post-card:hover{border-color:var(--ui-border-strong)}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.post-actions{align-items:center;display:flex;gap:4px}.action-btn{border-radius:var(--ui-radius-sm);opacity:.6}.post-title{color:var(--ui-text);flex:1 1;font-size:15px;font-weight:600;line-height:1.4;margin:0 12px 0 0}.post-status{border-radius:var(--ui-radius-sm);font-size:11px;font-weight:500;padding:2px 8px}.status-published{background:#3fb95026;color:var(--ui-success)}.status-draft{background:#d2992226;color:var(--ui-warning)}.status-scheduled{background:#58a6ff26;color:var(--ui-accent)}.post-metadata{color:var(--ui-text-muted);display:flex;font-size:12px;gap:12px;margin-bottom:12px}.metadata-item{align-items:center;gap:4px}.metrics-grid{grid-gap:8px;gap:8px;grid-template-columns:repeat(2,1fr)}.metrics-grid-expanded{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.metric-item{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:10px;text-align:center}.metric-value{font-size:18px;font-weight:600;margin-bottom:2px}.metric-label{font-size:11px;font-weight:500}.ctr-metric .metric-value{color:var(--ui-accent)}.earnings-metric .metric-value{color:var(--ui-success)}.clicks-metric .metric-value{color:var(--ui-warning)}.impressions-metric .metric-value{color:var(--ui-accent)}.rpm-metric .metric-value{color:#a371f7}.engagement-metric .metric-value{color:#39d353}.loading-container{align-items:center;display:flex;justify-content:center;padding:48px}.loading-spinner{animation:spin .8s linear infinite;border-top:2px solid var(--ui-border);border:2px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-accent);height:24px;width:24px}.error-message{margin:12px 0;padding:12px;text-align:center}.no-posts-message{color:var(--ui-text-muted);font-size:14px;padding:48px;text-align:center}.load-more-trigger{align-items:center;color:var(--ui-text-muted);display:flex;font-size:13px;height:50px;justify-content:center}@media (max-width:768px){.reports-container{padding:16px}.reports-title{font-size:18px}.posts-grid{gap:8px;grid-template-columns:1fr}.post-card{padding:12px}.metrics-grid{gap:6px;grid-template-columns:1fr}.metrics-grid-expanded{gap:6px;grid-template-columns:repeat(2,1fr)}.post-header{align-items:flex-start;flex-direction:column;gap:8px}.post-title{margin-right:0}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{font:inherit;font-size:.833em;padding:10px 6.6667px}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.schedule{margin:0 auto;max-width:800px;padding:24px}.schedule h1{color:var(--ui-text);font-size:18px;font-weight:600;margin-bottom:20px}.events{margin-top:16px}.event{background-color:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);margin-bottom:8px;padding:12px}.event-title{font-size:14px;font-weight:600;margin-bottom:4px}.event-time{color:var(--ui-text-muted);font-size:12px;margin-bottom:4px}.event-description{color:var(--ui-text-muted);font-size:13px}.event.error{background-color:#f7816614;border-color:#f781664d}.no-events{color:var(--ui-text-muted);font-size:13px}.loading,.no-events{padding:12px}.event-indicator{color:var(--ui-accent);font-size:14px;font-weight:600;position:absolute;right:2px;top:2px}.react-calendar{background-color:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);color:var(--ui-text);font-family:inherit;line-height:1.25;width:100%}.react-calendar__tile{background:none;border:none;color:var(--ui-text);max-width:100%;padding:10px;position:relative;text-align:center}.react-calendar__tile--now,.react-calendar__tile:hover{background:var(--ui-surface-strong)}.react-calendar__tile--now{color:var(--ui-accent);font-weight:600}.react-calendar__tile--active,.react-calendar__tile--hasActive{background:#58a6ff26;color:var(--ui-accent)}.react-calendar__tile--hover{background:var(--ui-surface-strong)}.react-calendar__navigation{background-color:initial}.react-calendar__navigation button{background-color:initial;border:none;color:var(--ui-text);font-size:14px;font-weight:600;padding:10px}.react-calendar__navigation button:hover{background-color:var(--ui-surface-strong)}.react-calendar__navigation button:disabled{color:var(--ui-text-muted);opacity:.4}.react-calendar__navigation__label{color:var(--ui-text);font-weight:600}.react-calendar__navigation__arrow{color:var(--ui-text);font-size:16px}.react-calendar__month-view__weekdays{color:var(--ui-text-muted);font-size:12px}.variations{margin:0 auto;max-width:1200px;padding:24px}.variations-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.variations-header h1{color:var(--ui-text);font-size:18px;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:8px}.variations-list{display:flex;flex-direction:column;gap:12px}.variation-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);padding:20px}.variation-card:hover{border-color:var(--ui-border-strong)}.thumbnail-upload-container{border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-sm);padding:16px;text-align:center;transition:border-color .15s ease}.thumbnail-upload-container:hover{border-color:var(--ui-accent)}.file-input{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);font-size:13px;padding:8px;width:100%}.thumbnail-preview{align-items:center;display:flex;flex-direction:column;gap:8px}.preview-image{border-radius:var(--ui-radius-sm);max-height:150px;max-width:200px;object-fit:cover}.preview-actions{display:flex;gap:8px}.upload-placeholder{color:var(--ui-text-muted);padding:16px}.upload-placeholder p{font-size:14px;margin:0 0 4px}.upload-placeholder small{color:var(--ui-text-muted);font-size:12px}.upload-progress{background-color:var(--ui-bg);margin-top:8px;padding:8px}.variation-header{align-items:flex-start;border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.variation-header h3{color:var(--ui-text);flex:1 1;font-size:15px;font-weight:600;margin:0}.variation-actions{display:flex;gap:6px}.variation-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.content-section{background:var(--ui-bg);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);padding:12px}.content-section h4{color:var(--ui-text);font-size:13px;font-weight:600;margin:0 0 8px}.content-section p{color:var(--ui-text-muted);font-size:13px;line-height:1.5;margin:6px 0}.content-section strong{color:var(--ui-text);font-weight:600}.variation-meta{grid-gap:8px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);display:grid;gap:8px;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:12px}.variation-meta p{color:var(--ui-text-muted);font-size:13px;margin:0}.tags{margin-top:6px}.tag{background:#58a6ff1f;font-size:12px;margin:2px 4px 2px 0;padding:2px 8px;white-space:nowrap}.tag-alt{background:#3fb9501f;color:var(--ui-success)}.tag.editable{padding-right:22px;position:relative}.tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:var(--ui-accent);cursor:pointer;display:flex;font-size:14px;font-weight:600;height:14px;justify-content:center;line-height:1;padding:0;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:14px}.tag-remove:hover{opacity:.7}.btn{gap:4px;padding:6px 12px}.btn-primary{background:var(--ui-surface-strong);border-color:var(--ui-border-strong)}.btn-primary:hover{background:var(--ui-bg-elevated)}.btn-secondary{background:var(--ui-surface);color:var(--ui-text-muted)}.btn-secondary:hover{background:var(--ui-bg-elevated);color:var(--ui-text)}.btn-danger{background:#f781661a;border-color:#f7816633;color:var(--ui-danger)}.btn-danger:hover{background:#f781662e}.btn-info{background:#58a6ff1a;border-color:#58a6ff33;color:var(--ui-accent)}.btn-info:hover{background:#58a6ff2e}.btn-sm{font-size:12px;padding:4px 8px}.modal{max-width:800px;overflow:hidden;width:90%}.modal-body{max-height:calc(90vh - 120px);overflow-y:auto;padding:20px}.modal-footer{border-top:1px solid var(--ui-border);display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.form-info{margin-bottom:20px}.info-banner{background:#58a6ff14;border:1px solid #58a6ff26;border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);color:var(--ui-text);font-size:13px;padding:12px}.info-banner strong{color:var(--ui-text);display:block;margin-bottom:4px}.info-banner p{color:var(--ui-text-muted);font-size:13px;line-height:1.4;margin:0}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.content-sections{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:16px 0}.content-sections .content-section{background:var(--ui-bg);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);padding:16px}.content-sections .content-section:last-child{border-left-color:var(--ui-success)}.content-sections h3{color:var(--ui-text);font-size:14px;font-weight:600;margin:0 0 12px}.tag-input-container{align-items:stretch;display:flex;gap:6px}.tag-input-container input{flex:1 1;margin-bottom:0}.tag-input-container .btn{white-space:nowrap}.tags-display{margin-top:6px;min-height:28px;padding:6px 0}.no-variations{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);color:var(--ui-text-muted);font-size:14px;padding:48px 20px;text-align:center}.scorecard-chart-section{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);margin-bottom:20px;padding:16px}.scorecard-chart-section h3{color:var(--ui-text);font-size:14px;font-weight:600;margin:0 0 12px}.scorecard-table-section{margin-top:16px}.scorecard-table-section h3{color:var(--ui-text);font-size:14px;font-weight:600;margin:0 0 12px}.scorecard-table{border-collapse:collapse;margin-top:8px;width:100%}.scorecard-table th{background-color:var(--ui-surface-strong);color:var(--ui-text);font-size:12px;font-weight:600;text-align:left}.scorecard-table td,.scorecard-table th{border-bottom:1px solid var(--ui-border);padding:8px 12px}.scorecard-table td{color:var(--ui-text-muted);font-size:13px}@media (max-width:768px){.variations{padding:16px}.variations-header{flex-direction:column;gap:12px}.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%}.content-sections,.form-row,.variation-content{grid-template-columns:1fr}.variation-header{align-items:stretch;flex-direction:column;gap:8px}.variation-actions{justify-content:center}.modal{margin:16px;width:95%}.variation-meta{grid-template-columns:1fr}.post-item{align-items:stretch;flex-direction:column;gap:8px}.post-info{margin-right:0}.scorecard-chart-section,.scorecard-table-section{padding:12px}.scorecard-table{font-size:12px}}@media (max-width:480px){.variations-header h1{font-size:16px}.tag-input-container{flex-direction:column}.modal-header{padding:12px 16px}.modal-body{padding:16px}.modal-footer{flex-direction:column;padding:10px 16px}.post-meta{align-items:flex-start;flex-direction:column;gap:6px}}.post-selector-modal{max-width:900px}.posts-list{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}.post-item{align-items:center;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);display:flex;justify-content:space-between;padding:12px}.post-item:hover{border-color:var(--ui-border-strong)}.post-info{flex:1 1;margin-right:12px}.post-info h4{color:var(--ui-text);font-size:14px;font-weight:600;margin:0 0 4px}.post-description{color:var(--ui-text-muted);font-size:13px;line-height:1.4;margin:0 0 8px}.post-meta{align-items:center;color:var(--ui-text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.post-id,.post-state{font-weight:500}.post-state{text-transform:capitalize}.post-tags{display:flex;flex-wrap:wrap;gap:4px}.tag-small{font-size:11px;padding:1px 6px}.no-posts{background:var(--ui-surface);border:1px dashed var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);font-size:14px;padding:32px 20px;text-align:center}.channel-list{margin-top:12px;max-height:400px;overflow-y:auto}.channel-item{background-color:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);cursor:pointer;margin:6px 0;padding:10px 12px;transition:border-color .15s ease}.channel-item:hover{background-color:var(--ui-surface-strong);border-color:var(--ui-border-strong)}.channel-item strong{color:var(--ui-text);font-size:14px}.channel-item small{color:var(--ui-text-muted);font-size:12px}.scorecard-info{background:#58a6ff0f;border:1px solid #58a6ff26;border-radius:var(--ui-radius-sm);margin-bottom:12px;padding:10px 12px}.scorecard-info p{color:var(--ui-text-muted);font-size:13px;margin:2px 0}.video-workspace{background:#0000;color:var(--ui-text);margin:0 auto;max-width:1320px;padding:24px}.workspace-prompt-preview{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--ui-text-muted);display:-webkit-box;font-size:13px;line-height:1.3;margin:0 0 8px;max-height:40px;overflow:hidden;text-overflow:ellipsis}.workspace-date{color:var(--ui-text-muted);display:block;font-size:12px}.workspace-layout{grid-gap:18px;display:grid;gap:18px;grid-template-columns:280px 1fr;min-height:calc(100vh - 170px)}.workspace-sidebar{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);display:flex;flex-direction:column;min-height:calc(100vh - 170px)}.workspace-list{flex:1 1;overflow-y:auto;padding:0}.workspace-items{gap:10px;padding:10px}.workspace-items,.workspace-main{display:flex;flex-direction:column}.workspace-main{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);min-height:100%;overflow-y:visible;padding-bottom:20px}.workspace-main::-webkit-scrollbar{width:8px}.workspace-main::-webkit-scrollbar-track{background:var(--ui-bg);border-radius:4px}.workspace-main::-webkit-scrollbar-thumb{background:var(--ui-border-strong);border-radius:4px}.workspace-main::-webkit-scrollbar-thumb:hover{background:var(--ui-text-muted)}.processing-section::-webkit-scrollbar{width:6px}.processing-section::-webkit-scrollbar-track{background:var(--ui-bg);border-radius:3px}.processing-section::-webkit-scrollbar-thumb{background:var(--ui-border-strong);border-radius:3px}.workspace-details{border-bottom:1px solid var(--ui-border);flex-shrink:0;padding:20px}.workspace-details-header{margin-bottom:16px}.workspace-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.workspace-info h2{color:var(--ui-text);flex:1 1;font-size:18px;font-weight:600;margin:0}.workspace-prompt-display{margin-bottom:16px}.workspace-prompt-display h4{color:var(--ui-text);font-size:14px;font-weight:600;margin:0 0 8px}.workspace-prompt-display p{background:var(--ui-bg);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);line-height:1.5;margin:0;padding:12px}.processing-section{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);flex-shrink:0;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:20px}.workspace-meta{display:flex;flex-direction:column;gap:4px}.workspace-meta span{color:var(--ui-text-muted);font-size:13px}.workspace-meta small{color:var(--ui-text-muted);font-size:12px}.no-workspace-selected{align-items:center;display:flex;height:100%;justify-content:center;padding:40px}.empty-state{max-width:400px}.empty-state h3{color:var(--ui-text);font-size:16px;font-weight:600;margin:0 0 12px}.empty-state p{line-height:1.5;margin:0 0 24px}.workspaces-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:768px){.workspaces-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.workspace-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);cursor:pointer;padding:20px;transition:border-color .15s ease}.workspace-card:hover{border-color:#58a6ff80}.workspace-card.selected{background:#58a6ff1f;border-color:#58a6ff9e}.workspace-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.workspace-prompt{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--ui-text-muted);display:-webkit-box;font-size:13px;line-height:1.4;margin:0 0 12px;max-height:60px;overflow:hidden;text-overflow:ellipsis}.workspace-item{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);cursor:pointer;padding:14px;transition:border-color .15s ease}.workspace-item:hover{border-color:#58a6ff80}.workspace-item.selected{background:#58a6ff1f;border-color:#58a6ff9e}.workspace-item-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.workspace-name-section{flex:1 1;min-width:0}.workspace-actions{align-items:center;display:inline-flex;flex:0 0 auto;gap:6px}.workspace-preview{margin-top:6px}.workspace-select-btn{margin-top:8px;width:100%}.assets-section{flex:1 1;min-height:300px;overflow-y:auto;padding:20px 20px 30px}.assets-header{align-items:center;border-bottom:1px solid var(--ui-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.assets-header h2,.assets-header h3{color:var(--ui-text);font-size:16px;font-weight:600;margin:0}.assets-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.asset-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);padding:16px;transition:border-color .15s ease}.asset-card:hover{border-color:#58a6ff80}.asset-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.asset-icon{font-size:24px}.asset-name{color:var(--ui-text);flex:1 1;font-size:14px;font-weight:600;line-height:1.3;margin:0;word-break:break-word}.asset-info{margin-bottom:12px}.asset-filename,.asset-type{color:var(--ui-text-muted);font-size:13px;margin:4px 0;word-break:break-all}.asset-preview-btn{width:100%}.no-assets{background:var(--ui-surface);border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-md);color:var(--ui-text-muted);font-size:14px;padding:48px 20px;text-align:center}.no-assets p{margin:0 0 16px}.no-workspaces{color:var(--ui-text-muted);font-size:14px;padding:40px 20px;text-align:center}.no-workspaces p{margin:0 0 16px}.action-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;opacity:.7;padding:4px;transition:opacity .15s ease}.action-btn:hover{opacity:1}.edit-btn:hover{background-color:#3fb9501a}.delete-btn:hover{background-color:#f781661a}.btn{align-items:center;background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-height:36px;padding:8px 14px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.btn:hover{background:var(--ui-bg-elevated);border-color:var(--ui-border-strong)}.btn-primary{border-color:#58a6ff66}.btn-primary:hover{border-color:#58a6ff99}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{border-color:var(--ui-border)}.btn-secondary:hover{background:var(--ui-surface)}.btn-info{background:#3fb9501f;border-color:#3fb9504d;color:var(--ui-text)}.btn-info:hover{background:#3fb95038}.btn-warning{background:#d299221f;border-color:#d299224d;color:var(--ui-text)}.btn-warning:hover{background:#d2992238}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-large{max-width:800px}.modal-header{align-items:center;background:var(--ui-surface-strong);border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:16px 20px}.modal-header h2{color:var(--ui-text);font-size:16px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:background-color .15s ease;width:28px}.modal-close:hover{background:var(--ui-surface);color:var(--ui-text)}.modal-content{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);padding:20px}.modal-actions{border-top:1px solid var(--ui-border);display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px}.form-group input,.form-group textarea{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);box-sizing:border-box;color:var(--ui-text);font-size:13px;padding:8px 10px;transition:border-color .15s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--ui-border-strong);outline:none}.form-group textarea{min-height:72px;resize:vertical}.form-group small{color:var(--ui-text-muted);font-size:12px}.asset-preview{margin-bottom:20px;text-align:center}.asset-preview-media{border-radius:var(--ui-radius-md);max-height:400px;max-width:100%}.asset-details{background:var(--ui-bg);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);padding:16px}.asset-details p{color:var(--ui-text-muted);font-size:13px;margin:8px 0}.asset-details strong{color:var(--ui-text);font-weight:600}.loading{font-size:14px;padding:32px 20px}.error-message{font-weight:500}.upload-progress{background-color:#58a6ff1a;border-radius:var(--ui-radius-sm);color:var(--ui-accent);font-size:13px;font-weight:500;margin-top:12px;padding:10px;text-align:center}@media (max-width:1024px){.workspace-layout{grid-template-columns:260px 1fr}}@media (max-width:768px){.video-workspace{padding:16px}.workspace-layout{grid-template-columns:1fr;grid-template-rows:300px 1fr;height:auto}.workspace-sidebar{height:300px;min-height:auto}.workspace-main{height:auto;min-height:400px}.assets-header{align-items:stretch;flex-direction:column;gap:12px}.assets-grid{grid-template-columns:1fr}.modal{margin:10px;max-width:calc(100% - 20px)}.modal-actions,.workspace-info{flex-direction:column}.workspace-info{align-items:flex-start}}@media (max-width:480px){.assets-section,.modal-content,.workspace-details{padding:16px}}.processing-header{align-items:center;margin-bottom:12px}.processing-header h3{color:var(--ui-text);font-size:15px;margin:0}.processing-status{align-items:center;border-radius:var(--ui-radius-sm);display:flex;font-size:13px;font-weight:500;gap:8px;padding:6px 12px}.processing-status.status-processing{background:#d299221f;border:1px solid #d2992240;color:var(--ui-warning)}.processing-status.status-completed{background:#3fb9501f;border:1px solid #3fb95040;color:var(--ui-success)}.processing-status.status-failed{background:#f781661f;border:1px solid #f7816640;color:var(--ui-danger)}.status-indicator{background:currentColor;border-radius:50%;height:8px;width:8px}.status-processing .status-indicator{animation:pulse 2s infinite}.processing-details{margin-top:12px}.processing-prompt{margin-bottom:12px}.processing-prompt h4{color:var(--ui-text);font-size:14px;margin:0 0 8px}.processing-prompt p{background:var(--ui-bg);border-left:3px solid var(--ui-accent);color:var(--ui-text-muted);margin:0}.processing-indicator,.processing-prompt p{border-radius:var(--ui-radius-sm);padding:12px}.processing-indicator{align-items:center;background:#58a6ff14;color:var(--ui-accent);display:flex;gap:12px}.spinner{height:20px;width:20px}.processing-result{background:#3fb95014;border-radius:var(--ui-radius-sm);color:var(--ui-success);padding:12px}.processing-result h4{color:var(--ui-success);margin:0 0 8px}.processing-error{background:#f7816614;border-radius:var(--ui-radius-sm);color:var(--ui-danger);padding:12px}.processing-error h4{margin:0 0 8px}.processing-disabled{background:var(--ui-surface);color:var(--ui-text-muted);text-align:center}.assets-summary,.processing-disabled{border-radius:var(--ui-radius-sm);padding:12px}.assets-summary{background:var(--ui-bg);margin:16px 0}.assets-summary h4{color:var(--ui-text);font-size:14px;margin:0 0 8px}.assets-summary ul{margin:0;padding-left:20px}.assets-summary li{color:var(--ui-text-muted);font-size:13px;margin-bottom:4px}.output-management{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);margin-top:16px;padding:12px}.output-management h4{color:var(--ui-text);font-size:14px;margin:0 0 12px}.output-actions{display:flex;flex-wrap:wrap;gap:8px}.output-actions .btn{flex:1 1;min-width:120px}.output-actions .btn:disabled{cursor:not-allowed;opacity:.5}.version-comparison{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);max-height:80vh;overflow-y:auto}.comparison-header{align-items:center;border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.comparison-summary{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);margin-bottom:16px;padding:12px;text-align:center}.comparison-summary h4{color:var(--ui-text);font-size:14px;margin:0 0 8px}.changes-status{border-radius:var(--ui-radius-sm);display:inline-block;font-size:13px;font-weight:600;padding:6px 12px}.changes-status.has-changes{background:#d299221f;border:1px solid #d2992240;color:var(--ui-warning)}.changes-status.no-changes{background:#3fb9501f;border:1px solid #3fb95040;color:var(--ui-success)}.version-comparison-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr auto 1fr}.version-column{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:16px}.version-column h4{background:var(--ui-bg);border-radius:var(--ui-radius-sm);margin:0 0 12px;padding:6px;text-align:center}.version-column h4,.version-info p{color:var(--ui-text-muted);font-size:13px}.version-info p{margin:0 0 8px}.prompt-display{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);font-size:13px;line-height:1.4;max-height:150px;overflow-y:auto;padding:8px;white-space:pre-wrap}.prompt-display.changed{background:#d2992214;border-color:#d2992233}.change-indicator{font-size:13px;margin-left:8px}.version-info .changed{background:#d299221a;border-radius:3px;padding:2px 4px}.version-separator{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px 0}.separator-line{background:var(--ui-border);height:40px;margin:4px 0;width:1px}.separator-icon{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:50%;color:var(--ui-text-muted);font-size:18px;padding:8px}.video-preview{margin-top:16px}.video-preview h5{color:var(--ui-text);font-size:14px;margin:0 0 8px}.comparison-video{border-radius:var(--ui-radius-sm);margin-bottom:8px;max-height:200px;width:100%}.comparison-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:16px 0}.comparison-form .form-group{margin:0}.loading-indicator{align-items:center;color:var(--ui-text-muted);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:20px}.streaming-progress{max-width:400px;width:100%}.progress-info{align-items:center;color:var(--ui-text-muted);display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.progress-percent{color:var(--ui-accent);font-weight:600}.progress-bar{background-color:var(--ui-bg);height:6px;margin-bottom:8px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:3px}.changes-detected{color:var(--ui-success);font-size:13px;font-weight:500;text-align:center}.radio-group{flex-direction:column;gap:8px}.radio-option{border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);cursor:pointer;display:flex;flex-direction:column;padding:10px;transition:border-color .15s ease}.radio-option:hover{border-color:var(--ui-border-strong)}.radio-option input[type=radio]{align-self:flex-start;margin:0 8px 4px 0}.radio-option input[type=radio]:checked+span{color:var(--ui-accent);font-weight:600}.radio-option span{color:var(--ui-text);font-size:13px;font-weight:500;margin-bottom:4px}.radio-option small{color:var(--ui-text-muted);font-size:12px;margin-left:20px}.streaming-badge{background:#d299222e;border:1px solid #d299224d;border-radius:var(--ui-radius-sm);color:var(--ui-warning);font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}@media (max-width:1200px){.version-comparison-grid{gap:20px;grid-template-columns:1fr}.version-separator{flex-direction:row;padding:0}.separator-line{height:1px;margin:0 4px;width:40px}.comparison-form{gap:12px;grid-template-columns:1fr}}.ai-processing-info{background:#58a6ff14;border:1px solid #58a6ff26;border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);color:var(--ui-text);margin-bottom:16px;padding:12px}.ai-processing-info p{color:var(--ui-text-muted);font-size:13px;margin:0}.ai-processing-info strong{color:var(--ui-text)}.processing-actions{align-items:center;display:flex;gap:8px}.example-prompts-section{background:var(--ui-bg);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);margin:12px 0;padding:12px}.quick-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.quick-example-btn{background:#58a6ff1a;border:1px solid #58a6ff40;border-radius:var(--ui-radius-sm);color:var(--ui-accent);cursor:pointer;font-size:12px;padding:4px 10px;transition:background-color .15s ease}.quick-example-btn:hover{background:#58a6ff33}.ai-chat-container{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);margin-bottom:20px;margin-top:12px;min-height:300px;padding:20px;position:relative;z-index:10}.ai-welcome-message{background:var(--ui-bg);border-radius:var(--ui-radius-sm);padding:20px}.example-prompts{grid-gap:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:12px 0}.example-prompt-btn{border:1px solid #58a6ff40;color:var(--ui-text)}.example-prompt-btn:hover:not(:disabled){border-color:#58a6ff73}.ai-chat-messages{border-radius:var(--ui-radius-sm);margin-bottom:12px;max-height:400px;padding:12px}.ai-connection-status,.message-progress_update{background:#d299221a;border:1px solid #d2992233;color:var(--ui-warning)}.ai-connection-status{border-radius:var(--ui-radius-sm);gap:8px;justify-content:center;margin-top:8px;padding:8px}.ai-chat-error{background:#f7816614;border:1px solid #f7816633;border-radius:var(--ui-radius-sm);color:var(--ui-danger);font-size:13px;margin-bottom:8px;padding:8px}.ai-chat-section{clear:both;display:block;margin-top:20px;min-height:400px;position:relative;width:100%;z-index:5}.ai-chat-header{margin-bottom:12px;padding-bottom:10px}.ai-chat-header h3{color:var(--ui-text)}.ai-chat-buttons{flex-wrap:wrap}.sidebar-header{padding:16px}.sidebar-header h2,.workspace-title{color:var(--ui-text)}.workspace-title{font-size:18px}.workspace-subtitle{color:var(--ui-text-muted)}.form-control,.form-input,.form-select,input,select,textarea{background:var(--ui-bg);border:1px solid var(--ui-border);color:var(--ui-text)}.form-control:focus,.form-input:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:var(--ui-border-strong);box-shadow:none;outline:none}.create-workspace-btn{background:#58a6ff2e;border:1px solid #58a6ff66;color:var(--ui-text)}.create-workspace-btn:hover{background:#58a6ff47;border-color:#58a6ff99}.version-history,.workspace-settings{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md)}.workspace-title-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.version-badge{background:#58a6ff2e;border:1px solid #58a6ff59;border-radius:var(--ui-radius-sm);color:var(--ui-accent);font-size:12px;font-weight:600;min-width:40px;padding:4px 10px;text-align:center}.workspace-name-section{display:flex;flex-direction:column;gap:4px}.workspace-name{color:var(--ui-text);margin:0}.workspace-roles{display:flex;flex-wrap:wrap;gap:6px}.role-badge{align-items:center;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);display:inline-flex;font-size:11px;font-weight:600;gap:2px;padding:2px 6px}.role-badge.owner{background:#d2992226;border-color:#d299224d;color:var(--ui-warning)}.role-badge.editor{background:#58a6ff26;border-color:#58a6ff4d;color:var(--ui-accent)}.workspace-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.workspace-version{background:var(--ui-surface);border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);font-size:12px;font-weight:500;padding:2px 8px}.workspace-item .workspace-version{background:#58a6ff2e;color:var(--ui-accent);font-weight:600}.version-info-text{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);margin-bottom:12px;padding:8px 12px}.version-info-text small{color:var(--ui-text-muted);line-height:1.4}.no-versions,.no-versions-compare{background:#d2992214;border:1px solid #d2992233;border-radius:var(--ui-radius-sm);color:var(--ui-warning);padding:16px;text-align:center}.no-versions p,.no-versions-compare p{margin:4px 0}.form-control{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);font-size:13px;padding:8px 12px;width:100%}.form-control:focus{border-color:var(--ui-border-strong);outline:none}.form-control option{background:var(--ui-bg);color:var(--ui-text);padding:8px}.btn[disabled]{cursor:not-allowed;opacity:.5}.comparison-form{display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.comparison-form{flex-direction:row}.comparison-form .form-group{flex:1 1}}.workspace-meta span:last-child{color:var(--ui-accent);font-weight:600}.view-mode-toggle{display:flex;gap:8px;margin-top:12px}.toggle-btn{align-items:center;background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 14px;transition:border-color .15s ease,background-color .15s ease}.toggle-btn:hover:not(:disabled){border-color:var(--ui-border-strong)}.toggle-btn.active{background:#58a6ff2e;border-color:#58a6ff73;color:var(--ui-text)}.toggle-btn:disabled{cursor:not-allowed;opacity:.5}.timeline-diff-view{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);margin-top:16px;padding:16px}.timeline-controls{align-items:center;background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);display:flex;gap:12px;margin-bottom:12px;padding:10px}.timeline-play-btn{align-items:center;background:#58a6ff2e;border:1px solid #58a6ff73;border-radius:50%;color:var(--ui-text);cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:background-color .15s ease;width:44px}.timeline-play-btn:hover{background:#58a6ff47}.timeline-time{color:var(--ui-text-muted);font-family:monospace;font-size:14px;font-weight:600}.timeline-container{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);margin-bottom:12px;padding:16px;position:relative}.timeline-track{background:var(--ui-bg);height:40px}.timeline-progress{background:#58a6ff99;border-radius:var(--ui-radius-sm)}.timeline-scrubber{background:var(--ui-text);border:2px solid var(--ui-accent);border-radius:50%;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .1s ease;width:16px}.change-marker{border-radius:2px;cursor:pointer;height:100%;opacity:.8;position:absolute;top:0;transition:opacity .15s ease}.change-marker:hover{opacity:1}.marker-modified{background:var(--ui-warning)}.marker-added{background:var(--ui-success)}.marker-removed{background:var(--ui-danger)}.timeline-clickable{bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.timeline-legend{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.legend-item{align-items:center;color:var(--ui-text-muted);display:flex;font-size:13px;gap:6px}.legend-color{border:1px solid var(--ui-border);border-radius:3px;height:14px;width:14px}.synchronized-videos{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.sync-video-container{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:12px}.sync-video-container h5{color:var(--ui-text-muted);font-size:14px;font-weight:600;margin:0 0 10px}.sync-video{background:#000;border-radius:var(--ui-radius-sm);height:auto;width:100%}.changes-detail-panel{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:16px}.changes-detail-panel h4{color:var(--ui-text);font-size:15px;font-weight:600;margin:0 0 12px}.change-list{display:flex;flex-direction:column;gap:6px}.change-item{align-items:center;border:1px solid var(--ui-border);border-left:3px solid #0000;border-radius:var(--ui-radius-sm);cursor:pointer;display:flex;gap:10px;padding:10px;transition:background-color .15s ease}.change-item:hover{background:var(--ui-surface)}.change-item.change-modified{border-left-color:var(--ui-warning)}.change-item.change-added{border-left-color:var(--ui-success)}.change-item.change-removed{border-left-color:var(--ui-danger)}.change-time{background:var(--ui-bg);border-radius:var(--ui-radius-sm);font-family:monospace;font-weight:600;min-width:100px;padding:2px 6px}.change-description,.change-time{color:var(--ui-text-muted);font-size:13px}.change-description{align-items:center;display:flex;flex:1 1;gap:8px;line-height:1.4}.change-type-badge{border-radius:var(--ui-radius-sm);font-size:11px;font-weight:600;padding:2px 6px}.change-type-badge.modified{background:#d2992226;color:var(--ui-warning)}.change-type-badge.added{background:#3fb95026;color:var(--ui-success)}.change-type-badge.removed{background:#f7816626;color:var(--ui-danger)}@media (max-width:768px){.synchronized-videos{grid-template-columns:1fr}.timeline-legend{align-items:center;gap:6px}.change-item,.timeline-legend,.view-mode-toggle{flex-direction:column}.change-item{align-items:flex-start}.change-time{min-width:auto}}.comments-container{max-height:80vh;overflow-y:auto}.comment-form{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);margin-bottom:20px;padding:16px}.comment-form h4{color:var(--ui-text);font-size:14px;margin:0 0 12px}.comment-form .form-group{margin-bottom:12px}.comment-form label{color:var(--ui-text);display:block;font-size:13px;font-weight:500;margin-bottom:4px}.comment-form input,.comment-form textarea{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);box-sizing:border-box;color:var(--ui-text);font-size:13px;padding:8px 10px;width:100%}.comment-form textarea{min-height:80px;resize:vertical}.comment-form .form-actions{display:flex;gap:8px}.comments-list{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);flex:1 1;overflow-y:auto;padding:16px}.comments-list h4{border-bottom:1px solid var(--ui-border);color:var(--ui-text);font-size:14px;margin:0 0 12px;padding-bottom:8px}.comments{display:flex;flex-direction:column;gap:12px}.comment-item{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:12px;transition:border-color .15s ease}.comment-item:hover{border-color:var(--ui-border-strong)}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.comment-user-info{align-items:center;display:flex;flex:1 1;gap:10px}.comment-user-photo{border:1px solid var(--ui-border);border-radius:50%;height:28px;object-fit:cover;width:28px}.comment-user-avatar-fallback{align-items:center;background:var(--ui-surface-strong);border-radius:50%;color:var(--ui-text);display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.comment-user-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.comment-username{color:var(--ui-text);font-size:13px;font-weight:600}.comment-meta-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.comment-date{color:var(--ui-text-muted);font-size:12px}.comment-timestamp-btn{background:#58a6ff1f;border:1px solid #58a6ff40;border-radius:var(--ui-radius-sm);color:var(--ui-accent);cursor:pointer;font-size:12px;font-weight:500;padding:3px 8px;transition:background-color .15s ease}.comment-timestamp-btn:hover:not(:disabled){background:#58a6ff38}.comment-timestamp-btn:disabled{cursor:not-allowed;opacity:.5}.comment-state{border-radius:var(--ui-radius-sm);font-size:11px;font-weight:500;padding:2px 6px}.comment-state.open{background:#3fb9501f;color:var(--ui-success)}.comment-state.resolved{background:#f781661f;color:var(--ui-danger)}.comment-content{font-size:13px;line-height:1.5;white-space:pre-wrap}.comment-content,.comment-meta{color:var(--ui-text-muted);margin-bottom:10px}.comment-meta{font-size:12px}.comment-actions{display:flex;gap:8px}.no-comments{background:var(--ui-surface);border:1px dashed var(--ui-border);border-radius:var(--ui-radius-sm);font-style:italic;padding:24px}.loading,.no-comments{color:var(--ui-text-muted);font-size:13px;text-align:center}.loading{padding:20px}@media (max-width:768px){.comments-container{max-height:70vh}.comment-form{padding:12px}.comment-form .form-actions,.comment-header{flex-direction:column}.comment-header{align-items:flex-start;gap:6px}.comment-user-info{width:100%}.comment-meta-right{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.comment-actions{flex-wrap:wrap}}.changes-summary{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);margin-top:20px;padding:16px}.changes-summary h4{border-bottom:1px solid var(--ui-border);color:var(--ui-text);font-size:14px;margin:0 0 12px;padding-bottom:8px}.changes-list{display:flex;flex-direction:column;gap:8px}.change-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.change-type{border-radius:var(--ui-radius-sm);font-size:11px;font-weight:500;padding:2px 6px}.change-type.added{background:#3fb9501f;color:var(--ui-success)}.change-type.removed{background:#f781661f;color:var(--ui-danger)}.change-type.modified{background:#d299221f;color:var(--ui-warning)}.change-severity{border-radius:var(--ui-radius-sm);font-size:11px;font-weight:500;padding:2px 6px}.change-severity.low{background:#3fb9501a;color:var(--ui-success)}.change-severity.medium{background:#d299221a;color:var(--ui-warning)}.change-severity.high{background:#f781661a;color:var(--ui-danger)}.change-confidence{color:var(--ui-text-muted);font-size:12px}@media (max-width:768px){.changes-summary{margin-top:12px;padding:12px}.change-header{align-items:flex-start;flex-direction:column;gap:4px}}.modal-large{height:80vh;max-height:800px;max-width:1200px;width:90vw}.comments-layout{display:flex;gap:16px;height:100%}.video-preview-section{flex:1 1;min-width:400px}.comments-section{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:300px}.video-preview-container{background:var(--ui-surface);border-radius:var(--ui-radius-sm);display:flex;flex-direction:column;height:100%;padding:12px}.loading-placeholder,.no-video-placeholder{align-items:center;background:var(--ui-bg);border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);display:flex;flex:1 1;flex-direction:column;font-size:13px;justify-content:center;min-height:300px;text-align:center}.video-with-controls{display:flex;flex:1 1;flex-direction:column;gap:10px}.video-timeline{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:10px}.timeline-bar{background:var(--ui-bg);border-radius:4px;cursor:pointer;height:8px;margin-bottom:8px;overflow:visible;position:relative;-webkit-user-select:none;user-select:none}.timeline-progress{background:var(--ui-accent);border-radius:4px;left:0;transition:width .1s ease}.comment-marker,.timeline-progress{height:100%;position:absolute;top:0}.comment-marker{background:var(--ui-warning);border-radius:2px;cursor:pointer;transition:opacity .15s ease;width:4px}.comment-marker:hover{background:#d29922e6;height:120%;top:-10%;width:6px}.timeline-info{display:flex;justify-content:space-between}.timeline-info,.video-info{color:var(--ui-text-muted);font-size:12px}.video-info{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:6px;text-align:center}.form-instruction{background:#58a6ff14;border:1px solid #58a6ff26;border-radius:var(--ui-radius-sm);color:var(--ui-accent);font-size:13px;margin-bottom:10px;padding:8px 10px}.timestamp-input-group{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px}.timestamp-input-group input{flex:1 1;min-width:80px}.timestamp-input-group button{font-size:13px;padding:6px 10px;white-space:nowrap}.timeline-selection{background:#58a6ff33;border:1px solid var(--ui-accent);border-radius:3px;height:100%;pointer-events:none;position:absolute;top:0;z-index:5}@media (max-width:1024px){.modal-large{height:85vh;width:95vw}.comments-layout{flex-direction:column;height:auto}.video-preview-section{min-width:auto}.comments-section{max-height:400px;min-width:auto}}@media (max-width:768px){.timestamp-input-group{align-items:stretch;flex-direction:column}.timestamp-input-group input{min-width:120px}}.radio-group{display:flex;gap:16px;margin-top:8px}.radio-group label{align-items:center;color:var(--ui-text);cursor:pointer;display:flex;font-size:13px;gap:6px}.radio-group input[type=radio]{cursor:pointer;margin:0}.radio-group input[type=radio]:checked+span{color:var(--ui-accent);font-weight:500}textarea{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);font-family:inherit;font-size:13px;line-height:1.5;min-height:60px;padding:8px 10px;resize:vertical}textarea:focus{border-color:var(--ui-border-strong);outline:none}select{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);cursor:pointer;font-family:inherit;font-size:13px;padding:8px 10px}select:focus{border-color:var(--ui-border-strong);outline:none}input.error,select.error,textarea.error{border-color:var(--ui-danger)}.error-text{color:var(--ui-danger);display:block;font-size:12px;font-weight:500;margin-top:4px}.form-group small:not(.error-text){color:var(--ui-text-muted);margin-top:4px}.asset-preview-svg-container{align-items:center;background:var(--ui-bg);border-radius:var(--ui-radius-sm);display:flex;justify-content:center;min-height:200px;padding:20px}.asset-preview-document{display:flex;flex-direction:column;gap:12px}.asset-preview-text{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);height:300px;width:100%}.document-placeholder,.file-placeholder{align-items:center;background:var(--ui-bg);border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-sm);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:32px 20px;text-align:center}.document-icon,.file-icon{font-size:36px;margin-bottom:12px;opacity:.8}.document-placeholder p,.file-placeholder p{color:var(--ui-text-muted);font-size:13px;margin:4px 0}.file-type{background:var(--ui-surface);border-radius:3px;font-family:monospace;font-size:12px;padding:2px 6px}.download-link{background:#58a6ff2e;border:1px solid #58a6ff59;border-radius:var(--ui-radius-sm);color:var(--ui-accent);display:inline-block;font-size:13px;font-weight:500;margin-top:12px;padding:6px 14px;text-decoration:none;transition:background-color .15s ease}.download-link:hover{background:#58a6ff47;text-decoration:none}.document-preview-note{background:#58a6ff14;border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);color:var(--ui-accent);font-size:13px;margin:8px 0 0;padding:8px 10px}.document-preview-note a{color:var(--ui-accent);font-weight:500;text-decoration:underline}.form-group small{word-wrap:break-word;display:block;line-height:1.4;margin-top:4px;max-width:100%}.asset-modal .form-group small{background:var(--ui-bg);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);font-size:12px;padding:6px}.file-preview{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:10px}.file-info{align-items:center;display:flex;gap:10px}.file-info .file-icon{font-size:24px;opacity:.8}.file-details{flex:1 1}.file-details strong{color:var(--ui-text);display:block;font-size:13px;margin-bottom:4px;word-break:break-word}.file-meta{color:var(--ui-text-muted);display:flex;font-size:12px;gap:8px}.file-size{background:var(--ui-surface);font-family:monospace}.file-category,.file-size{border-radius:3px;padding:2px 6px}.file-category{background:#58a6ff2e;color:var(--ui-accent);font-size:11px;font-weight:500}.multi-file-upload{margin-top:16px}.multi-file-upload h3{border-bottom:1px solid var(--ui-border);color:var(--ui-text);font-size:14px;margin-bottom:12px;padding-bottom:8px}.selected-files-preview{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);max-height:300px;overflow-y:auto;padding:10px}.file-item{align-items:center;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);display:flex;gap:10px;margin-bottom:6px;padding:8px;position:relative}.file-item:last-child{margin-bottom:0}.btn-remove{align-items:center;background:#f781662e;border:none;border-radius:50%;color:var(--ui-danger);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;width:20px}.btn-remove:hover{background:#f781664d}.file-configurations{background:var(--ui-bg);max-height:400px;overflow-y:auto}.file-config-item,.file-configurations{border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:12px}.file-config-item{background:var(--ui-surface);margin-bottom:12px}.file-config-item:last-child{margin-bottom:0}.file-header{align-items:center;border-bottom:1px solid var(--ui-border);display:flex;gap:8px;margin-bottom:10px;padding-bottom:8px}.config-fields{grid-gap:10px;display:grid;gap:10px}.config-fields .form-group{margin-bottom:0}.upload-progress-container{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);max-height:300px;overflow-y:auto;padding:12px}.upload-item{align-items:center;border-radius:var(--ui-radius-sm);display:flex;font-size:13px;gap:10px;margin-bottom:6px;padding:8px 10px}.upload-item:last-child{margin-bottom:0}.upload-item.completed{background:#3fb9501a;border:1px solid #3fb95033;color:var(--ui-success)}.upload-item.current{animation:pulse 1.5s infinite;background:#d299221a;border:1px solid #d2992233;color:var(--ui-warning)}.upload-item.pending{background:var(--ui-surface);border:1px solid var(--ui-border);color:var(--ui-text-muted)}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.upload-status{font-size:14px;font-weight:600}.file-name{color:var(--ui-text);flex:1 1;font-weight:500}.modal-actions .btn+.btn{margin-left:8px}.asset-actions{display:flex;gap:6px;margin-top:8px}.asset-actions .btn{flex:1 1;font-size:12px;padding:5px 10px}.asset-preview-btn{background:#3fb9501f;border-color:#3fb95040;color:var(--ui-success)}.asset-preview-btn:hover{background:#3fb95038}.asset-download-btn{background:#58a6ff1f;border-color:#58a6ff40;color:var(--ui-accent)}.asset-download-btn:hover{background:#58a6ff38}.layered-plan-graph{border-radius:var(--ui-radius-sm);gap:6px}.timeline-clip{padding:0 12px}.processing-title{flex:1 1}.processing-subtitle{color:var(--ui-text-muted);font-size:13px;font-weight:400;margin:4px 0 0}.processing-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.processing-header h3{margin:0 0 4px}.ai-chat-section{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);margin-bottom:20px;overflow:hidden}.ai-chat-header{align-items:center;background:var(--ui-surface-strong);border-bottom:1px solid var(--ui-border);color:var(--ui-text);display:flex;justify-content:space-between;padding:14px 20px}.ai-chat-header h3{font-size:15px;font-weight:600;margin:0}.ai-chat-controls{align-items:center;display:flex;gap:12px}.connection-status{align-items:center;background:#58a6ff1f;border:1px solid #58a6ff40;border-radius:var(--ui-radius-sm);color:var(--ui-text);display:flex;font-size:13px;font-weight:500;gap:6px;padding:4px 8px}.status-dot{border-radius:50%;height:8px;width:8px}.status-connected .status-dot{background-color:var(--ui-success)}.status-connecting .status-dot{animation:blink 1s infinite;background-color:var(--ui-warning)}.status-disconnected .status-dot,.status-error .status-dot{background-color:var(--ui-danger)}.status-error .status-dot{animation:none}.ai-chat-buttons{display:flex;gap:8px}.ai-chat-container{background:var(--ui-bg);border-top:1px solid var(--ui-border)}.ai-chat-error{align-items:center;background:#d299221a;border-bottom:1px solid #d2992233;color:var(--ui-warning);display:flex;justify-content:space-between;padding:12px 20px}.ai-chat-messages{background:var(--ui-bg);height:400px;overflow-y:auto;padding:20px}.ai-welcome-message{color:var(--ui-text-muted);padding:40px 20px;text-align:center}.welcome-content h4{color:var(--ui-text);margin-bottom:16px}.welcome-content ul{display:inline-block;margin:16px 0;text-align:left}.welcome-content li{color:var(--ui-accent);font-style:italic;margin:8px 0;padding:4px 0}.example-prompts{display:flex;flex-direction:column;gap:8px;margin:20px auto;max-width:400px}.example-prompt-btn{background:#58a6ff1a;border:1px solid #58a6ff4d;border-radius:var(--ui-radius-sm);color:var(--ui-accent);cursor:pointer;font-size:13px;font-style:italic;padding:10px 14px;text-align:left;transition:background-color .15s ease,border-color .15s ease}.example-prompt-btn:hover:not(:disabled){background:#58a6ff33;border-color:#58a6ff80}.example-prompt-btn:disabled{cursor:not-allowed;opacity:.5}.chat-message{word-wrap:break-word;border-radius:var(--ui-radius-md);margin-bottom:16px;max-width:85%;padding:12px 16px}.message-user_input{background:#58a6ff2e;border:1px solid #58a6ff4d;border-bottom-right-radius:4px;color:var(--ui-text);margin-left:auto}.message-ai_response{background:var(--ui-surface);border:1px solid var(--ui-border);border-bottom-left-radius:4px;color:var(--ui-text)}.message-ai_thinking{background:#d299221a;border:1px solid #d2992233;border-bottom-left-radius:4px;color:var(--ui-warning);font-style:italic}.message-ai_question{background:#3fb9501a;border:1px solid #3fb95033;border-bottom-left-radius:4px;color:var(--ui-success)}.message-progress_update{background:#58a6ff1a;border:1px solid #58a6ff33;border-bottom-left-radius:4px;color:var(--ui-accent);font-size:13px}.message-error{background:#f781661a;border:1px solid #f7816633;border-bottom-left-radius:4px;color:var(--ui-danger)}.message-video_ready{background:#3fb9501a;border:1px solid #3fb95033;border-bottom-left-radius:4px;color:var(--ui-success);font-weight:600}.message-header{align-items:center;border-bottom:1px solid var(--ui-border);display:flex;font-size:13px;gap:8px;margin-bottom:8px;opacity:.8;padding-bottom:6px}.message-icon{font-size:14px}.message-type{color:var(--ui-text-muted);font-weight:600}.message-time{color:var(--ui-text-muted);font-size:12px;margin-left:auto}.message-content{line-height:1.4}.message-metadata{border-top:1px solid var(--ui-border);font-size:13px;margin-top:8px;opacity:.8;padding-top:8px}.message-approval-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.plan-graph-wrapper{border-top:1px solid var(--ui-border);margin-top:10px;padding-top:10px}.plan-graph-title{font-weight:600}.plan-graph-error,.plan-graph-title{font-size:13px;margin-bottom:8px}.plan-graph{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);max-width:100%;overflow-x:auto;padding:8px}.plan-graph svg{height:auto;min-width:320px}.layered-plan-graph{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);display:flex;flex-direction:column;gap:8px;padding:8px}.layered-plan-graph.nle-timeline{overflow-x:auto}.layered-plan-row{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:84px 1fr}.layered-plan-label{color:var(--ui-text-muted);font-size:12px;font-weight:600;padding-top:4px}.layered-plan-track{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}.timeline-track-wrapper{display:flex;flex-direction:column;gap:6px}.timeline-ruler-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:84px 1fr}.timeline-ruler{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);height:24px;min-width:980px;position:relative}.timeline-ruler-tick{background:var(--ui-border-strong);bottom:0;position:absolute;top:0;width:1px}.timeline-ruler-label{color:var(--ui-text-muted);font-size:11px;left:4px;position:absolute;top:2px;white-space:nowrap}.timeline-track{background:var(--ui-surface);min-height:64px;min-width:980px;overflow:hidden;position:relative}.timeline-layer-toolbar,.timeline-track{border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm)}.timeline-layer-toolbar{align-items:center;background:var(--ui-surface-strong);display:inline-flex;flex-wrap:wrap;gap:6px;max-width:100%;padding:4px 6px}.text-editor-toolbar{background:#58a6ff0f;border-color:#58a6ff33}.timeline-editor-label{color:var(--ui-text-muted);font-size:11px;font-weight:600}.timeline-asset-select{min-width:170px;padding:2px 4px}.timeline-asset-select,.timeline-text-input{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);font-size:11px}.timeline-text-input{min-width:180px;padding:2px 6px}.timeline-small-input{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);font-size:11px;padding:2px 6px;width:72px}.layered-plan-item{background:var(--ui-surface);color:var(--ui-text-muted);padding:4px 8px}.layered-plan-item,.timeline-clip{align-items:center;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);display:inline-flex;font-size:12px;white-space:nowrap}.timeline-clip{background:var(--ui-surface-strong);color:var(--ui-text);cursor:grab;gap:6px;height:30px;justify-content:space-between;max-width:calc(100% - 4px);overflow:hidden;padding:0 14px;position:absolute;text-overflow:ellipsis;top:16px}.timeline-clip:active{cursor:grabbing}.timeline-clip-delete{background:#f78166cc;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:10px;height:16px;line-height:16px;padding:0;position:absolute;right:2px;top:2px;width:16px;z-index:3}.timeline-clip-trim{background:#c9d1d933;bottom:0;cursor:ew-resize;position:absolute;top:0;width:8px;z-index:2}.timeline-clip-trim.trim-left{border-radius:var(--ui-radius-sm) 0 0 var(--ui-radius-sm);left:0}.timeline-clip-trim.trim-right{border-radius:0 var(--ui-radius-sm) var(--ui-radius-sm) 0;right:0}.timeline-clip-label{flex:1 1;margin-right:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-clip-effects{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);flex-shrink:0;font-size:10px;line-height:1;padding:2px 5px}.timeline-clip-tooltip{background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);bottom:calc(100% + 8px);color:var(--ui-text);font-size:11px;left:50%;line-height:1.3;max-width:320px;min-width:180px;opacity:0;padding:6px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .12s ease;visibility:hidden;white-space:normal;z-index:4}.timeline-clip:hover .timeline-clip-tooltip{opacity:1;visibility:visible}.layered-plan-empty{color:var(--ui-text-muted);font-size:12px;padding-top:4px}.typing-indicator{align-items:center;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);border-bottom-left-radius:4px;display:flex;gap:12px;margin-bottom:16px;max-width:200px;padding:12px 16px}.typing-dots{display:flex;gap:3px}.typing-dots span{animation:typing 1.5s infinite;background:var(--ui-text-muted);border-radius:50%;height:6px;width:6px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.ai-chat-input{align-items:flex-end;background:var(--ui-surface);border-top:1px solid var(--ui-border);display:flex;gap:12px;padding:16px 20px}.ai-chat-input textarea{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);flex:1 1;font-family:inherit;font-size:13px;max-height:120px;min-height:40px;outline:none;padding:10px 14px;transition:border-color .15s ease}.ai-chat-input textarea:focus{border-color:var(--ui-border-strong)}.ai-chat-input textarea:disabled{background:var(--ui-surface-strong);color:var(--ui-text-muted);cursor:not-allowed}.send-button{align-items:center;background:#58a6ff2e;border:1px solid #58a6ff59;border-radius:var(--ui-radius-md);color:var(--ui-text);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:40px;justify-content:center;min-height:40px;min-width:40px;transition:background-color .15s ease;width:40px}.send-button:hover:not(:disabled){background:#58a6ff52}.send-button:disabled{cursor:not-allowed;opacity:.5}.ai-connection-status{align-items:center;background:var(--ui-surface);border-top:1px solid var(--ui-border);color:var(--ui-text-muted);display:flex;font-size:13px;gap:12px;padding:16px 20px}.connection-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--ui-border);border:2px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-accent);height:16px;width:16px}@keyframes typing{0%,60%,to{opacity:.4}30%{opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width:768px){.ai-chat-header{align-items:flex-start;flex-direction:column;gap:12px}.ai-chat-controls{justify-content:space-between;width:100%}.chat-message{max-width:95%}.ai-chat-messages{height:300px}.ai-chat-input{flex-direction:column;gap:8px}.send-button{align-self:flex-end}}.ai-chat-messages::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-track{background:var(--ui-bg);border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb{background:var(--ui-border-strong);border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--ui-text-muted)}.user-profile-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.user-profile-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);max-width:560px;padding:32px;width:100%}.user-profile-card h2{color:var(--ui-text);font-size:18px;font-weight:600;margin:0 0 4px}.profile-subtitle{color:var(--ui-text-muted);font-size:13px;margin-bottom:24px}.profile-form{gap:16px}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:var(--ui-text);font-size:13px;font-weight:500}.form-group input{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);font-size:14px;padding:8px 12px;transition:border-color .15s ease}.form-group input:focus{border-color:var(--ui-border-strong);outline:none}.form-group input.disabled-input{background-color:var(--ui-surface-strong);color:var(--ui-text-muted);cursor:not-allowed;opacity:.6}.terms-section{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);margin-top:8px;padding:16px}.terms-section h3{color:var(--ui-text);font-size:15px;font-weight:600;margin:0 0 12px}.terms-content{color:var(--ui-text-muted);font-size:13px;line-height:1.6;margin-bottom:12px}.terms-content ul{margin:8px 0;padding-left:20px}.terms-content li{margin:4px 0}.checkbox-group{align-items:center;display:flex;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;height:16px;width:16px}.checkbox-group label{color:var(--ui-text);cursor:pointer;font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none}.error-message{padding:10px 12px}.submit-button{background:var(--ui-surface-strong);border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);color:var(--ui-text);cursor:pointer;font-size:14px;font-weight:500;padding:10px;transition:background-color .15s ease,border-color .15s ease}.submit-button:hover:not(:disabled){background-color:var(--ui-bg-elevated);border-color:var(--ui-accent)}.submit-button:disabled{cursor:not-allowed;opacity:.4}.billing-container{margin:0 auto;max-width:1200px;padding:24px}.billing-header{margin-bottom:24px}.billing-header h1{color:var(--ui-text);font-size:20px;font-weight:600;margin-bottom:4px}.billing-subtitle{color:var(--ui-text-muted);font-size:14px}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.spinner{border-top:2px solid var(--ui-border);border:2px solid var(--ui-border);height:24px;width:24px}.loading-spinner p{color:var(--ui-text-muted);margin-top:12px}.error-message{align-items:center;background-color:#f781661a;display:flex;margin-bottom:16px;position:relative}.error-icon{font-size:16px;margin-right:8px}.error-close{align-items:center;background:none;border:none;color:var(--ui-danger);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;position:absolute;right:12px;width:24px}.error-close:hover{opacity:.7}.no-products{color:var(--ui-text-muted);font-size:14px;padding:48px 20px;text-align:center}.products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.product-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);display:flex;flex-direction:column;padding:20px}.product-card:hover{border-color:var(--ui-border-strong)}.product-header{margin-bottom:16px}.product-name{color:var(--ui-text);font-size:16px;font-weight:600;margin-bottom:8px}.product-price{align-items:baseline;display:flex;margin-bottom:8px}.price-amount{color:var(--ui-text);font-size:24px;font-weight:600}.price-period{margin-left:4px}.price-period,.product-description{color:var(--ui-text-muted);font-size:13px}.product-description{flex-grow:1;line-height:1.5;margin-bottom:16px}.purchase-button{align-items:center;background-color:var(--ui-surface-strong);border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);color:var(--ui-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;margin-bottom:16px;padding:10px 16px;transition:background-color .15s ease,border-color .15s ease;width:100%}.purchase-button:hover:not(:disabled){background-color:var(--ui-bg-elevated);border-color:var(--ui-accent)}.purchase-button:disabled{cursor:not-allowed;opacity:.4}.purchase-button.processing{opacity:.6}.button-spinner{animation:spin .8s linear infinite;border:2px solid var(--ui-text);border-radius:50%;border-top:2px solid #0000;height:14px;margin-right:8px;width:14px}.product-features{border-top:1px solid var(--ui-border);padding-top:16px}.product-features ul{list-style:none;margin:0;padding:0}.product-features li{color:var(--ui-text-muted);font-size:13px;padding:6px 0}.billing-footer{border-top:1px solid var(--ui-border);margin-top:24px;padding-top:20px;text-align:center}.billing-breakdown-card,.billing-summary-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);margin-bottom:16px;padding:20px}.billing-total{color:var(--ui-text);font-size:28px;font-weight:600}.billing-table{border-collapse:collapse;width:100%}.billing-table td,.billing-table th{border-bottom:1px solid var(--ui-border);font-size:13px;padding:8px;text-align:left}.billing-table th{color:var(--ui-text);font-weight:600}.billing-table td{color:var(--ui-text-muted)}.billing-range-controls{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.billing-range-controls label{color:var(--ui-text-muted);font-size:12px}.billing-range-controls select{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);max-width:260px;padding:8px 12px}.billing-custom-range{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.custom-range-field{display:flex;flex-direction:column;gap:4px}.custom-range-field label{color:var(--ui-text-muted);font-size:12px}.custom-range-field input{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);padding:8px 10px}.billing-chart-wrap{height:320px;position:relative;width:100%}.footer-note{color:var(--ui-text-muted);font-size:13px;margin:8px 0}@media (max-width:768px){.billing-container{padding:16px}.billing-header h1{font-size:18px}.products-grid{gap:12px;grid-template-columns:1fr}.product-card{padding:16px}.product-name{font-size:15px}.price-amount{font-size:20px}.billing-chart-wrap{height:240px}}.video-analysis-container{margin:0 auto;max-width:1200px;padding:20px}.video-analysis-container .header{margin-bottom:40px;text-align:center}.video-analysis-container h1{color:var(--ui-text);font-size:28px;margin-bottom:10px}.video-analysis-container>.header>p{color:var(--ui-text-muted);font-size:14px}.upload-section{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);margin-bottom:30px;padding:30px}.upload-area{cursor:pointer;margin-bottom:20px;position:relative}.upload-placeholder{background:var(--ui-bg);border:2px dashed var(--ui-border-strong);border-radius:var(--ui-radius-md);padding:60px 20px;text-align:center;transition:border-color .15s ease}.upload-placeholder:hover{border-color:var(--ui-accent)}.upload-icon{font-size:36px;margin-bottom:15px}.upload-placeholder p{color:var(--ui-text);font-size:15px;font-weight:600;margin-bottom:5px}.file-type{color:var(--ui-text-muted);font-size:13px}.file-input{display:none}.video-preview{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);padding:20px;text-align:center}.video-preview video{border-radius:var(--ui-radius-md);height:auto;margin-bottom:15px;max-width:100%}.file-name{color:var(--ui-text-muted);margin:10px 0;word-break:break-all}.change-btn{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);cursor:pointer;font-size:13px;padding:8px 16px;transition:border-color .15s ease}.change-btn:hover{border-color:var(--ui-border-strong)}.error-message{background:#f781661a;border:1px solid #f7816633;border-radius:var(--ui-radius-sm);color:var(--ui-danger);font-size:13px;margin-bottom:20px;padding:12px 16px}.analysis-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.provider-select{align-items:center;display:flex;gap:10px}.provider-select label{color:var(--ui-text);font-weight:600}.provider-select select{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:10px 15px}.analyze-btn,.provider-select select{color:var(--ui-text);cursor:pointer;font-size:14px}.analyze-btn{align-items:center;background:#58a6ff2e;border:1px solid #58a6ff59;border-radius:var(--ui-radius-sm);display:flex;font-weight:600;gap:10px;padding:10px 24px;transition:background-color .15s ease}.analyze-btn:hover:not(:disabled){background:#58a6ff47}.analyze-btn:disabled{cursor:not-allowed;opacity:.5}.spinner{animation:spin 1s linear infinite;border:3px solid #c9d1d94d;border-top:3px solid var(--ui-accent);display:inline-block;height:16px;width:16px}.analyzing-container{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.analyzing-content{background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow);max-width:400px;padding:40px;text-align:center}.spinner-large{animation:spin 1s linear infinite;border:4px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-accent);height:60px;margin:0 auto 20px;width:60px}.analyzing-content h3{color:var(--ui-text);font-size:18px;margin-bottom:10px}.analyzing-content p{color:var(--ui-text-muted);font-size:13px;margin-bottom:30px}.progress-steps{display:flex;flex-direction:column;gap:10px;text-align:left}.step{align-items:center;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);display:flex;gap:10px;padding:10px;transition:border-color .15s ease}.step.active{background:#58a6ff14;border-color:#58a6ff4d;color:var(--ui-accent)}.step-number{align-items:center;background:var(--ui-surface-strong);border-radius:50%;color:var(--ui-text-muted);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.step.active .step-number{background:#58a6ff2e;color:var(--ui-accent)}.step.completed{background:#3fb95014;border-color:#3fb95033;color:var(--ui-success)}.step.completed .step-number{background:#3fb9502e;color:var(--ui-success)}.step.completed .step-number:after{content:"\2713";font-size:16px}.upload-progress-bar{background:var(--ui-surface-strong);border-radius:3px;height:6px;margin-top:20px;overflow:hidden;width:100%}.progress-fill{background:var(--ui-accent);height:100%;transition:width .3s ease}.results-container h2{color:var(--ui-text);font-size:22px;margin-bottom:30px;text-align:center}.result-section{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);margin-bottom:20px;padding:24px}.result-section h3{border-bottom:1px solid var(--ui-border);color:var(--ui-text);font-size:16px;margin-bottom:20px;padding-bottom:12px}.result-section h4{color:var(--ui-text-muted);font-size:14px;margin:20px 0 15px}.metadata-section{border-left:3px solid var(--ui-accent)}.metadata-display{gap:20px}.metadata-display,.metadata-item{display:flex;flex-direction:column}.metadata-item{gap:8px}.metadata-item label{color:var(--ui-text-muted);font-size:12px;font-weight:600}.hashtags-list,.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tags-list .tag{background:#58a6ff26;border:1px solid #58a6ff4d;border-radius:var(--ui-radius-sm)}.hashtags-list .hashtag,.tags-list .tag{color:var(--ui-accent);display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.hashtags-list .hashtag{background:#58a6ff14;border:1px solid #58a6ff40;border-radius:var(--ui-radius-sm)}.executive-summary{border-left:3px solid var(--ui-accent)}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.metric-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:16px;text-align:center}.metric-label{color:var(--ui-text-muted);font-size:12px;font-weight:600;margin-bottom:8px}.metric-value{color:var(--ui-text);font-size:24px;font-weight:700}.score-7{color:var(--ui-warning)}.retention{color:var(--ui-success)}.issues{color:var(--ui-danger)}.risk-low{color:var(--ui-success)}.risk-medium{color:var(--ui-warning)}.risk-critical,.risk-high{color:var(--ui-danger)}.summary{color:var(--ui-text-muted);line-height:1.6;margin-bottom:20px}.improvements-list ul{list-style:none;padding:0}.improvements-list li{align-items:flex-start;background:var(--ui-bg);border-left:3px solid var(--ui-border);border-radius:var(--ui-radius-sm);display:flex;gap:12px;margin-bottom:8px;padding:12px}.priority-high{border-left-color:var(--ui-danger)}.priority-medium{border-left-color:var(--ui-warning)}.priority-low{border-left-color:var(--ui-success)}.category{background:var(--ui-surface-strong);border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);font-size:12px;padding:3px 8px;white-space:nowrap}.suggestion{flex:1 1}.priority-badge{white-space:nowrap}.priority-high .priority-badge{background:#f7816626;color:var(--ui-danger)}.priority-medium .priority-badge{background:#d2992226;color:var(--ui-warning)}.priority-low .priority-badge{background:#3fb95026;color:var(--ui-success)}.issues-list{grid-gap:12px;display:grid;gap:12px}.issue-card{background:var(--ui-bg);border-left:3px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:16px}.severity-critical,.severity-high{border-left-color:var(--ui-danger)}.severity-medium{border-left-color:var(--ui-warning)}.severity-low{border-left-color:var(--ui-success)}.issue-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.issue-type{color:var(--ui-text);font-weight:600}.severity-badge{border-radius:var(--ui-radius-sm);font-size:12px;font-weight:600;padding:3px 8px}.severity-critical .severity-badge,.severity-high .severity-badge{background:#f7816626;color:var(--ui-danger)}.severity-medium .severity-badge{background:#d2992226;color:var(--ui-warning)}.severity-low .severity-badge{background:#3fb95026;color:var(--ui-success)}.issue-description{color:var(--ui-text-muted);margin-bottom:10px}.issue-action,.issue-impact{color:var(--ui-text-muted);font-size:13px;margin-bottom:5px}.retention-metrics{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);margin-bottom:20px;padding:16px}.metric{align-items:center;border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:10px 0}.metric:last-child{border-bottom:none}.value{color:var(--ui-success);font-size:16px;font-weight:700}.dropoff-analysis,.segments-analysis{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);margin-bottom:12px;padding:16px}.segments-analysis.engaging{border-left:3px solid var(--ui-success)}.dropoff-analysis ul{list-style:none;margin-top:10px;padding:0}.dropoff-analysis li{background:var(--ui-surface);border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);margin-bottom:6px;padding:8px 10px}.segments-analysis p{color:var(--ui-text-muted);line-height:1.6}.captions-list{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);max-height:400px;overflow-y:auto;padding:10px}.caption-item{border-bottom:1px solid var(--ui-border);gap:15px}.caption-item:last-child{border-bottom:none}.time{color:var(--ui-accent);font-family:monospace;font-weight:600;min-width:60px}.text{flex:1 1}.confidence,.text{color:var(--ui-text-muted)}.confidence{font-family:monospace;font-size:12px;min-width:45px;text-align:right}.more-captions{color:var(--ui-text-muted);font-size:13px;font-style:italic;padding:10px;text-align:center}@media (max-width:768px){.video-analysis-container{padding:15px}.video-analysis-container h1{font-size:22px}.upload-section{padding:20px}.upload-placeholder{padding:40px 15px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.analysis-controls{flex-direction:column}.analyze-btn,.provider-select,.provider-select select{width:100%}.analyze-btn{justify-content:center}.result-section{padding:16px}.improvements-list li,.issue-card{flex-direction:column}.captions-list{max-height:300px}}@media (max-width:480px){.video-analysis-container{padding:10px}.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:20px}.issue-header{align-items:flex-start;flex-direction:column;gap:8px}}.mode-selector{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.mode-selector label{color:var(--ui-text);font-size:14px;font-weight:600}.mode-buttons{display:flex;flex-wrap:wrap;gap:12px}.mode-btn{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-width:180px;padding:10px 16px;transition:border-color .15s ease,background-color .15s ease}.mode-btn:hover{border-color:var(--ui-border-strong);color:var(--ui-text)}.mode-btn.active{background:#58a6ff1f;border-color:#58a6ff73;color:var(--ui-text)}.transcript-input-area{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);padding:20px}.transcript-upload{margin-bottom:16px}.transcript-upload-placeholder{padding:30px 20px}.transcript-file-card{align-items:center;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);display:flex;gap:12px;justify-content:space-between;padding:14px}.transcript-divider{color:var(--ui-text-muted);font-size:13px;margin:12px 0 16px;text-align:center}.transcript-input-area label{color:var(--ui-text);display:block;font-size:13px;font-weight:600;margin-bottom:12px}.transcript-textarea{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);color:var(--ui-text);font-family:monospace;font-size:13px;line-height:1.5;padding:12px;resize:vertical;transition:border-color .15s ease;width:100%}.transcript-textarea:focus{border-color:var(--ui-border-strong);outline:none}.transcript-textarea::placeholder{color:var(--ui-text-muted);font-style:italic}.transcript-helper{background:var(--ui-bg);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);margin-top:12px;padding:10px 12px}.transcript-helper p{color:var(--ui-text-muted);font-size:12px;margin:4px 0}.transcript-helper p:first-child{font-weight:500;margin-top:0}.analysis-history-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.history-header{align-items:center;border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.history-header h1{color:var(--ui-text);font-size:22px;margin:0}.btn-primary{background:#58a6ff2e;border:1px solid #58a6ff59;border-radius:var(--ui-radius-sm);color:var(--ui-text);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background-color .15s ease}.btn-primary:hover{background:#58a6ff47}.btn-secondary{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:border-color .15s ease}.btn-secondary:hover{border-color:var(--ui-border-strong)}.empty-state{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);padding:60px 20px;text-align:center}.empty-state p{color:var(--ui-text-muted);font-size:15px;margin-bottom:20px}.filters-section{align-items:center;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:12px}.results-count{color:var(--ui-text-muted);font-size:13px;margin-left:auto}.analyses-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.analysis-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);overflow:hidden;transition:border-color .15s ease}.analysis-card:hover{border-color:var(--ui-border-strong)}.card-header{align-items:flex-start;background:var(--ui-surface-strong);border-bottom:1px solid var(--ui-border);color:var(--ui-text);display:flex;justify-content:space-between;padding:14px}.header-title{flex:1 1;margin-right:10px}.card-header h3{font-size:14px;margin:0 0 4px;word-break:break-word}.header-subtitle{color:var(--ui-text-muted);font-size:12px;font-style:italic;margin:0;opacity:.8}.provider-badge{background:#58a6ff26;border:1px solid #58a6ff4d;border-radius:var(--ui-radius-sm);color:var(--ui-accent);display:inline-block;flex-shrink:0;font-size:11px;font-weight:600;padding:3px 8px;white-space:nowrap}.provider-badge.anthropic{background:#d299221f;border-color:#d2992240;color:var(--ui-warning)}.description-box{background:var(--ui-bg);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);margin-bottom:10px;padding:10px}.description-box p{color:var(--ui-text-muted);font-size:13px;line-height:1.5;margin:0}.tags-container{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tag{background:#58a6ff1a;border:1px solid #58a6ff40;border-radius:var(--ui-radius-sm);color:var(--ui-accent);display:inline-block;font-size:11px;font-weight:500;padding:3px 8px}.card-body{padding:14px}.info-row{align-items:center;border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.info-row:last-child{border-bottom:none;margin-bottom:0}.label{color:var(--ui-text);font-weight:600}.label,.value{font-size:13px}.value{color:var(--ui-text-muted)}.value.score{color:var(--ui-success);font-weight:600}.value.risk{border-radius:var(--ui-radius-sm);font-size:12px;font-weight:600;padding:2px 6px}.value.risk.low{background:#3fb9501a;color:var(--ui-success)}.value.risk.medium{background:#d299221a;color:var(--ui-warning)}.value.risk.high{background:#f781661a;color:var(--ui-danger)}.value.status{border-radius:var(--ui-radius-sm);font-size:12px;font-weight:600;padding:2px 6px}.value.status.completed{background:#3fb9501a;color:var(--ui-success)}.card-footer{background:var(--ui-bg);border-top:1px solid var(--ui-border);display:flex;gap:8px;padding:10px 14px}.btn-view{background:#58a6ff2e;border:1px solid #58a6ff59;border-radius:var(--ui-radius-sm);color:var(--ui-text);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px;transition:background-color .15s ease}.btn-view:hover{background:#58a6ff47}.btn-delete{align-items:center;background:#f781662e;border:1px solid #f7816659;border-radius:var(--ui-radius-sm);color:var(--ui-danger);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;padding:6px 8px;transition:background-color .15s ease;width:36px}.btn-delete:hover:not(:disabled){background:#f781664d}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.structured-analysis-container{padding:20px}.structured-analysis-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:240px minmax(0,1fr)}.analysis-sidebar{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);padding:12px;position:sticky;top:16px}.analysis-sidebar h3{color:var(--ui-text);font-size:13px;font-weight:600;margin:0 0 10px}.analysis-sidebar nav{grid-gap:6px;display:grid;gap:6px}.sidebar-link{-webkit-appearance:none;appearance:none;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);cursor:pointer;font-size:12px;padding:8px 10px;text-align:left;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.sidebar-link:hover{border-color:var(--ui-border-strong);color:var(--ui-text)}.sidebar-link.active{background:#58a6ff1f;border-color:#58a6ff73;color:var(--ui-accent)}.section{margin-bottom:16px}.section-header h2{font-weight:600}.metadata-block{background:var(--ui-bg);border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);margin-bottom:10px;padding:12px}.metadata-block h3{color:var(--ui-text);font-size:14px;margin:0 0 8px}.metadata-block p{color:var(--ui-text-muted);font-size:13px;line-height:1.5;margin:0}.metadata-chip-list{display:flex;flex-wrap:wrap;gap:8px}.metadata-chip{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);font-size:12px;padding:4px 10px}.hashtag-chip{background:#58a6ff1f;border-color:#58a6ff59;color:var(--ui-accent)}.thumbnail-block ul{margin:0;padding-left:18px}.thumbnail-block li{color:var(--ui-text-muted);font-size:13px;margin-bottom:6px}.persona-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);margin-bottom:12px;padding:16px}.persona-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.persona-header h3{color:var(--ui-text);font-size:15px;margin:0}.platform-badge{background:#58a6ff2e;border:1px solid #58a6ff4d;border-radius:var(--ui-radius-sm);color:var(--ui-accent);font-size:12px;font-weight:600;padding:3px 10px}.persona-description{color:var(--ui-text-muted);font-size:13px;font-style:italic;margin-bottom:12px}.persona-details{grid-gap:12px;display:grid;gap:12px}.detail-group{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:10px}.detail-group strong{color:var(--ui-accent);display:block;font-size:13px;margin-bottom:6px}.detail-group ul{color:var(--ui-text-muted);margin:6px 0 0 20px}.detail-group li{font-size:13px;margin-bottom:4px}.scores-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.score-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:16px;text-align:center}.score-label{color:var(--ui-text-muted);font-size:12px;font-weight:600;margin-bottom:8px}.score-value{color:var(--ui-text);font-size:28px;font-weight:700;margin-bottom:8px}.score-bar{background:var(--ui-surface-strong);border-radius:3px;height:6px;margin-top:8px;transition:width .3s ease}.improvements-section{margin-top:24px}.improvements-section h3{color:var(--ui-text);margin-bottom:16px}.improvement-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);margin-bottom:12px;padding:16px}.improvement-card.priority-1{border-left-color:var(--ui-danger)}.improvement-card.priority-2{border-left-color:var(--ui-warning)}.improvement-card.priority-3{border-left-color:var(--ui-success)}.improvement-header{display:flex;gap:8px;margin-bottom:8px}.priority-badge{background:var(--ui-surface-strong);color:var(--ui-text)}.impact-badge,.priority-badge{border-radius:var(--ui-radius-sm);font-size:12px;font-weight:600;padding:3px 8px}.impact-badge.impact-high{background:#f7816626;color:var(--ui-danger)}.impact-badge.impact-medium{background:#d2992226;color:var(--ui-warning)}.impact-badge.impact-low{background:#3fb95026;color:var(--ui-success)}.improvement-card h4{color:var(--ui-text);font-size:14px;margin:8px 0}.improvement-issue,.improvement-suggestion{color:var(--ui-text-muted);font-size:13px;margin:6px 0}.overall-risk{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);font-weight:600;margin-bottom:16px;padding:12px;text-align:center}.risky-claims-list{grid-gap:12px;display:grid;gap:12px}.claim-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-left:3px solid var(--ui-warning);border-radius:var(--ui-radius-sm);padding:16px}.claim-header{margin-bottom:8px}.risk-type-badge{background:#d2992226;border-radius:var(--ui-radius-sm);color:var(--ui-warning);font-size:12px;font-weight:600;padding:3px 10px}.risk-type-badge.misleading{background:#f7816626;color:var(--ui-danger)}.risk-type-badge.ambiguous{background:#d2992226;color:var(--ui-warning)}.risk-type-badge.unverified{background:#58a6ff26;color:var(--ui-accent)}.risk-type-badge.overgeneralization{background:#f781661f;color:var(--ui-danger)}.risk-type-badge.stereotyping{background:#f781662e;color:var(--ui-danger)}.claim-quote{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);font-size:13px;font-style:italic;margin:8px 0;padding:10px}.claim-explanation{color:var(--ui-text-muted);font-size:13px;margin:8px 0}.safer-wording{background:#3fb95014;border:1px solid #3fb95033;border-radius:var(--ui-radius-sm);margin-top:8px;padding:10px}.safer-wording strong{color:var(--ui-success);display:block;font-size:13px;margin-bottom:4px}.safer-wording p{color:var(--ui-text-muted);font-size:13px;font-style:italic;margin:4px 0 0}.no-issues{color:var(--ui-success);font-size:14px;padding:32px;text-align:center}.current-cta-box{background:var(--ui-bg);border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);margin-bottom:16px;padding:12px}.current-cta-box h4{color:var(--ui-accent);font-size:14px;margin:0 0 8px}.current-cta-box p{color:var(--ui-text-muted);font-size:13px;font-style:italic;margin:0}.cta-scores-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.cta-score-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:12px}.cta-score-card h4{color:var(--ui-text-muted);font-size:13px;margin:0 0 8px}.cta-score-card .score-value{color:var(--ui-accent);font-size:22px;font-weight:700;margin-bottom:8px}.issues-list{list-style:none;margin:8px 0 0;padding:0}.issues-list li{border-bottom:1px solid var(--ui-border);color:var(--ui-text-muted);font-size:13px;padding:6px 0}.issues-list li:last-child{border-bottom:none}.cta-improvements h3{color:var(--ui-text);margin-bottom:12px}.cta-improvement-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);margin-bottom:12px;padding:16px}.cta-type-badge{background:#58a6ff26;border:1px solid #58a6ff4d;border-radius:var(--ui-radius-sm);color:var(--ui-accent);display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:3px 10px}.cta-wording{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);font-size:14px;font-style:italic;margin:8px 0;padding:12px}.cta-rationale{color:var(--ui-text-muted);font-size:13px;margin:8px 0 0}.research-subsection{margin-bottom:24px}.research-subsection h3{border-bottom:1px solid var(--ui-border);color:var(--ui-text);margin-bottom:12px;padding-bottom:8px}.research-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);margin-bottom:8px;padding:12px}.research-card p{color:var(--ui-text-muted);font-size:13px;margin:6px 0}.research-card strong{color:var(--ui-accent)}@media (max-width:768px){.structured-analysis-layout{grid-template-columns:1fr}.analysis-sidebar{position:static}.cta-scores-grid,.scores-grid{grid-template-columns:1fr}.persona-header{align-items:flex-start;flex-direction:column}.platform-badge{margin-top:8px}}.analysis-details-container{margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}.details-header{margin-bottom:24px}.btn-back{background:#0000;border:1px solid #58a6ff59;border-radius:var(--ui-radius-sm);color:var(--ui-accent);cursor:pointer;font-size:13px;font-weight:600;margin-bottom:14px;padding:8px 14px;transition:background-color .15s ease}.btn-back:hover{background:#58a6ff1f}.details-header h1{color:var(--ui-text);font-size:22px;margin:10px 0 0}.header-meta{color:var(--ui-text-muted);display:flex;flex-direction:column;font-size:13px;gap:4px;margin-top:5px}.transcript-section{margin-bottom:24px}.transcript-box{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);padding:20px}.transcript-box h3{color:var(--ui-accent);font-size:16px;margin:0 0 12px}.transcript-text{color:var(--ui-text-muted);font-size:14px;line-height:1.8;white-space:pre-wrap}.error-state,.loading-state{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);padding:60px 20px;text-align:center}.sections-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.section{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);overflow:hidden}.section-header{align-items:center;background:var(--ui-surface-strong);border-bottom:1px solid var(--ui-border);color:var(--ui-text);cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.section-header:hover{background:var(--ui-bg)}.section-header h2{flex:1 1;font-size:16px;margin:0}.toggle-icon{font-size:12px;transition:transform .15s ease}.section-content{padding:20px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.info-item{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);display:flex;flex-direction:column;gap:4px;padding:12px}.info-item .label{color:var(--ui-text-muted);font-size:12px;font-weight:600}.info-item .value{color:var(--ui-accent);font-size:14px;font-weight:600}.captions-list,.improvements-list,.issues-list{margin-top:12px}.captions-list h4,.improvements-list h4,.issues-list h4{color:var(--ui-text);font-size:14px;margin:12px 0 8px}.caption-item{align-items:center;background:var(--ui-bg);border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px;padding:10px}.caption-item .time{color:var(--ui-accent);font-weight:600;min-width:100px}.caption-item .text{color:var(--ui-text);flex:1 1;word-break:break-word}.caption-item .confidence{color:var(--ui-text-muted);font-size:12px}.improvement-item,.issue-item{background:var(--ui-bg);border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);margin-bottom:10px;padding:12px}.improvement-header,.issue-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.category,.type{color:var(--ui-accent);font-size:12px;font-weight:600}.priority,.severity{border-radius:var(--ui-radius-sm);font-size:11px;font-weight:600;padding:3px 6px}.priority.high,.severity.high{background:#f781661f;color:var(--ui-danger)}.priority.medium,.severity.medium{background:#d299221f;color:var(--ui-warning)}.priority.low,.severity.low{background:#3fb9501f;color:var(--ui-success)}.suggestion{color:var(--ui-text);font-size:14px;margin:0 0 6px}.action,.difficulty,.impact{color:var(--ui-text-muted);display:block;font-size:12px;margin:3px 0}.action,.impact{display:inline-block;margin-right:12px}.description{color:var(--ui-text);font-size:14px;margin:0 0 8px}.risk-display,.score-display{margin-bottom:20px;text-align:center}.retention-circle,.score-circle{align-items:center;background:#58a6ff2e;border:2px solid #58a6ff59;border-radius:50%;color:var(--ui-text);display:flex;flex-direction:column;height:80px;justify-content:center;margin:0 auto 10px;width:80px}.score-number{font-size:28px;font-weight:700}.score-description,.score-label{color:var(--ui-text-muted);font-size:13px;margin:4px 0 0}.score-description{margin:8px 0 0}.risk-badge{border-radius:var(--ui-radius-sm);display:inline-block;font-size:13px;font-weight:600;margin-bottom:10px;padding:6px 12px}.risk-badge.low{background:#3fb9501f;color:var(--ui-success)}.risk-badge.medium{background:#d299221f;color:var(--ui-warning)}.risk-badge.high{background:#f781661f;color:var(--ui-danger)}.recommendations-box,.segments-box,.summary-box{background:var(--ui-bg);border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);margin-top:12px;padding:12px}.recommendations-box h4,.segments-box h4,.summary-box h4{color:var(--ui-text);font-size:14px;margin:0 0 8px}.recommendations-box p,.segments-box p,.summary-box p{color:var(--ui-text-muted);font-size:14px;line-height:1.6;margin:6px 0}.retention-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.retention-item{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:12px;text-align:center}.retention-value{color:var(--ui-accent);font-size:24px;font-weight:700}.retention-item .label{color:var(--ui-text);display:block;font-size:12px;font-weight:600;margin-bottom:4px}.retention-item .value{color:var(--ui-accent);display:block;font-size:14px;font-weight:600}.hook-strength.strong{color:var(--ui-success)}.hook-strength.weak{color:var(--ui-danger)}.hook-strength.medium{color:var(--ui-warning)}.details-footer{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);display:flex;gap:10px;justify-content:center;padding:16px}.metadata-box{background:var(--ui-bg);border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:var(--ui-radius-sm);padding:16px}.metadata-field{margin-bottom:16px}.metadata-field:last-child{margin-bottom:0}.metadata-field h4{color:var(--ui-text-muted);font-size:12px;font-weight:600;margin:0 0 8px}.metadata-title{color:var(--ui-accent);font-size:18px;font-weight:700;line-height:1.4;margin:0}.metadata-summary{font-style:italic;line-height:1.5}.metadata-description,.metadata-summary{color:var(--ui-text-muted);font-size:14px;margin:0}.metadata-description{line-height:1.6}.hashtags-display,.tags-display{display:flex;flex-wrap:wrap;gap:8px}.tag-badge{background:#58a6ff26;border:1px solid #58a6ff4d;border-radius:var(--ui-radius-sm);color:var(--ui-accent);cursor:pointer;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;transition:background-color .15s ease}.tag-badge:hover{background:#58a6ff40}.hashtag-badge{background:#58a6ff14;border:1px solid #58a6ff40;border-radius:var(--ui-radius-sm);color:var(--ui-accent);cursor:pointer;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;transition:background-color .15s ease}.hashtag-badge:hover{background:#58a6ff2e}.spinner{animation:spin .8s linear infinite;border:4px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-accent);height:40px;margin:0 auto 20px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.login{background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);cursor:pointer;font-weight:500;padding:10px 14px;transition:background-color .15s ease,border-color .15s ease}.login:hover{background-color:var(--ui-bg-elevated);border-color:var(--ui-border-strong)}.container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}.marketing-shell{gap:20px;justify-content:center;overflow:hidden;padding:24px;position:relative}.ambient-bg{inset:0;pointer-events:none;position:absolute;z-index:0}.ambient-shape{border-radius:999px;filter:blur(72px);opacity:.2;position:absolute}.ambient-shape-a{background:var(--ui-accent);height:340px;left:-40px;top:-60px;width:340px}.ambient-shape-b{background:var(--ui-warning);bottom:-80px;height:300px;right:-50px;width:300px}.ambient-shape-c{background:var(--ui-success);height:260px;right:20%;top:40%;width:260px}.hero-content{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative;width:min(920px,100%);z-index:1}.container h2{color:var(--ui-text);font-size:24px;font-weight:600;line-height:1.25;margin:0}.container h2,.pricing-message{max-width:760px;text-align:center}.pricing-message{color:var(--ui-text-muted);font-size:15px;margin:0 0 8px}.features{background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm);overflow:hidden;padding:16px;position:relative;width:min(980px,100%);z-index:1}.features h3{color:var(--ui-text);font-size:15px;font-weight:600;margin:0}.features-rail{animation:feature-marquee 36s linear infinite;display:flex;gap:10px;list-style:none;margin:12px 0 0;padding:0;width:max-content}.features-rail.auto-scroll{scroll-snap-type:none}.features-rail:hover{animation-play-state:paused}.feature-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);flex:0 0 280px;min-height:128px;padding:12px}.features-rail.auto-scroll .feature-card{scroll-snap-align:none}@keyframes feature-marquee{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}@media (prefers-reduced-motion:reduce){.features-rail{animation:none}}.feature-card h4{color:var(--ui-text);font-size:14px;font-weight:600;margin:0 0 8px}.feature-card p{color:var(--ui-text-muted);font-size:13px;line-height:1.45;margin:0}@media (max-width:768px){.marketing-shell{padding:16px}.container h2{font-size:20px}.features-rail{animation-duration:42s}}.app-container{margin:0;min-height:100vh;padding:0}:root{--ui-bg:#0d1117;--ui-bg-elevated:#161b22;--ui-surface:#1c2128;--ui-surface-strong:#21262d;--ui-border:#c9d1d91f;--ui-border-strong:#c9d1d940;--ui-text:#c9d1d9;--ui-text-muted:#8b949e;--ui-accent:#58a6ff;--ui-accent-hover:#79c0ff;--ui-danger:#f78166;--ui-success:#3fb950;--ui-warning:#d29922;--ui-radius-sm:6px;--ui-radius-md:8px;--ui-shadow-sm:0 1px 2px #0000003d;--ui-shadow:0 2px 8px #00000052}*{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d1117;background:var(--ui-bg);color:#c9d1d9;color:var(--ui-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI Variable,Noto Sans,Helvetica,sans-serif;font-size:14px;line-height:1.5;margin:0}button,input,select,textarea{font:inherit}button{border-radius:6px;border-radius:var(--ui-radius-sm)}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:13px}a{color:#58a6ff;color:var(--ui-accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#8b949e4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b949e80}
/*# sourceMappingURL=main.bb0cc80a.css.map*/