@font-face{font-family:Manrope;src:url('./manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
html[data-rm-ui]{--rm-accent:#0f766e;--rm-text:#181818;--rm-muted:#606568;--rm-bg:#fafaf9;--rm-surface:#fff;--rm-line:#e5e7e6;--rm-curve:cubic-bezier(.22,1,.36,1)}
html[data-rm-ui].dark,html[data-rm-ui="video"]{--rm-accent:#5eead4;--rm-text:#f5f5f4;--rm-muted:#adb5b3;--rm-bg:#181818;--rm-surface:#1f1f1f;--rm-line:#313131}
html[data-rm-ui] body,html[data-rm-ui] button,html[data-rm-ui] input,html[data-rm-ui] textarea,html[data-rm-ui] select,html[data-rm-ui] .ant-typography{font-family:Manrope,"PingFang SC","Microsoft YaHei",sans-serif}
html[data-rm-ui] :is(h1,h2,h3){text-wrap:balance;font-style:normal;font-weight:600}
html[data-rm-ui] p{text-wrap:pretty}
html[data-rm-ui] :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--rm-accent);outline-offset:4px}
html[data-rm-ui] :is(button,a,input,textarea,select){transition-timing-function:var(--rm-curve)!important;transition-duration:300ms}
html[data-rm-ui] button:not(:disabled):active{transform:translateY(1px)}
.rm-skip{position:fixed;z-index:2147483647;left:16px;top:8px;padding:8px 12px;background:var(--rm-surface);color:var(--rm-text);border:1px solid var(--rm-line);border-radius:8px;transform:translateY(-160%)}
.rm-skip:focus{transform:none}
.rm-eyebrow{font-size:12px;line-height:16px;letter-spacing:.12em;color:var(--rm-accent);font-weight:600}
.rm-section{padding:80px 24px;color:var(--rm-text);background:var(--rm-bg)}
.rm-inner{max-width:1120px;margin:auto}
.rm-section h2{font-size:36px;line-height:40px;max-width:680px;margin:16px 0 24px}
.rm-section p{font-size:16px;line-height:24px;color:var(--rm-muted)}
.rm-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.rm-product{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--rm-line);border-radius:16px;background:var(--rm-surface);color:var(--rm-text);text-decoration:none;transition:transform 500ms var(--rm-curve)}
.rm-product:hover{transform:translateY(-4px)}
.rm-product strong{font-size:20px;line-height:28px;font-weight:600}
.rm-product p{margin:0;flex:1}
.rm-product>span:last-child{font-size:14px;line-height:20px;color:var(--rm-accent)}
.rm-tagline{padding:96px 24px;background:var(--rm-surface)}
.rm-tagline h2{font-size:48px;line-height:1;max-width:680px;margin:0}
.rm-word{display:inline-block;opacity:.3;transition:opacity 500ms var(--rm-curve)}
.rm-word.rm-visible{opacity:1}
.rm-faq{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;margin-top:32px}
.rm-faq details{border:1px solid var(--rm-line);border-radius:12px;padding:16px;background:var(--rm-surface)}
.rm-faq summary{font-size:16px;line-height:24px;font-weight:600;cursor:pointer}
.rm-faq p{margin:16px 0 0}
.rm-links{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;line-height:16px;color:var(--rm-muted);padding:24px 0}
.rm-links a{color:inherit;text-decoration:underline;text-underline-offset:4px}
/* The marketing page is scoped separately from the account console. */
html[data-rm-home] body{background:var(--rm-bg)}
html[data-rm-home] #root>div.bg-background{background:var(--rm-bg)}
html[data-rm-home] header.pointer-events-none>div{padding-top:12px!important;max-width:1184px}
html[data-rm-home] header.pointer-events-none nav{border:1px solid var(--rm-line);border-radius:16px;background:color-mix(in srgb,var(--rm-surface) 90%,transparent);backdrop-filter:blur(20px);padding:8px 16px;height:64px}
html[data-rm-home] .rm-hero{padding-top:128px!important;padding-bottom:64px!important}
html[data-rm-home] .rm-hero h1{max-width:680px;font-size:48px!important;line-height:1!important;letter-spacing:-.04em;background:linear-gradient(90deg,#000,#666);background-clip:text;color:transparent}
html[data-rm-home].dark .rm-hero h1{background-image:linear-gradient(90deg,#fff,#9b9b9b)}
html[data-rm-home] .rm-hero h1 span{background:none!important;color:inherit!important}
html[data-rm-home] .rm-hero h1+p{font-size:18px!important;line-height:28px!important;margin-top:24px;max-width:680px}
html[data-rm-home] #rm-service-identity{margin:24px 0 0!important;padding:16px!important;border:1px solid var(--rm-line)!important;background:var(--rm-surface)!important;color:var(--rm-muted)!important;border-radius:12px!important;font-size:12px!important;line-height:20px!important}
html[data-rm-home] .rm-hero a[data-slot=button]{font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px}
html[data-rm-home] .rm-hero a[data-slot=button][href='/sign-up']{background:#0f766e;color:white}
html[data-rm-home] .rm-hero a[data-slot=button]:not([href='/sign-up']){background:transparent;border-color:transparent;font-size:14px;color:var(--rm-muted)}
html[data-rm-home] [class*='bg-gradient'],html[data-rm-home] [class*='bg-[radial-gradient']{background-image:none!important}
html[data-rm-home] .beui-text-shimmer{animation:none!important;background:none!important;color:var(--rm-accent)!important}
html[data-rm-home] [class*='animate-ping']{animation:none!important}
html[data-rm-home] [class*='landing-animate']{animation:none!important;opacity:1!important;transform:none!important}
html[data-rm-home] [style*='radial-gradient'],html[data-rm-home] [class*='bg-[linear-gradient']{background-image:none!important}
/* Video: preserve the functional form and its source of truth. */
html[data-rm-ui="video"]{--bg:#181818;--rail:#181818;--surface:#1f1f1f;--surface-2:#272727;--surface-3:#313131;--surface-4:#313131;--line:#313131;--line-strong:#555;--ink:#f5f5f4;--muted:#adb5b3;--faint:#adb5b3;--accent:#5eead4;--accent-soft:#272727;--accent-ink:#181818}
html[data-rm-ui="video"] .workspace{max-width:1440px;padding:32px;gap:24px}
html[data-rm-ui="video"] .topbar{background:#181818;border:0;padding:12px 24px}
html[data-rm-ui="video"] .topbar-inner{border:1px solid var(--line);border-radius:16px;padding:8px 16px;background:#1f1f1f}
html[data-rm-ui="video"] .studio-intro{padding:16px 0 24px}
html[data-rm-ui="video"] h1{font-size:36px;line-height:40px}
html[data-rm-ui="video"] h2{font-size:20px;line-height:28px}
html[data-rm-ui="video"] .studio-intro p{font-size:16px;line-height:24px;max-width:680px}
html[data-rm-ui="video"] :is(.composer-panel,.side-panel,.model-launcher,.content-section,.connection-settings){background:#1f1f1f;border:1px solid var(--line);border-radius:16px;box-shadow:none}
html[data-rm-ui="video"] .composer-panel{padding:24px}
html[data-rm-ui="video"] :is(input,textarea,select){font-size:14px;line-height:20px;border-radius:8px;background:#181818}
html[data-rm-ui="video"] #promptInput{font-size:16px;line-height:24px;min-height:192px;padding:16px}
html[data-rm-ui="video"] .primary-btn{font-size:16px;line-height:24px;font-weight:600;padding:8px 12px;border-radius:8px}
html[data-rm-ui="video"] :is(.brand-mark,.status-pill,.eyebrow){font-size:12px;line-height:16px;font-weight:600}
html[data-rm-ui="video"] :is(.empty-state,.empty-card){padding:32px 24px;color:var(--muted);font-size:14px;line-height:24px;border-radius:12px;background:#181818}
html[data-rm-ui="video"] [class*='btn']:disabled{opacity:.55;cursor:not-allowed}
/* Image studio: readable login and consistent workspace controls. */
html[data-rm-ui="image"]{--studio-bg:#181818;--studio-text-strong:#f5f5f4}
html[data-rm-ui="image"] main{background:var(--rm-bg)!important}
html[data-rm-ui="image"] h1{font-size:36px!important;line-height:40px!important;max-width:680px!important}
html[data-rm-ui="image"] .rm-image-story{background:#181818!important;border-radius:16px!important;padding:32px!important}
html[data-rm-ui="image"] .rm-image-story h1{font-size:48px!important;line-height:1!important}
html[data-rm-ui="image"] .rm-image-story p{font-size:16px!important;line-height:28px!important;color:#d1d5d4!important}
html[data-rm-ui="image"] .rm-image-form{box-shadow:none!important}
html[data-rm-ui="image"] .rm-image-form>button{background:#0f766e!important;border-radius:8px!important;font-size:16px!important;line-height:24px!important}
html[data-rm-ui="image"] :is(input:not([type=checkbox]),textarea){font-size:16px!important;line-height:24px!important;border-radius:8px!important}
html[data-rm-ui="image"] button{font-weight:600}
html[data-rm-ui="image"] [class*='bg-gradient']{background-image:none!important}
html[data-rm-image-login] .rm-video-entry--floating{display:none!important}
/* Canvas stays flat, inherits application theme, and never styles node geometry. */
html[data-rm-ui="canvas"] body{font-family:Manrope,"PingFang SC","Microsoft YaHei",sans-serif!important}
html[data-rm-ui="canvas"] :is(.ant-modal,.ant-select,.ant-input,.ant-btn){font-family:Manrope,"PingFang SC","Microsoft YaHei",sans-serif}
html[data-rm-ui="canvas"] .ant-modal-container{border-radius:16px!important}
html[data-rm-ui="canvas"] :is(.ant-input,.ant-select-selector){border-radius:8px!important;font-size:14px;line-height:20px}
html[data-rm-ui="canvas"] aside textarea{font-size:14px!important;line-height:24px!important;padding:12px!important}
html[data-rm-ui="canvas"] aside>div>div.text-xs{font-size:14px;line-height:20px}
html[data-rm-ui="canvas"] main>div>header{border:0;padding-bottom:24px}
html[data-rm-ui="canvas"] main h1{font-size:30px;line-height:36px}
html[data-rm-ui="canvas"] main h2{font-size:20px;line-height:28px}
html[data-rm-ui="canvas"] .ant-btn{box-shadow:none!important}
html[data-rm-ui="canvas"] main>div{gap:24px;padding-top:32px;padding-bottom:32px}
html[data-rm-ui="canvas"] aside button.text-left{padding:12px!important;font-size:14px!important;line-height:20px!important;border-radius:8px!important}
html[data-rm-ui="canvas"] aside header{border-bottom-color:transparent!important}
html[data-rm-ui="canvas"] main a[aria-current=page]{font-weight:600}
@media(max-width:767px){
 .rm-section{padding:48px 16px}.rm-section h2{font-size:30px;line-height:36px}.rm-products,.rm-faq{grid-template-columns:1fr}.rm-tagline{padding:64px 16px}.rm-tagline h2{font-size:36px;line-height:40px}
 html[data-rm-home] header.pointer-events-none>div{padding:8px}
 html[data-rm-home] .rm-hero{padding:112px 16px 48px!important}
 html[data-rm-home] .rm-hero h1{font-size:36px!important;line-height:40px!important}
 html[data-rm-ui="video"] .workspace{padding:16px;gap:16px}
 html[data-rm-ui="video"] .topbar{padding:8px}
 html[data-rm-ui="video"] .topbar-inner{padding:8px 12px}
 html[data-rm-ui="video"] .composer-panel{padding:16px}
 html[data-rm-ui="image"] .rm-image-form,html[data-rm-ui="image"] .rm-image-story{padding:24px!important}
 html[data-rm-ui="image"] .rm-image-story h1{font-size:36px!important;line-height:40px!important}
}
@media(prefers-reduced-motion:reduce){html[data-rm-ui]{scroll-behavior:auto}html[data-rm-ui] *,html[data-rm-ui] *::before,html[data-rm-ui] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rm-word{opacity:1}.rm-product:hover{transform:none}}
