@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

:root { --ink:#202321; --muted:#7d827c; --line:#e7e8e4; --paper:#f7f7f4; --panel:#fff; --acid:#d7ff56; --mint:#eeffe5; --lilac:#eeeaff; --purple:#6848e6; --shadow:0 10px 35px rgba(43,48,43,.07); }
* { box-sizing:border-box; }
html { background:#f4f5f1; scroll-behavior:smooth; }
body { margin:0; color:var(--ink); font-family:Manrope,"Noto Sans SC",Arial,sans-serif; font-size:14px; }
button,input,textarea,select { font:inherit; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
.hidden { display:none !important; }
.brand { display:inline-flex; align-items:center; gap:9px; letter-spacing:-.7px; font-size:17px; font-weight:800; }
.brand-dot { color:#9ccf1f; }
.brand-mark { position:relative; display:inline-block; width:34px; height:20px; flex:0 0 34px; color:inherit; filter:drop-shadow(0 0 4px color-mix(in srgb, currentColor 30%, transparent)); }
.brand-mark::before { content:""; position:absolute; top:2px; left:14px; width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 5px currentColor,0 0 11px color-mix(in srgb, currentColor 55%, transparent); }
.brand-mark i { position:absolute; top:13px; display:block; width:13px; height:2px!important; background:currentColor; border-radius:999px; transform:none; }
.brand-mark i:nth-child(1) { left:0; }
.brand-mark i:nth-child(2) { right:0; }
.brand-mark i:nth-child(3) { display:none; }
.login-screen { min-height:100vh; position:relative; overflow:hidden; display:flex; flex-direction:column; padding:36px 5.8% 22px; color:#f5f6ef; background:#171a19; }
.login-screen:before { content:""; position:absolute; right:-7vw; top:-19vw; width:68vw; height:68vw; background:radial-gradient(circle at 46% 48%,rgba(166,214,41,.28),rgba(167,207,76,.09) 29%,transparent 65%); filter:blur(2px); }.login-screen:after { content:""; position:absolute; left:-22vw; bottom:-31vw; width:66vw; height:66vw; border:1px solid rgba(215,255,86,.12); border-radius:50%; box-shadow:0 0 0 72px rgba(215,255,86,.025),0 0 0 145px rgba(215,255,86,.018); }
.login-noise { position:absolute; inset:0; opacity:.22; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E"); }
.login-brand,.login-grid,.login-footer { position:relative; z-index:1; }.login-brand { display:flex; justify-content:space-between; align-items:center; }.login-brand p { color:#a1a69f; margin:0; font:10px "DM Mono",monospace; letter-spacing:1.5px; }
.login-grid { margin:auto; width:min(1080px,100%); display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:96px; }.eyebrow { display:flex; align-items:center; gap:8px; margin:0 0 16px; color:#bcff4a; font:10px "DM Mono",monospace; letter-spacing:1.3px; }.eyebrow span { width:17px; height:1px; background:currentColor; }.login-intro h1 { max-width:620px; margin:0; font-size:clamp(42px,5vw,70px); line-height:1.13; letter-spacing:-3.4px; }.login-intro h1 span { color:var(--acid); }.intro-copy { max-width:500px; margin:27px 0 44px; color:#aeb4ad; line-height:1.8; font-size:15px; }.metric-row { display:flex; max-width:510px; gap:10px; }.metric-row>div { flex:1; display:flex; flex-direction:column; gap:8px; padding-top:15px; border-top:1px solid #4a504b; }.metric-row strong { font:22px "DM Mono",monospace; color:#d8ff60; }.metric-row span { color:#b5b8b2; font-size:12px; }
.login-card { padding:37px 36px 25px; background:rgba(37,41,39,.86); border:1px solid rgba(255,255,255,.11); box-shadow:0 24px 80px rgba(0,0,0,.24); backdrop-filter:blur(12px); }.login-card-top { margin-bottom:27px; }.login-card-top p { margin:0 0 7px; font:12px "DM Mono",monospace; color:#b7bdad; }.login-card h2 { margin:0; font-size:25px; letter-spacing:-1px; }.login-card>label,.prompt-label { display:block; margin-top:18px; color:#d7dad4; font-size:12px; }.login-card input { width:100%; height:47px; margin-top:8px; padding:0 14px; color:#fff; outline:none; background:#1e211f; border:1px solid #464c47; border-radius:2px; }.login-card input:focus { border-color:#b9e854; }.password-wrap { position:relative; }.password-wrap input { padding-right:45px; }.eye-button { position:absolute; right:8px; bottom:7px; width:33px; height:33px; color:#aeb5ac; border:0; background:transparent; }.login-options { display:flex; justify-content:space-between; margin:16px 0 23px; color:#aeb4ad; font-size:12px; }.login-options a,.login-hint a { color:#cef867; }.check-label { display:flex; gap:6px; align-items:center; cursor:pointer; }.check-label input { width:14px; height:14px; margin:0; accent-color:#bdee42; }.primary-button { width:100%; height:50px; display:flex; justify-content:space-between; align-items:center; padding:0 17px; color:#1a2019; background:var(--acid); border:0; font-weight:800; transition:transform .2s,background .2s; }.primary-button:hover { transform:translateY(-2px); background:#e3ff81; }.primary-button span { font-size:21px; }.login-hint { margin:24px 0 0; color:#9ea49d; text-align:center; font-size:12px; }.login-footer { display:flex; justify-content:space-between; color:#7d857c; font:10px "DM Mono",monospace; letter-spacing:.8px; }.login-footer i { display:inline-block; width:6px; height:6px; margin:0 4px; background:#bafd46; border-radius:50%; }

.workspace { min-height:100vh; display:flex; background:var(--paper); }.sidebar { position:fixed; inset:0 auto 0 0; width:228px; display:flex; flex-direction:column; padding:27px 15px 18px; color:#373a36; background:#fff; border-right:1px solid var(--line); }.side-brand { margin-left:13px; }.side-nav { display:flex; flex-direction:column; gap:5px; margin-top:56px; }.nav-item { min-height:42px; display:flex; align-items:center; gap:13px; padding:0 13px; color:#70756e; border-radius:5px; transition:background .15s,color .15s; font-size:13px; }.nav-item:hover,.nav-item.active { color:#2b302a; background:#eff1eb; }.nav-item.active { font-weight:700; }.nav-icon { width:17px; color:#8fa732; font-size:18px; text-align:center; }.sidebar-bottom { margin-top:auto; }.profile { width:100%; display:flex; gap:9px; align-items:center; margin-top:15px; padding:13px 9px; text-align:left; background:#f5f6f3; border:0; border-radius:5px; }.avatar { width:31px; height:31px; display:grid; place-items:center; color:#fff; background:#7071aa; border-radius:50%; font-weight:700; }.profile strong,.profile small { display:block; }.profile strong { font-size:11px; }.profile small { margin-top:2px; color:#838982; font-size:10px; }.profile b { margin-left:auto; color:#929790; letter-spacing:1px; }
.main-shell { width:calc(100% - 228px); margin-left:228px; }.topbar { height:70px; display:flex; justify-content:space-between; align-items:center; padding:0 46px; background:rgba(255,255,255,.83); border-bottom:1px solid var(--line); }.breadcrumb { display:flex; align-items:center; gap:8px; color:#92968e; font-size:12px; }.breadcrumb strong { color:#353934; }.breadcrumb i { color:#c5c8c2; font-style:normal; }.breadcrumb button { padding:2px 3px; color:#93998f; border:0; background:none; }.top-actions { display:flex; align-items:center; gap:10px; }.text-action,.text-link { color:#6f756d; border:0; background:none; font-size:12px; }.text-link { color:#68862d; font-weight:700; }.outline-button,.ghost-button,.mini-button { color:#676d65; border:1px solid #dbddd8; background:#fff; border-radius:3px; }.outline-button { width:32px; height:32px; }.export-button,.assemble-button { min-height:34px; padding:0 13px; color:#fafbf7; border:0; border-radius:3px; background:#29302b; font-weight:700; font-size:12px; }.export-button span { margin-left:6px; font-size:15px; }.studio { max-width:1490px; margin:0 auto; padding:37px 45px 50px; }.project-hero { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:29px; }.eyebrow.dark { margin-bottom:9px; color:#84a12d; }.project-hero h1 { margin:0; color:#272b27; font-size:27px; letter-spacing:-1.5px; }.project-hero h1 em { color:#a8ae9f; font-style:normal; font-weight:400; }.project-hero>div>p:not(.eyebrow) { margin:7px 0 0; color:#969b94; font-size:11px; }.hero-progress { display:flex; align-items:center; gap:7px; }.hero-progress>i { width:38px; height:1px; background:#d9dbd6; }.step { position:relative; display:grid; grid-template-columns:25px auto; column-gap:8px; align-items:center; color:#a0a59e; }.step span { grid-row:span 2; width:25px; height:25px; display:grid; place-items:center; color:#89918a; border:1px solid #cfd3cc; border-radius:50%; font:11px "DM Mono",monospace; }.step b { font:9px "DM Mono",monospace; color:#a8ada6; }.step p { margin:1px 0 0; font-size:10px; white-space:nowrap; }.step.complete span { color:#4d7025; background:#e4ffbb; border-color:#d2f89a; }.step.current span { color:white; background:#373d38; border-color:#373d38; }.step.current p { color:#323733; font-weight:700; }
.workspace-grid { display:grid; grid-template-columns:minmax(480px,1.08fr) minmax(420px,.92fr); gap:18px; align-items:start; }.left-column,.right-column { display:flex; flex-direction:column; gap:18px; }.panel { background:var(--panel); border:1px solid var(--line); box-shadow:0 2px 4px rgba(40,46,40,.015); }.panel-heading { min-height:67px; display:flex; align-items:center; justify-content:space-between; padding:13px 19px; border-bottom:1px solid #ebebe8; }.section-index { margin:0 0 4px; color:#a1a79e; font:9px "DM Mono",monospace; letter-spacing:.7px; }.panel-heading h2 { margin:0; font-size:16px; letter-spacing:-.6px; }.panel-heading h2 span { margin-left:5px; color:#949a92; font-size:10px; font-weight:500; letter-spacing:0; }.status-chip { padding:5px 8px; border-radius:12px; font:9px "DM Mono",monospace; }.status-chip.ready { color:#5f8c26; background:#eff9de; }.status-chip.violet { color:#6250bf; background:#f0edff; }.reference-video { position:relative; height:258px; overflow:hidden; background:linear-gradient(135deg,#d3bfaa,#72604b 58%,#30332c); }.reference-video video { display:none; width:100%; height:100%; object-fit:cover; }.reference-video.has-video video { display:block; }.video-placeholder { height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; color:#fff; text-align:center; background:linear-gradient(135deg,rgba(19,25,22,.2),rgba(20,23,21,.38)),radial-gradient(circle at 74% 33%,#cbad84 0 13%,transparent 14%),linear-gradient(120deg,#697769,#c0a98f 49%,#4e4234 50%); }.reference-video.has-video .video-placeholder { display:none; }.video-placeholder p { max-width:280px; margin:0; color:#f6f0e9; text-shadow:0 1px 8px #443728; font-size:11px; line-height:1.6; }.play-orb { width:51px; height:51px; display:grid; place-items:center; padding-left:3px; color:#2f372c; background:#e4faab; border-radius:50%; box-shadow:0 7px 22px rgba(0,0,0,.18); }.small-upload { padding:7px 10px; color:#fff; border:1px solid rgba(255,255,255,.7); border-radius:3px; font-size:11px; cursor:pointer; }.video-overlay { position:absolute; right:12px; bottom:10px; display:flex; gap:6px; }.video-overlay span { padding:3px 5px; color:#fff; background:rgba(16,18,16,.6); font:9px "DM Mono",monospace; }.analysis-summary { display:flex; justify-content:space-between; align-items:center; padding:13px 17px; }.analysis-summary>div { display:flex; gap:10px; align-items:center; }.summary-icon { width:28px; height:28px; display:grid; place-items:center; color:#7270dd; background:#f0effd; border-radius:4px; }.analysis-summary p { margin:0; }.analysis-summary strong,.analysis-summary small { display:block; }.analysis-summary strong { font-size:11px; }.analysis-summary small { margin-top:3px; color:#959a94; font-size:10px; }
.ghost-button { padding:7px 9px; font-size:10px; }.storyboard-panel .heading-actions { display:flex; justify-content:flex-end; gap:5px; flex-wrap:wrap; }.storyboard-toggle { color:#5e704c; border-color:#ced8c3; background:#f6f9f1; }.storyboard-content { display:grid; grid-template-rows:1fr; opacity:1; transition:grid-template-rows .28s ease,opacity .2s ease; }.storyboard-content-inner { min-height:0; overflow:hidden; }.storyboard-panel.is-collapsed .storyboard-content { grid-template-rows:0fr; opacity:0; }.storyboard-panel.is-collapsed .panel-heading { border-bottom-color:transparent; }.storyboard-list { padding:0 15px; }.shot { display:grid; grid-template-columns:28px 99px minmax(0,1fr) 17px; gap:10px; align-items:center; padding:12px 2px; border-bottom:1px solid #eff0ed; }.shot-id { font:10px "DM Mono",monospace; color:#a1a69e; }.shot-image { position:relative; height:54px; overflow:hidden; border-radius:3px; background:#9c866e; }.shot-image:after { content:""; position:absolute; inset:0; background:linear-gradient(130deg,transparent 45%,rgba(27,26,21,.25)); }.shot-image.s1 { background:linear-gradient(120deg,#726050,#e5c997 48%,#5b6a5c); }.shot-image.s2 { background:linear-gradient(122deg,#ce9a65,#473f33 50%,#e6ceaa); }.shot-image.s3 { background:linear-gradient(130deg,#665046,#e6bd88 39%,#444c48); }.shot-image.s4 { background:linear-gradient(120deg,#cab198,#5c5042 47%,#91866d); }.shot-duration { position:absolute; right:4px; bottom:4px; z-index:1; padding:2px 3px; color:#fff; background:rgba(0,0,0,.55); font:8px "DM Mono",monospace; }.shot-info { min-width:0; }.shot-info h3 { overflow:hidden; margin:0 0 4px; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }.shot-info p { display:flex; gap:5px; margin:0; overflow:hidden; color:#858b83; font-size:10px; white-space:nowrap; }.shot-info p span { overflow:hidden; text-overflow:ellipsis; }.shot-info p i { color:#b1b5af; font-style:normal; }.shot-menu { color:#a7ada4; background:none; border:0; font-size:17px; }.add-shot { width:calc(100% - 30px); height:34px; margin:10px 15px 14px; color:#77856b; border:1px dashed #cbd2c7; background:#fbfcf9; border-radius:3px; font-size:11px; }.add-shot:hover { background:#f2f7ed; }
.strategy-grid { display:grid; grid-template-columns:1fr 1.1fr; }.strategy-card { position:relative; min-height:103px; padding:15px; border-right:1px solid #eff0ed; border-bottom:1px solid #eff0ed; }.strategy-card:nth-child(even) { border-right:0; }.strategy-card:nth-last-child(-n+2) { border-bottom:0; }.strategy-card span { display:block; color:#90968e; font-size:10px; }.strategy-card strong { display:block; margin-top:10px; color:#363b35; font-size:12px; line-height:1.6; }.style-card i { position:absolute; right:17px; bottom:14px; color:#b3d946; font-style:normal; font-size:28px; }.mood-card { background:linear-gradient(118deg,#fbfcf7,#f4f1ff); }.mood-line { display:flex; gap:5px; align-items:end; height:30px; margin-top:5px; }.mood-line i { width:16%; background:#b29df8; border-radius:10px 10px 0 0; }.mood-line i:nth-child(1){height:7px}.mood-line i:nth-child(2){height:13px}.mood-line i:nth-child(3){height:10px}.mood-line i:nth-child(4){height:23px}.mood-line i:nth-child(5){height:29px;background:#6e56dd}.mood-card small { display:block; margin-top:4px; color:#8279ac; font-size:9px; }
.mini-button { width:25px; height:25px; padding:0; }.panel-helper { margin:12px 19px 0; color:#969b95; font-size:10px; }.asset-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding:13px 18px 17px; }.asset-card { position:relative; min-width:0; min-height:129px; display:flex; flex-direction:column; padding:7px; cursor:pointer; color:#545a53; border:1px solid #e4e6e1; border-radius:3px; background:#fff; }.asset-card:hover { border-color:#b8ce8d; }.asset-type { position:absolute; z-index:1; top:10px; left:10px; padding:2px 4px; color:#fff; background:rgba(26,31,27,.62); font-size:8px; }.asset-visual { height:69px; margin-bottom:7px; overflow:hidden; background:#ecebe4; }.product-visual { display:grid; place-items:center; background:linear-gradient(135deg,#f4eadb,#d5b178); }.bottle { width:26px; height:45px; position:relative; border:2px solid rgba(83,60,39,.62); border-top:0; border-radius:3px 3px 8px 8px; background:linear-gradient(90deg,#b58a52,#f9e3bb 43%,#976d3c); }.bottle:before { content:""; position:absolute; width:12px; height:8px; left:5px; top:-8px; background:#59422d; }.bottle:after { content:"FF"; position:absolute; top:15px; left:3px; color:#6a5134; font:6px "DM Mono"; }.scene-visual { background:linear-gradient(#e7d5b8 0 46%,#ac7955 47% 50%,#726f55 51%); }.scene-visual i:first-child { position:absolute; width:25px; height:31px; margin:17px 0 0 17px; border-radius:50% 50% 0 0; background:#849268; }.scene-visual i:last-child { position:absolute; width:20px; height:46px; margin:22px 0 0 41px; background:#e9dfc6; }.asset-card b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px; }.asset-card small { overflow:hidden; margin-top:3px; color:#a0a49d; text-overflow:ellipsis; white-space:nowrap; font-size:8px; }.remove-asset { position:absolute; top:3px; right:5px; z-index:2; width:16px; height:16px; padding:0; color:white; border:0; border-radius:50%; background:rgba(31,34,31,.6); opacity:0; }.asset-card:hover .remove-asset { opacity:1; }.asset-card.empty { justify-content:center; align-items:center; color:#858b83; background:#fbfbf9; border-style:dashed; }.asset-plus { width:25px; height:25px; display:grid; place-items:center; margin-bottom:8px; color:#8da43e; background:#f0f6e2; border-radius:50%; font-size:17px; }.asset-card.empty b { font-size:9px; }
.model-select-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:14px 18px 0; }.model-select-row label { color:#858b84; font-size:10px; }.model-select-row select { width:100%; height:33px; margin-top:5px; padding:0 7px; color:#3c423c; border:1px solid #e0e3de; border-radius:3px; background:#fff; font-size:10px; }.prompt-label { padding:0 18px; margin-top:12px; color:#858b84; font-size:10px; }.prompt-label textarea { width:100%; resize:vertical; min-height:52px; margin-top:5px; padding:7px; color:#555c54; border:1px solid #e0e3de; border-radius:3px; outline:none; font-size:10px; line-height:1.5; }.generation-emphasis { margin:0 0 13px; }.generation-emphasis textarea { height:34px; min-height:34px; resize:none; }.generate-button { width:calc(100% - 36px); height:42px; display:flex; align-items:center; gap:7px; margin:13px 18px 17px; padding:0 13px; color:white; border:0; border-radius:3px; background:#5c45cc; box-shadow:0 6px 14px rgba(92,69,204,.18); text-align:left; font-weight:700; font-size:12px; }.generate-button:hover { background:#4934bd; }.generate-button span { font-size:16px; }.generate-button small { margin-left:auto; color:#d6ceff; font-weight:400; font-size:9px; }.generate-button.is-generating { color:#fff; background:#8a7de1; }
.timeline-section { margin-top:18px; }.timeline-actions { display:flex; align-items:center; gap:9px; }.timeline-duration { margin-right:4px; color:#929891; font:10px "DM Mono",monospace; }.assemble-button { height:30px; color:#27351f; background:#d6fa65; }.timeline { padding:15px 18px 7px; }.timeline-ruler { display:grid; grid-template-columns:repeat(7,1fr); margin-left:61px; padding-bottom:7px; color:#a1a69f; border-bottom:1px solid #eceeeb; font:8px "DM Mono",monospace; }.timeline-ruler span { position:relative; }.timeline-ruler span:after { content:""; position:absolute; left:0; top:15px; width:1px; height:47px; background:#eceeeb; }.timeline-tracks { padding-top:8px; }.track { display:flex; align-items:center; min-height:29px; }.track-label { width:61px; color:#8d938b; font-size:9px; }.track-clips { display:flex; flex:1; gap:3px; }.clip { height:24px; display:flex; align-items:center; justify-content:center; overflow:hidden; color:#fff; border-radius:2px; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.clip:nth-child(1){background:#bc8f69}.clip:nth-child(2){background:#886759}.clip:nth-child(3){background:#627665}.clip:nth-child(4){background:#997c63}.clip.voice { color:#575c56; background:#edf0e9; }.timeline-note { margin:2px 18px 14px; color:#9da29b; font-size:9px; }.timeline-note span { color:#8bb744; }
.toast { position:fixed; z-index:10; right:25px; bottom:25px; max-width:330px; padding:12px 16px; color:#fff; background:#29322c; box-shadow:0 8px 24px rgba(0,0,0,.18); transform:translateY(100px); opacity:0; transition:.25s; font-size:12px; }.toast.show { transform:translateY(0); opacity:1; }.modal { width:min(410px,calc(100% - 32px)); padding:28px; color:#343934; border:0; box-shadow:0 20px 80px rgba(10,10,10,.35); }.modal::backdrop { background:rgba(20,23,20,.55); backdrop-filter:blur(2px); }.modal-heading { display:flex; justify-content:space-between; }.modal-heading button { color:#777d75; border:0; background:none; font-size:22px; }.modal h2 { margin:13px 0 8px; font-size:22px; }.modal>p { color:#7f857e; line-height:1.7; font-size:12px; }.analysis-loader { display:flex; align-items:end; gap:5px; height:35px; margin:24px 0 10px; }.analysis-loader i { width:8px; background:#94bc35; animation:wave .9s infinite alternate; }.analysis-loader i:nth-child(1){height:10px}.analysis-loader i:nth-child(2){height:26px;animation-delay:.12s}.analysis-loader i:nth-child(3){height:17px;animation-delay:.26s}.analysis-loader i:nth-child(4){height:31px;animation-delay:.4s}.modal small { color:#9aa097; font-size:10px; }@keyframes wave{to{transform:scaleY(.35)}}
@media (max-width:1100px) { .workspace-grid{grid-template-columns:1fr}.sidebar{width:190px}.main-shell{width:calc(100% - 190px);margin-left:190px}.studio{padding:30px 25px}.topbar{padding:0 25px}.right-column{display:grid;grid-template-columns:1fr 1fr}.model-panel{grid-column:span 2}.asset-grid{grid-template-columns:repeat(4,1fr)} }
@media (max-width:760px) { .login-screen{padding:23px}.login-grid{grid-template-columns:1fr;gap:40px;margin:64px auto}.login-intro h1{font-size:43px;letter-spacing:-2px}.metric-row{display:none}.login-footer{font-size:8px}.sidebar{display:none}.main-shell{width:100%;margin-left:0}.topbar{height:58px;padding:0 15px}.top-actions .text-action,.outline-button{display:none}.breadcrumb span{display:none}.studio{padding:24px 14px}.project-hero{align-items:flex-start;gap:20px;flex-direction:column}.hero-progress{width:100%}.hero-progress>i{flex:1}.workspace-grid{display:flex;flex-direction:column}.right-column{display:flex}.panel{width:100%}.asset-grid{grid-template-columns:repeat(2,1fr)}.model-select-row{grid-template-columns:1fr}.timeline-section{overflow:hidden}.timeline{width:670px}.timeline-section .panel-heading{min-width:600px}.reference-video{height:220px}.top-actions .export-button{font-size:0}.top-actions .export-button span{font-size:16px;margin:0}.login-brand p{display:none} }