:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg-primary: #f7f6f3;--bg-secondary: #eeeae3;--bg-card: #ffffff;--bg-chat: #fbfaf8;--border-color: #ded8ce;--border-light: #f0ede8;--text-primary: #1d1a16;--text-secondary: #625a50;--text-dim: #91887c;--accent: #328368;--accent-hover: #296c56;--accent-glow: rgba(50, 131, 104, .18);--accent-soft: #e4f0eb;--accent-contrast: #ffffff;--success: #2c7654;--warning: #a96f26;--danger: #aa493e;--nav-active-bg: #211d18;--nav-active-text: #ffffff;--nav-icon-bg: #e3ded6;--nav-icon-color: #746b60;--nav-icon-active-bg: rgba(255, 255, 255, .12);--nav-icon-active-color: #80d6bc;--scrollbar-thumb: #cfc6ba;--scrollbar-track: #f7f6f3;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--shadow-sm: 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 8px 18px rgba(15, 23, 42, .05);--shadow-lg: 0 18px 44px rgba(15, 23, 42, .08);background:var(--bg-primary);color:var(--text-primary);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}[data-theme=dark]{--bg-primary: #12100e;--bg-secondary: #1a1714;--bg-card: #211e1a;--bg-chat: #1b1815;--border-color: #39332c;--border-light: #2a251f;--text-primary: #f2eee7;--text-secondary: #bbb1a5;--text-dim: #8b8277;--accent: #6fc2a0;--accent-hover: #82d0b0;--accent-glow: rgba(111, 194, 160, .2);--accent-soft: rgba(111, 194, 160, .14);--accent-contrast: #101411;--success: #77c79c;--warning: #dda458;--danger: #dc766a;--nav-active-bg: #23382f;--nav-active-text: #f0faf5;--nav-icon-bg: #2c2823;--nav-icon-color: #9c9286;--nav-icon-active-bg: rgba(111, 194, 160, .16);--nav-icon-active-color: #6fc2a0;--scrollbar-thumb: #51483e;--scrollbar-track: #12100e;--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.4)}*{box-sizing:border-box}body{margin:0;background:var(--bg-primary)}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:32px;background:var(--bg-primary)}.auth-theme-toggle{position:fixed;top:22px;right:22px;width:44px;height:44px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);font-size:11px;font-weight:800}.auth-brand{position:fixed;top:88px;text-align:center}.auth-brand-name{color:var(--accent);font-size:13px;font-weight:900;letter-spacing:.22em}.auth-brand-sub{margin-top:8px;color:var(--text-secondary);font-size:15px}.auth-card{width:min(390px,100%);display:grid;gap:13px;padding:28px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-lg)}.auth-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;padding:4px;border-radius:var(--radius-md);background:var(--bg-secondary)}.auth-tabs button,.auth-link-button{border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);padding:9px 10px;font-size:14px;font-weight:800;white-space:nowrap}.auth-tabs button.active{color:var(--accent-contrast);background:var(--accent)}.auth-title{margin-top:8px;font-size:27px;font-weight:900;letter-spacing:0}.auth-subtitle{color:var(--text-secondary);line-height:1.45}.auth-field{display:grid;gap:8px;color:var(--text-secondary);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.auth-field input{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);padding:14px 15px;font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;outline:none}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.auth-submit,.btn.primary{border:0;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);padding:14px 18px;font-weight:900}.auth-error,.ms-warning{border:1px solid rgba(188,91,67,.25);border-radius:var(--radius-md);background:#bc5b431f;color:var(--danger);padding:12px 14px;font-size:13px;line-height:1.45}.product-app{--accent: #328368;height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr) 340px;grid-template-rows:64px minmax(0,1fr);background:var(--bg-primary);overflow:hidden}.topbar{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;border-bottom:1px solid var(--border-color);background:var(--bg-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:5}.topbar-left,.topbar-actions,.header-actions,.actions,.card-actions{display:flex;align-items:center;gap:10px}.brand-title{font-size:15px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.brand-subtitle{margin-top:2px;color:var(--text-dim);font-size:12px}.project-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);padding:8px 10px;outline:none}.icon-button,.user-avatar{position:relative;display:inline-grid;place-items:center;min-width:42px;width:42px;height:42px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);font-size:11px;font-weight:900}.notif-badge{position:absolute;right:-3px;top:-3px;min-width:18px;height:18px;border-radius:var(--radius-sm);background:var(--danger);color:var(--accent-contrast);font-size:11px;line-height:18px}.notif-wrap,.user-menu-wrapper{position:relative}.notif-panel,.user-menu{position:absolute;right:0;top:52px;width:320px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-lg);padding:12px;z-index:20}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:6px}.notif-header button,.user-menu-item{border:0;background:transparent;color:var(--text-secondary);font-weight:800}.notif-item{display:grid;gap:4px;padding:11px;border-radius:var(--radius-md);color:var(--text-secondary)}.notif-item.unread{background:var(--border-light);color:var(--text-primary)}.notif-empty{color:var(--text-dim);padding:18px 10px;text-align:center}.user-menu{width:260px}.user-menu-info{display:grid;gap:4px;padding:10px}.user-menu-info span{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis}.sidebar{grid-column:1;grid-row:2;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:22px;padding:18px 14px;border-right:1px solid var(--border-color);background:var(--bg-secondary)}.nav-title{margin:0 12px 10px;color:var(--text-dim);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.nav-item{width:100%;display:flex;align-items:center;gap:10px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);padding:12px;text-align:left;font-weight:800;text-decoration:none}.nav-item span{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--nav-icon-bg);color:var(--nav-icon-color)}.nav-item.active{background:var(--nav-active-bg);color:var(--nav-active-text)}.nav-item.active span{background:var(--nav-icon-active-bg);color:var(--nav-icon-active-color)}.nav-item b{margin-left:auto;min-width:22px;height:22px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;text-align:center;font-size:12px;line-height:22px}.status-link{margin-top:auto}.workspace{grid-column:2;grid-row:2;min-width:0;min-height:0;padding:28px 32px;overflow:auto}.page{animation:rise .16s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.main-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.main-header h1{margin:0;font-size:30px;letter-spacing:0;line-height:1}.main-header p{margin:8px 0 0;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-md);padding:12px 16px;font-weight:900}.btn.outline{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary)}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.filter-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);padding:10px 15px;font-weight:900}.filter-btn.active{background:var(--nav-active-bg);border-color:var(--nav-active-bg);color:var(--nav-active-text)}.asset-upload-compact{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(110px,.5fr) minmax(160px,1fr) minmax(140px,.8fr) auto;gap:10px;align-items:center;margin-bottom:18px;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card)}.asset-upload-compact>input,.asset-upload-compact select{min-width:0;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);padding:11px 12px;outline:none}.file-picker{position:relative;min-width:0;display:grid}.file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-picker span{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);padding:11px 12px}.file-picker span svg{flex:0 0 auto}.file-picker span:after{content:"";min-width:0}.upload-message{grid-column:1 / -1;color:var(--text-secondary);font-size:13px;font-weight:800}.media-grid,.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.media-card,.card-item,.video-card{min-width:0;display:grid;gap:12px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);padding:12px;text-align:left;color:inherit;overflow:hidden}.media-card{cursor:pointer}.media-card:focus-visible{outline:3px solid var(--accent-glow);outline-offset:3px}.media-card.selected,.card-item.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.media-thumb,.card-preview{position:relative;width:100%;min-width:0;height:148px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--border-light);color:var(--text-dim);overflow:hidden;font-weight:900}.media-thumb span,.card-preview>svg{color:var(--text-dim)}.asset-preview-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(50,131,104,.08),transparent 48%),var(--border-light)}.media-thumb img,.media-thumb video,.card-preview img,.card-preview video,.tl-icon img,.tl-icon video{width:100%;min-width:0;max-width:100%;height:100%;object-fit:cover}.media-thumb video,.tl-icon video{pointer-events:none}.asset-preview-root{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;overflow:hidden}.asset-preview-root.video-preview{isolation:isolate;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.12),transparent 42%),#14110d}.asset-preview-root.image-preview{display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 52%),var(--border-light)}.asset-preview-root.loading .preview-media,.asset-preview-root.loading .preview-backdrop{opacity:0}.asset-preview-root.image-preview .preview-media{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease}.asset-preview-root.loaded .preview-media{opacity:1}.asset-loading-indicator{position:absolute;top:50%;left:50%;z-index:4;width:28px;height:28px;border:3px solid color-mix(in srgb,var(--text-dim) 28%,transparent);border-top-color:var(--accent);border-radius:50%;animation:asset-loading-spin .8s linear infinite;pointer-events:none}@keyframes asset-loading-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.video-card{align-content:start}.video-card .video-preview{width:100%;height:auto;aspect-ratio:16 / 9;justify-self:center;isolation:isolate;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.12),transparent 42%),#14110d}.video-card .video-preview.portrait{height:auto}.video-card .video-preview.landscape{width:100%;height:auto;aspect-ratio:16 / 9}.video-preview .preview-backdrop{position:absolute;inset:-18px;z-index:0;width:calc(100% + 36px);max-width:none;height:calc(100% + 36px);filter:blur(18px) saturate(.88);opacity:.42;transition:opacity .18s ease;object-fit:cover;pointer-events:none}.video-preview.loaded .preview-backdrop{opacity:.42}.video-preview .preview-media{position:absolute;inset:0;margin:auto;z-index:1;width:100%;height:100%;object-fit:cover;background:transparent;transition:opacity .18s ease}.video-preview.portrait .preview-media{width:auto;max-width:100%;height:100%;object-fit:contain}.video-preview.landscape .preview-media{width:100%;height:100%;object-fit:cover}.video-preview.is-clickable{cursor:zoom-in}.video-preview.is-clickable:after{content:"";position:absolute;inset:0;z-index:2;border:1px solid transparent;border-radius:inherit;pointer-events:none;transition:border-color .16s ease,background .16s ease}.video-preview.is-clickable:hover:after,.video-preview.is-clickable:focus-visible:after{border-color:color-mix(in srgb,var(--accent) 65%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.media-thumb b{position:absolute;z-index:3;right:9px;top:9px;padding:5px 8px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-card) 88%,transparent);color:var(--text-secondary);font-size:11px;text-transform:uppercase;pointer-events:none}.media-info,.card-body{min-width:0;display:grid;gap:5px}.media-info strong,.card-body strong{min-width:0;overflow-wrap:anywhere;font-size:15px}.media-info span,.card-body span{min-width:0;color:var(--text-secondary);font-size:13px;line-height:1.35}.card-item.muted{opacity:.72}.card-actions{flex-wrap:wrap}.card-actions button{flex:1 1 116px;min-width:0;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);padding:8px 10px;font-weight:850}.card-actions button:first-child{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.action-bar{position:sticky;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding:14px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-lg)}.video-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:28px;background:#100d0ab8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.video-modal-panel{width:min(980px,100%);max-height:calc(100vh - 56px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-lg);padding:14px}.video-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.video-modal-header strong,.video-modal-header span{display:block}.video-modal-header strong{font-size:17px}.video-modal-header span{margin-top:4px;color:var(--text-secondary);font-size:13px}.video-modal-player{width:100%;max-height:min(72vh,760px);border-radius:var(--radius-md);background:#0f0d0a;object-fit:contain}.timeline-list,.tasks-list,.montage-settings{display:grid;gap:14px}.timeline-item,.task-item{display:flex;align-items:center;gap:14px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);padding:13px}.tl-num,.task-status-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-md);background:var(--border-light);color:var(--text-dim);font-size:11px;font-weight:900}.tl-icon{width:62px;height:48px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--border-light);overflow:hidden;color:var(--text-dim);font-size:11px;font-weight:900}.tl-info,.task-info{min-width:0;flex:1;display:grid;gap:4px}.tl-info span,.task-info span{color:var(--text-secondary);font-size:13px}.timeline-item>button{width:34px;height:34px;border:0;border-radius:var(--radius-md);background:var(--border-light);color:var(--text-secondary);font-weight:900}.montage-settings{margin-top:18px;padding:18px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card)}.ms-row{display:grid;gap:8px;color:var(--text-dim);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ms-row input,.ms-row select,.montage-settings textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);padding:13px 14px;outline:none;text-transform:none;letter-spacing:0}.montage-settings textarea{resize:vertical;min-height:96px}.ms-toggle{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:var(--radius-md);background:var(--border-light)}.ms-toggle input{margin-top:4px}.ms-toggle span{display:grid;gap:4px;flex:1}.ms-toggle em{color:var(--text-secondary);font-size:13px;font-style:normal;line-height:1.35}.ms-toggle button{border:0;background:transparent;color:var(--accent);font-weight:900}.publish-format-control{display:grid;gap:10px;padding:12px;border-radius:var(--radius-md);background:var(--border-light)}.publish-format-control span{display:grid;gap:4px}.publish-format-control em{color:var(--text-secondary);font-size:13px;font-style:normal;line-height:1.35}.publish-format-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.publish-format-segment button{min-height:38px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-weight:850}.publish-format-segment button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.tiktok-publish-control{gap:12px}.publish-select-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.45fr);gap:12px;align-items:center}.publish-select-row select{min-height:40px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);padding:0 10px;font-weight:800}.publish-toggles-grid{display:grid;gap:8px}.ms-summary{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-md);background:var(--border-light)}.ms-summary span{display:grid;gap:4px;flex:1;min-width:0}.ms-summary strong,.ms-summary em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-summary em{color:var(--text-secondary);font-size:13px;font-style:normal;line-height:1.35}.ms-summary button{border:0;background:transparent;color:var(--accent);font-weight:900}.music-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.music-card{display:grid;gap:14px;min-width:0;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);padding:14px}.music-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.music-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px}.music-card-head strong,.music-card-head span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-card-head span{margin-top:3px;color:var(--text-secondary);font-size:13px}.music-card-head em{color:var(--text-dim);font-size:12px;font-style:normal;font-weight:900}.music-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.music-card audio{width:100%;min-width:0}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.status-card{display:grid;gap:8px;min-height:140px;padding:18px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card)}.status-card span{color:var(--text-dim);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.status-card strong{font-size:38px;letter-spacing:0}.status-card em{align-self:end;color:var(--text-secondary);font-style:normal}.section-mini-title{margin:28px 0 14px;font-size:18px}.task-status-icon.processing{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.task-status-icon.error{background:#bc5b431f;color:var(--danger)}.task-status-icon.done{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.task-status-icon.processing svg{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.task-badge{border-radius:var(--radius-sm);padding:7px 10px;background:var(--border-light);color:var(--text-secondary);font-size:12px}.progress-bar{height:7px;border-radius:var(--radius-sm);background:var(--border-light);overflow:hidden}.progress-bar span{display:block;height:100%;background:var(--accent)}.retention-banner,.success-note{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;border:1px solid var(--accent-glow);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--text-secondary)}.publish-platform-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.publish-platform-strip button{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-primary);padding:12px;text-align:left}.publish-platform-strip button.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.publish-platform-strip button>span{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.publish-platform-strip strong,.publish-platform-strip em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-platform-strip em{color:var(--text-secondary);font-size:12px;font-style:normal}.publish-workspace{display:grid;grid-template-columns:minmax(260px,.92fr) minmax(0,1.18fr);gap:18px;align-items:start}.publish-panel{min-width:0;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);padding:16px}.publish-composer{display:grid;gap:10px;align-content:start}.publish-composer .publish-panel-header{margin-bottom:2px}.publish-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.publish-panel-header h3{margin:0;font-size:18px}.publish-panel-header span{color:var(--text-secondary);font-size:13px;font-weight:750;text-align:right}.publish-selected-video{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px;margin-bottom:14px;padding:12px;border-radius:var(--radius-md);background:var(--border-light)}.publish-selected-video .video-preview{width:100%;height:auto;aspect-ratio:16 / 9;justify-self:center}.publish-selected-video .video-preview.portrait,.publish-selected-video .video-preview.landscape{width:100%;height:auto;aspect-ratio:16 / 9}.publish-selected-video strong,.publish-selected-video span{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:left}.publish-selected-video>div:last-child{width:100%;justify-self:stretch}.publish-selected-video strong{font-size:15px}.publish-selected-video span{margin-top:6px;color:var(--text-secondary);font-size:13px}.publish-account{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-md);background:var(--border-light)}.publish-account-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.publish-account strong,.publish-account span,.publish-job-info strong,.publish-job-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-account span,.publish-job-info span{margin-top:4px;color:var(--text-secondary);font-size:13px}.publish-job-info small{display:block;margin-top:6px;color:var(--success);font-size:12px;font-weight:700;line-height:1.35}.publish-account b{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success);padding:6px 8px;font-size:12px}.publish-account b.muted{background:var(--border-light);color:var(--text-secondary)}.publish-caption{width:100%;min-width:0;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);padding:12px 13px;outline:none}.publish-caption{min-height:118px;margin-top:0;resize:vertical;line-height:1.45}.publish-submit{width:100%;margin-top:0}.publish-progress{display:grid;gap:11px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border-color));border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent-soft) 68%,var(--bg-card));color:var(--text-primary);padding:13px}.publish-progress.standalone{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:start;gap:14px 18px;margin:0 0 16px;border-radius:var(--radius-lg);padding:14px 16px}.publish-progress-head{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px}.publish-progress-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast)}.publish-progress-head svg{animation:spin 1.1s linear infinite}.publish-progress strong,.publish-progress em{display:block}.publish-progress strong{font-size:14px}.publish-progress em{margin-top:3px;color:var(--text-secondary);font-size:12px;font-style:normal}.publish-progress p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.4}.publish-progress.standalone p{grid-column:1;margin-left:44px}.publish-progress-steps{display:grid;gap:7px}.publish-progress.standalone .publish-progress-steps{grid-column:2;grid-row:1 / span 2;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.publish-progress-steps div{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;color:var(--text-dim);font-size:13px;font-weight:800}.publish-progress.standalone .publish-progress-steps div{grid-template-columns:24px minmax(0,1fr);min-width:0}.publish-progress.standalone .publish-progress-steps span{min-width:0;line-height:1.25}.publish-progress-steps i{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--border-light);color:var(--text-secondary);font-size:11px;font-style:normal}.publish-progress-steps div.active{color:var(--text-primary)}.publish-progress-steps div.active i{background:var(--accent);color:var(--accent-contrast)}.publish-result{border:1px solid color-mix(in srgb,var(--success) 25%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--success) 11%,transparent);color:var(--success);padding:12px 14px;font-size:13px;line-height:1.45}.publish-history{display:grid;gap:12px}.publish-job-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);padding:13px}.publish-job-info{min-width:0}.publish-job-info em{display:block;margin-top:6px;color:var(--danger);font-size:13px;font-style:normal;line-height:1.35}.icon-link{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-md);background:var(--border-light);color:var(--text-secondary)}.task-status-icon.publishing,.task-status-icon.queued{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.task-status-icon.published{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.task-status-icon.failed{background:#bc5b431f;color:var(--danger)}.task-status-icon.publishing svg{animation:spin 1.1s linear infinite}.empty-state{display:grid;place-items:center;gap:8px;min-height:180px;border:1px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-secondary);text-align:center;padding:24px}.empty-state div{display:grid;place-items:center;width:54px;height:54px;border-radius:var(--radius-lg);background:var(--border-light);color:var(--text-dim);font-size:12px;font-weight:900}.empty-state strong{color:var(--text-primary)}.empty-state span{max-width:360px;font-size:14px;line-height:1.45}.chat-panel{grid-column:3;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;min-width:0;min-height:0;overflow:hidden;border-left:1px solid var(--border-color);background:var(--bg-card)}.chat-header{display:grid;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:12px;min-width:0;padding:16px;border-bottom:1px solid var(--border-color)}.chat-header h3{margin:0}.chat-header p{display:flex;align-items:center;gap:6px;margin:4px 0 0;color:var(--text-secondary);font-size:13px}.chat-header>div:not(.chat-avatar){min-width:0}.chat-header h3,.chat-header p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header button{width:32px;height:32px;min-width:32px;border:0;border-radius:var(--radius-md);background:var(--border-light);color:var(--text-secondary);font-weight:900}.chat-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);font-weight:900}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.chat-messages{display:flex;flex-direction:column;gap:12px;overflow:auto;padding:18px}.message{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.message.user{align-items:flex-end}.message-bubble{max-width:86%;border-radius:var(--radius-lg);background:var(--border-light);padding:12px 14px;color:var(--text-primary);line-height:1.45}.message.user .message-bubble{background:var(--accent);color:var(--accent-contrast)}.quick-replies{display:flex;flex-wrap:wrap;gap:8px}.quick-replies button{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);padding:8px 10px;font-size:12px;font-weight:800}.chat-input-area{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;padding:14px;border-top:1px solid var(--border-color)}.chat-input-area textarea{min-width:0;height:44px;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;resize:none;outline:none;overflow:hidden;font-size:14px;line-height:18px}.chat-input-area button{min-width:104px;border:0;border-radius:var(--radius-md);background:var(--nav-active-bg);color:var(--nav-active-text);padding:0 12px;font-size:13px;font-weight:900}.chat-fab,.mobile-only{display:none}@media(max-width:1320px){.asset-upload-compact{grid-template-columns:minmax(0,1fr) minmax(132px,.42fr)}.asset-upload-compact>input[name=name],.asset-upload-compact>input[name=tags]{grid-column:span 1}.asset-upload-compact>button{grid-column:1 / -1;width:100%}.publish-platform-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.publish-progress.standalone{grid-template-columns:1fr}.publish-progress.standalone p{grid-column:auto;margin-left:44px}.publish-progress.standalone .publish-progress-steps{grid-column:auto;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.publish-workspace{grid-template-columns:1fr}}@media(max-width:1120px){.product-app{grid-template-columns:92px minmax(0,1fr)}.sidebar{padding:18px 10px}.nav-title,.nav-item{font-size:0}.nav-item span{font-size:10px}.chat-panel{position:fixed;inset:72px 0 0 auto;width:min(380px,100vw);transform:translate(100%);transition:transform .18s ease;z-index:30}.chat-panel.open{transform:translate(0)}.drawer-overlay[data-open=true]{position:fixed;inset:72px 0 0;background:#17171447;z-index:25}.chat-fab{display:none}.mobile-only{display:inline-grid;place-items:center}}@media(max-width:760px){.product-app{grid-template-columns:1fr;grid-template-rows:66px minmax(0,1fr)}.topbar{padding:0 14px}.project-select{display:none}.sidebar{position:fixed;inset:66px auto 0 0;width:min(286px,84vw);z-index:30;transform:translate(-100%);transition:transform .18s ease;border-right:1px solid var(--border-color);border-bottom:0;padding:18px 14px;gap:18px;box-shadow:18px 0 50px #221f1a24}.sidebar.open{transform:translate(0)}.nav-title{font-size:11px}.nav-title{display:block}.nav-item{width:100%;white-space:normal;font-size:14px;padding:11px}.nav-item span{width:32px;height:32px;font-size:10px}.status-link{display:flex}.workspace{grid-column:1;grid-row:2;padding:18px}.main-header{align-items:flex-start;flex-direction:column}.main-header h1{font-size:30px}.header-actions{width:100%}.header-actions .btn{flex:1}.asset-upload-compact,.media-grid,.cards-grid,.status-grid,.publish-platform-strip{grid-template-columns:1fr}.publish-panel{padding:14px}.publish-progress.standalone .publish-progress-steps,.publish-selected-video{grid-template-columns:1fr}.video-card .video-preview,.video-card .video-preview.portrait{height:auto}.publish-account,.publish-job-row{grid-template-columns:40px minmax(0,1fr)}.publish-account b,.publish-job-row .task-badge,.publish-job-row .icon-link{grid-column:2;justify-self:start}.topbar-actions .icon-button:not(.mobile-only),.brand-subtitle{display:none}.drawer-overlay[data-open=true]{inset:66px 0 0}.action-bar{align-items:stretch;flex-direction:column}.actions .btn{flex:1}.auth-brand{position:static;margin-bottom:22px}.auth-screen{align-content:center;place-items:stretch}.auth-card{margin:0 auto}}.sidebar,.chat-messages,.workspace,body{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@supports not (scrollbar-color: auto){.sidebar::-webkit-scrollbar,.chat-messages::-webkit-scrollbar,.workspace::-webkit-scrollbar,body::-webkit-scrollbar{width:8px;height:8px}.sidebar::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb,.workspace::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm)}.sidebar::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track,.workspace::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:var(--scrollbar-track)}}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}