.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-state-icon{color:var(--text-muted);opacity:.3}.empty-state-message{color:var(--text-muted);font-size:13px;font-weight:500}.empty-state-hint{color:var(--text-muted);opacity:.7;max-width:280px;font-size:12px;line-height:1.4}.empty-state-action{margin-top:var(--space-2);min-height:34px;padding:0 var(--space-4);border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:var(--bg-base);font:inherit;font-size:var(--text-caption);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);font-weight:700}.empty-state-action:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.empty-state-action:active{transform:scale(.98)}.loading-state{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:120px;padding:40px 20px;display:flex}.loading-state-compact{flex-direction:row;gap:8px;min-height:0;padding:8px 0}.loading-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.loading-state-compact .loading-spinner{width:16px;height:16px}.loading-message{color:var(--text-muted);font-size:13px}.loading-state-compact .loading-message{font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-state{width:100%;min-height:260px;padding:var(--space-4);flex:1}.skeleton-state--compact{min-height:0;padding:var(--space-2) 0}.skeleton-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.skeleton-card{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-card);overflow:hidden}.skeleton-card--clip,.skeleton-card--video,.skeleton-card--kpi,.skeleton-card--timeline,.skeleton-chart,.skeleton-table{padding:var(--space-3)}.skeleton-media{aspect-ratio:9/16;margin-bottom:var(--space-3);border-radius:var(--radius-sm)}.skeleton-media--wide{aspect-ratio:16/9}.skeleton-block,.skeleton-line,.skeleton-timeline-dot{background:linear-gradient(90deg, var(--surface-elevation-1), var(--surface-elevation-3), var(--surface-elevation-1));animation:skeleton-shimmer 1.1s var(--ease-standard) infinite;background-size:220% 100%}.skeleton-line{height:10px;margin-top:var(--space-2);border-radius:var(--radius-pill)}.skeleton-line--wide{width:82%}.skeleton-line--mid{width:58%}.skeleton-line--short{width:36%}.skeleton-line--value{width:48%;height:22px}.skeleton-analytics{gap:var(--space-4);flex-direction:column;display:flex}.skeleton-kpi-row,.skeleton-chart-row{gap:var(--space-4);display:grid}.skeleton-kpi-row{grid-template-columns:repeat(5,minmax(0,1fr))}.skeleton-chart-row{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-chart{min-height:220px}.skeleton-table-row{gap:var(--space-4);padding:var(--space-2) 0;grid-template-columns:minmax(0,1fr) 120px;display:grid}.skeleton-timeline{gap:var(--space-4);flex-direction:column;width:min(720px,100%);margin:0 auto;display:flex}.skeleton-timeline-item{gap:var(--space-3);grid-template-columns:24px minmax(0,1fr);align-items:start;display:grid}.skeleton-timeline-dot{width:10px;height:10px;margin:var(--space-4) auto 0;border-radius:var(--radius-pill)}@keyframes skeleton-shimmer{to{background-position:-220% 0}}@media (width<=760px){.skeleton-kpi-row,.skeleton-chart-row{grid-template-columns:1fr}}.ds-item-deleting{pointer-events:none;position:relative}.ds-item-deleting>*{opacity:.35;transition:opacity .12s}.ds-item-deleting:before{content:"";background:var(--bg-base);opacity:.72;border-radius:inherit;z-index:1;position:absolute;inset:0}.ds-item-deleting:after{content:"";border:3px solid var(--border-hover);border-top-color:var(--accent);z-index:2;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:.7s linear infinite spin;position:absolute;top:50%;left:50%}.detail-panel-shell{background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),opacity .25s;display:flex;position:relative;overflow:hidden}.detail-panel-toggle{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;z-index:10;width:20px;height:48px;color:var(--text-muted);-webkit-user-select:none;user-select:none;border-right:none;border-radius:6px 0 0 6px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.detail-panel-toggle:hover{color:var(--text-primary);background:var(--bg-card-hover)}.detail-panel-chevron{transition:transform .3s cubic-bezier(.4,0,.2,1)}.detail-panel-chevron.rotated{transform:rotate(180deg)}.tab-bar{border-bottom:1px solid var(--border);flex-shrink:0;gap:0;padding:0 12px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid transparent;padding:10px 14px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--text-primary)}.tab-btn-active{color:var(--accent);border-bottom-color:var(--accent)}img{position:relative}img:after{content:"";background:var(--bg-surface);display:block;position:absolute;inset:0}.media-fallback{background:var(--bg-surface);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.media-fallback-icon{color:var(--text-muted);opacity:.25}.media-fallback--failed .media-fallback-icon{opacity:.35}.media-fallback-retry{color:var(--text-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;text-decoration:underline;transition:color .15s}.media-fallback-retry:hover{color:var(--text-primary)}.fav-toggle{background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:transform .15s;display:flex}.fav-toggle:not(:disabled):hover{transform:scale(1.15)}.fav-toggle--overlay{z-index:10;background:var(--bg-base);cursor:pointer;border-radius:50%;width:22px;height:22px;transition:opacity .15s,transform .15s;position:absolute;top:6px;left:6px}.fav-toggle--inline{padding:2px;font-size:18px}.fav-toggle--compact{cursor:pointer}.selection-checkbox{border:1.5px solid var(--accent);background:var(--bg-base);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s;display:flex}.selection-checkbox--overlay{z-index:10;position:absolute;top:6px;right:6px}.selection-checkbox--checked{background:var(--accent)}.selection-checkbox__mark{color:var(--bg-base);font-size:10px;font-weight:700;line-height:1}