/* Reference geometry and motion, with Hit the Road Dude's black/orange palette. */
:root,.dark{--brand-primary:#ff7a1a;--brand-primary-hover:#e9680b;--brand-primary-active:#c95508;--brand-primary-soft:#ffd1a8;--brand-primary-light:#ff9a4a;--brand-dark-900:#1a1110;--brand-ink:#0a0a0d;--brand-ink-secondary:#202026;--brand-muted:#9a9aa8;--brand-muted-2:#858593;--brand-canvas:#0a0a0d;--brand-canvas-soft:#101014;--brand-canvas-cream:#25190f;--brand-elevated:#202026;--brand-border:#33333f;--brand-input:#44444f;--brand-ruby:#df5a13;--brand-magenta:#ffac52;--brand-lemon:#ffbf69;--brand-shadow-blue:#45210b;--brand-on-primary:#1a0d00;--brand-on-dark:#f5f5f7;--background:#0a0a0d;--foreground:#f5f5f7;--card:#14141b;--card-foreground:#f5f5f7;--popover:#14141b;--popover-foreground:#f5f5f7;--primary:#ff7a1a;--primary-foreground:#1a0d00;--secondary:#14141b;--secondary-foreground:#f5f5f7;--muted:#101014;--muted-foreground:#9a9aa8;--accent:#282019;--accent-foreground:#ffd1a8;--border:#33333f;--input:#44444f;--ring:#ff7a1a;--sidebar:#0a0a0d;--sidebar-foreground:#f5f5f7;--sidebar-accent:#14141b;--sidebar-border:#33333f;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:not(:disabled),summary{cursor:pointer}button:disabled{cursor:not-allowed!important}a,button,input,textarea,summary,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:4px}[hidden]{display:none!important}.anchor-alias{display:block;scroll-margin-top:96px;height:0}.brand-monogram{width:28px;height:28px;display:inline-grid;place-items:center;flex-shrink:0;border-radius:8px;background:var(--primary);color:var(--primary-foreground);font-family:Inter,sans-serif;font-size:18px;font-weight:800}.skip-link{position:fixed;top:8px;left:16px;z-index:100;background:var(--primary);color:var(--primary-foreground);padding:10px 16px;transform:translateY(-150%);border-radius:8px}.skip-link:focus{transform:translateY(0)}
.hero-clone .hero-consent input{accent-color:var(--primary)}.hero-clone .hero-generate:disabled{opacity:.72;box-shadow:3px 3px 0 color-mix(in oklab,var(--primary) 50%,transparent)}.hero-clone .tool-hero-scene-swatch{background:linear-gradient(135deg,#ffb36e,#e26412)}.hero-clone .tool-hero-scene:nth-child(2) .tool-hero-scene-swatch{background:linear-gradient(135deg,#ffd8b0,#91603d)}.hero-clone .tool-hero-scene:nth-child(3) .tool-hero-scene-swatch{background:linear-gradient(135deg,#d4b89a,#6d4730)}.hero-clone .tool-hero-scene:nth-child(4) .tool-hero-scene-swatch{background:linear-gradient(135deg,#ffca91,#8e5028)}.hero-clone .tool-hero-scene:nth-child(5) .tool-hero-scene-swatch{background:linear-gradient(135deg,#e5bea5,#444044)}.hero-clone .tool-hero-scene:nth-child(6) .tool-hero-scene-swatch{background:linear-gradient(135deg,#ee9e6e,#8d4224)}
.tool-hero-photo-item{position:relative}.hero-clone .tool-hero-photo-upload.has-photo{padding:0;overflow:hidden}.tool-hero-photo-upload .local-photo{width:100%;height:100%;object-fit:contain;border-radius:inherit}.hero-clone .tool-hero-photo-upload.has-photo .tool-hero-photo-icon,.hero-clone .tool-hero-photo-upload.has-photo .tool-hero-photo-title,.hero-clone .tool-hero-photo-upload.has-photo .tool-hero-photo-hint{display:none}#remove-photo{position:absolute;right:10px;top:10px;background:#0a0a0de6;color:#fff;padding:8px 12px;border-radius:999px;font-size:12px;border:1px solid #ffffff40}#photo-feedback{font-size:12px;line-height:1.5;margin-top:8px;color:var(--muted-foreground)}#photo-feedback:empty{display:none}#photo-feedback.is-error{color:#ffae79}
#mobile-navigation{border-top:1px solid var(--border);padding:12px 24px 20px;background:var(--background);max-height:calc(100dvh - 72px);overflow:auto}#mobile-navigation a{display:block;font-size:15px;padding:12px 0;border-bottom:1px solid var(--border)}#mobile-navigation span{display:block;margin-top:16px;font-size:12px;color:var(--muted-foreground)}
.video-play-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--primary-foreground);box-shadow:0 8px 30px #0008;z-index:3;border:1px solid #ffffff40}.video-play-fallback span{font-size:20px;line-height:1}.tool-hero-showcase__button>.video-play-fallback{pointer-events:none}.is-playing>.video-play-fallback{display:none}.hero-template-option video{opacity:0;transition:opacity .2s}.hero-template-option.is-playing video{opacity:1}
#showcase article{transition:transform .25s,border-color .25s,box-shadow .25s}#showcase article:hover{border-color:color-mix(in oklab,var(--primary) 50%,transparent);box-shadow:0 10px 30px #0005}#showcase button[aria-pressed=true]{color:var(--primary)}#pricing button:disabled{opacity:.65}#pricing [role=tab]:disabled{opacity:.45}#pricing [role=tab][aria-selected=true]{background:var(--card);color:var(--foreground);border-color:var(--border)}
@media (min-width:1280px){#mobile-navigation{display:none!important}}@media (max-width:400px){header>a,header span.truncate{font-size:13px}header .max-w-\[min\(52vw\,15rem\)\]{max-width:42vw}header [data-open-studio]{padding-inline:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Keep navigation pinned while the long page scrolls. */
.reference-home>div{overflow-x:clip;overflow-y:visible}.reference-home{overflow-x:clip}header [data-open-studio]{box-shadow:0 8px 18px #ff7a1a26}