:root{--runway-black:#0b0b0c;--runway-panel:#131315;--runway-line:#29292c;--runway-text:#f2f2f0;--runway-muted:#929296;--runway-accent:#ff5b4d}
body{background:var(--runway-black);color:var(--runway-text)}
.welcome-screen{background:#0b0b0c;color:#f1f1ef}.welcome-grid{display:none}.welcome-screen:after{display:block;right:10vw;top:18vh;width:38vw;height:38vw;border:1px solid #ffffff18;border-radius:50%;box-shadow:none}.welcome-nav{height:76px;background:transparent;border-bottom:1px solid #252527}.welcome-nav .welcome-brand{color:#f4f4f2}.welcome-nav .welcome-brand b{color:#77777b}.welcome-nav-actions .quiet-link{color:#b7b7b8}.welcome-nav-actions .welcome-cta{background:#f4f4f2;color:#111112;border-radius:5px}.welcome-nav-actions .welcome-cta:hover{background:#fff}.welcome-main{grid-template-columns:minmax(330px,.8fr) minmax(440px,1.2fr);padding-top:74px}.welcome-kicker{color:#a5a5a8}.welcome-kicker .signal-dot{background:#f1f1ef;box-shadow:none}.welcome-copy h1{color:#f4f4f2;font-weight:600;letter-spacing:-2px}.welcome-copy h1 em{color:#f4f4f2}.welcome-copy p{color:#9a9a9d}.welcome-cta{background:#f3f3f1;color:#111112;border-radius:5px}.welcome-cta:hover{background:#fff}.welcome-actions .quiet-link{color:#aaaab0}.welcome-proof{color:#6f6f74}.welcome-scene{height:min(500px,50vw)}.scene-frame{background:#151517;border:1px solid #333337;box-shadow:0 22px 50px #0009}.scene-frame:before{display:none}.scene-top{color:#7e7e83}.scene-toolbar{border-color:#303034;color:#d1d1d0}.toolbar-dot{background:#5b5b60}.toolbar-dot.active{background:#f1f1ef}.scene-workspace{inset:102px 20px 45px}.scene-sidebar-lines{border-color:#2e2e31}.scene-sidebar-lines i{background:#343438}.scene-sidebar-lines i:first-child{background:#f1f1ef}.scene-editor,.scene-preview{background:#1a1a1d;border-color:#303034}.scene-editor-title{color:#d3d3d1}.scene-editor-line{background:#38383c}.scene-chips span{background:#29292d;color:#bcbcc0}.scene-submit{background:#f1f1ef;color:#161618}.scene-submit b{color:#4c4c50}.scene-preview{background:#202023;color:#85858b}.preview-play{border-color:#68686d;color:#e6e6e3}.scene-caption{color:#77777c}.scene-caption b{color:#f1f1ef}.welcome-footer{color:#6e6e73}
.login-screen{background:#111113;color:#f1f1ef}.login-aside{background:#0b0b0c;border-right:1px solid #29292c}.login-aside .welcome-brand{color:#f1f1ef}.login-aside-copy h2{color:#f1f1ef}.login-aside-copy p{color:#919196}.login-panel{background:#111113}.login-form-wrap h1{color:#f1f1ef;font-weight:600}.form-muted{color:#8f8f94}.login-form-wrap label{color:#b5b5b8}.login-form-wrap input{background:#1c1c1f;border-color:#36363a;color:#f1f1ef}.login-form-wrap input:focus{border-color:#f1f1ef;box-shadow:none}.login-screen .login-submit{background:#f1f1ef;color:#111113;border-radius:5px}.guest-login{background:transparent;border-color:#3b3b3f;color:#c2c2c4}.login-note{color:#77777c}
.app-shell{background:var(--runway-black);color:var(--runway-text)}.sidebar{width:220px;background:#111113;border-color:#29292c;padding:22px 14px 16px}.brand{color:#f1f1ef}.brand b{color:#77777b}.brand-mark{background:#f1f1ef;border:0;color:#111113}.new-btn{background:#f1f1ef;color:#111113;box-shadow:none;border-radius:5px}.nav-item{color:#88888d;border-radius:5px}.nav-item:hover{background:#1c1c1f;color:#f1f1ef}.nav-item.active{background:#242426;color:#f1f1ef}.nav-item.active span{color:#f1f1ef}.nav-item em{background:#303034;color:#e1e1df}.status-pill{color:#77777d}.dot{background:#66c68c}.topbar{height:70px;background:#111113;border-color:#29292c;padding:0 30px}.topbar h1{color:#f1f1ef;font-size:17px}.topbar p{color:#77777c}.icon-btn{color:#a5a5a8}.avatar{background:#28282b;color:#f1f1ef}.content{max-width:1360px;padding:28px 30px}.hero-copy{background:#111113;border-color:#29292c;box-shadow:none;border-radius:7px}.hero-copy:after{opacity:.12}.hero-copy h2{color:#f1f1ef;font-weight:600}.hero-copy h2 span{color:#f1f1ef}.hero-copy p{color:#8f8f94}.hero-kicker{color:#99999f}.mode-tabs{background:#1a1a1d}.mode-tab{color:#85858a}.mode-tab.active{background:#f1f1ef;color:#111113}.workspace-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:14px}.panel{background:#151517;border-color:#2a2a2d;border-radius:7px;box-shadow:none}.panel h3{color:#f1f1ef}.muted{color:#85858a}.credit-chip{background:#29292d;color:#d2d2d0}.field-label{color:#a8a8ac}.model-chip{background:#1a1a1d;border-color:#353539;color:#c6c6c8;border-radius:5px}.model-chip.selected{background:#f1f1ef;border-color:#f1f1ef;color:#111113}.model-chip small{color:#85858a}.model-chip.selected small{color:#505054}.skeleton{background:#222225}.quick-prompts button{background:#222225;color:#a6a6aa;border-radius:4px}.upload-tile{background:#1a1a1d;border-color:#454549;color:#99999e;border-radius:5px}.upload-tile span{color:#e8e8e5}.asset-item img,.asset-item video{border-color:#36363a;border-radius:5px}.asset-label{color:#8d8d92}.control label{color:#8f8f94}.control select{background:#1b1b1e;border-color:#36363a;color:#e1e1df;border-radius:5px}.generate-btn{background:#f1f1ef;color:#111113;box-shadow:none;border-radius:5px}.form-note{color:#77777c}.preview-stage{background:#0d0d0e;border-radius:5px}.empty-visual{color:#79797e}.play-orb{background:#19191b;color:#f1f1ef;border:1px solid #3c3c40;box-shadow:none}.empty-visual p{color:#b4b4b7}.text-btn{color:#85858a}.secondary-btn,.primary-btn{background:#1b1b1e;border-color:#3a3a3e;color:#e2e2e0;border-radius:5px}.primary-btn{background:#f1f1ef;border-color:#f1f1ef;color:#111113}.section-heading h2{color:#f1f1ef}.section-heading p{color:#85858a}.task-row,.library-grid img,.library-grid video{background:#151517;border-color:#2a2a2d}.task-info h4{color:#e9e9e7}.task-info p{color:#85858a}.task-status{background:#29292d;color:#bdbdc0}.library-empty{color:#77777c}.settings-card{background:#151517;color:#f1f1ef}.dialog-head p{color:#85858a}.settings-card label{color:#bdbdc0}.settings-card input{background:#1b1b1e;border-color:#3a3a3e;color:#f1f1ef}.demo-tip{background:#222225;color:#a9a9ad}.settings-divider{background:#303034}
@media(max-width:900px){.workspace-grid{grid-template-columns:1fr}.sidebar{width:200px}}
.app-shell{display:flex;flex-direction:column;min-height:100vh}.sidebar{width:100%;height:58px;min-height:58px;flex:none;display:flex;flex-direction:row;align-items:center;padding:0 18px;border-right:0;border-bottom:1px solid #29292c}.brand{height:100%;padding:0 18px 0 0;gap:8px;white-space:nowrap}.brand-logo{width:56px;height:20px;display:block;object-fit:contain}.brand>span:last-child{display:none}.new-btn{height:32px;padding:0 14px;margin:0 18px 0 0;font-size:12px}.nav-list{display:flex;align-items:center;gap:3px;margin:0;overflow:auto}.nav-item{height:32px;padding:0 12px;white-space:nowrap;font-size:12px}.sidebar-foot{display:flex;align-items:center;gap:6px;margin:0 0 0 auto}.sidebar-foot .status-pill{display:none}.main{flex:1;min-height:0}.topbar{display:none}.content{height:100%;min-height:calc(100vh - 58px);padding:24px 30px}.welcome-screen .brand-logo{width:62px;height:22px}.logo-generate{height:34px;border:1px solid #3a3a3e;border-radius:5px;background:#1b1b1e;color:#e2e2e0;font-size:12px;padding:0 12px;font-weight:700}.logo-generate:hover{border-color:#eee;color:#fff}
.nav-list .nav-item{position:relative}.nav-list .nav-item:not(:last-child):after{content:"";position:absolute;right:-1px;width:22px;height:1px;background:#55555a}.nav-list .nav-item:not(:last-child){margin-right:13px}
@media(max-width:620px){.sidebar{height:54px;min-height:54px;padding:0 10px}.brand{padding-right:10px}.brand-logo{width:48px}.new-btn{padding:0 9px;margin-right:5px}.nav-item{padding:0 8px}.sidebar-foot .nav-item{font-size:0}.sidebar-foot .nav-item:after{content:'⋯';font-size:18px}.content{min-height:calc(100vh - 54px);padding:16px 12px}.sidebar .nav-list{min-width:0}}