/* Wildframe / The Director's Studio. Petrol, juniper, plum and champagne. */
:root{--bg:#101c20;--panel:#172a2d;--text:#eff6f2;--muted:#b5c7c5;--border:#58727150;--director-jade:#a6decc;--director-gold:#e6c7a1;color-scheme:dark}
body{background:radial-gradient(ellipse at 12% 0%,#24534a45,transparent 43%),radial-gradient(ellipse at 92% 24%,#41415e45,transparent 50%),#101c20!important;color:#eff6f2!important;background-attachment:fixed!important}.layout,.topnav-layout .main,.atelier-explore{background:transparent!important}.atelier-nav{background:#15282be8!important;border-color:#70958d30!important;backdrop-filter:blur(20px);height:68px;gap:22px;padding:0 24px}.atelier-nav>nav{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;gap:20px;justify-content:flex-start!important;white-space:nowrap}.atelier-nav>nav>a{flex-shrink:0;min-height:48px;display:flex;align-items:center;color:#cad9d5;font-size:12px}.atelier-nav>nav>a[aria-current]{color:#f0debe!important;border-bottom:2px solid #d6b993!important}.atelier-nav .wf-nav-actions{flex-shrink:0;gap:10px}.wf-nav-logo span{letter-spacing:1.5px!important}.wf-nav-actions .credit-menu-trigger{background:#29413e72!important;border-color:#aac8bc30!important}.preview-note{background:#17322d65!important;border-color:#70958d30!important;color:#b9ceca!important}.panel,.studio-history,.video-console,.form-panel,.atelier-shot,.project-toolbar,.production-brief,.archive-card,.model-card,.preset-card{background:linear-gradient(145deg,#213c3abf,#1a2932c9)!important;border-color:#78968b38!important;box-shadow:0 15px 45px #06131626!important;backdrop-filter:blur(16px)}.topnav-layout .video-workspace .studio-history{background:linear-gradient(130deg,#152c2db3,#20263bb0)!important}.generation-card{background:linear-gradient(150deg,#263f3ed9,#202b38de)!important;border-color:#9bb5aa28!important}.generation-card h3{color:#f1f5f0}.generation-card .job-media{background:#112027}.generation-action,.mobile-gen-dock{background:linear-gradient(135deg,#1b3734f5,#1c2c3af7)!important;border-color:#9cbbb643!important}.pricing-note,.generation-hint{color:#bad0cb!important}.primary,body .generate-pill{background:linear-gradient(115deg,#315e50e8,#244953e8 66%,#26394ee8)!important;color:#f4fff9!important;border:1px solid #a5d5be6e!important;border-top-color:#cae6d69c!important;box-shadow:inset 0 1px 0 #c4eddb24,0 8px 20px #071c1c35!important;border-radius:12px!important;min-height:44px;font-weight:600;transition:background .18s,border-color .18s,transform .18s}.primary:hover,body .generate-pill:hover{background:linear-gradient(115deg,#3c7260f5,#315c69f5 70%,#3a4a65f5)!important;border-color:#b4e3ca!important;transform:translateY(-1px)}.primary:active{transform:translateY(1px)}.primary:disabled{transform:none}.secondary{background:linear-gradient(135deg,#39535170,#34445770)!important;border:1px solid #9ab6b53d!important;color:#e3ece7!important;border-radius:10px!important;min-height:40px;padding:10px 15px!important;box-shadow:inset 0 1px 0 #e0e9e80a!important;transition:background .18s,border-color .18s}.secondary:hover{background:linear-gradient(135deg,#46675d99,#46577399)!important;border-color:#c3d6ce66!important}.workflow-tabs{padding:5px!important;background:#2940447a!important;border:1px solid #849e9a29!important;border-radius:12px!important}.workflow-tabs button{background:transparent!important;color:#becdc9!important;border-radius:8px!important;padding:12px 14px!important;min-height:42px!important;box-shadow:none!important}.workflow-tabs button[aria-pressed=true]{background:#d5eadc1c!important;color:#f5f5e9!important;border-color:#a0d1b849!important;box-shadow:inset 0 -2px 0 #acd5be!important}.compact-model,.prompt-compose,.switch-row,.workflow-field,input,select,textarea{background:#172c33b8!important;border-color:#86aaa13d!important;color:#ebf4ef!important}.prompt-compose{border-radius:14px!important}.prompt-compose textarea{background:transparent!important}.frame-slot{background:linear-gradient(140deg,#29413985,#25354f80)!important;border-color:#a0bdb45c!important}.info-dot{color:#bcdbd0}.atelier-page-heading .eyebrow,.eyebrow{color:#afcfc4!important}.atelier-page-heading h1 em,.atelier-section h2 em,.atelier-films h2 em,.atelier-final h2 em{color:#d9c9b2!important}.atelier-signature>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.74)}.atelier-signature{background:#163335}.atelier-signature:after{background:linear-gradient(90deg,#0e2529ba,transparent 90%),linear-gradient(0deg,#101c20,transparent 25%)}.atelier-section:nth-of-type(2n){background:linear-gradient(120deg,#233c3a45,#34324d3a)!important}.atelier-section,.atelier-films{border-color:#8aa49b21!important}.atelier-films article{background:linear-gradient(135deg,#2b46414d,#333f544a)!important;border-color:#a0b8ac2e!important;overflow:hidden}.film-loop{position:relative;aspect-ratio:16/9;background:#14282e;overflow:hidden}.film-loop video{width:100%!important;height:100%!important;object-fit:cover;display:block}.film-watch{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid #d0e8d96b;border-radius:50px;background:#163d37b8;color:#eefbf2;backdrop-filter:blur(15px);font-size:12px;box-shadow:0 8px 30px #0004}.film-watch>span{width:26px;height:26px;display:grid;place-content:center;border:1px solid #bddec780;border-radius:50%;font-size:9px}.atelier-showcase figure{border-radius:14px;overflow:hidden;background:#263e3b50;border:1px solid #8aa69b2a}.atelier-showcase figcaption{padding:18px!important}.atelier-showcase video{object-fit:cover;width:100%;height:100%;max-height:470px}.atelier-studio-grid>a,.atelier-studio-grid article{background:#31454555!important;border-color:#87a79b30!important}.atelier-assistant{background:linear-gradient(120deg,#184c3b69,#2f365867)!important}.atelier-final{background:radial-gradient(ellipse at 25% 100%,#30665070,transparent 70%),#17273380!important}.atelier-membership{background:#453e303b!important}
/* Chat: content padding is independent of the bubble's decorative surface. */
.wild-ai-app{background:linear-gradient(125deg,#152d30dc,#1b2539cf)!important}.wild-chat-sidebar{background:#10282a9c!important;border-color:#93b4a32c!important}.wild-chat-sidebar nav button[aria-current]{background:#5b8d7430!important;color:#e2f6ea}.wild-ai-app .wild-chat{max-width:1100px;padding-left:45px;padding-right:45px}.wild-ai-app .wild-chat-log{padding:8px 10px!important;scroll-padding:20px;max-height:58vh}.wild-ai-app .wild-chat-log .chat-message{display:block!important;box-sizing:border-box!important;padding:22px 26px!important;max-width:92%;margin:0 0 18px!important;border:1px solid #92b3a62e!important;border-radius:18px!important;background:linear-gradient(135deg,#33514d70,#2d3f586b)!important;overflow:visible!important}.wild-ai-app .wild-chat-log .chat-message.user{margin-left:auto!important;background:linear-gradient(135deg,#3e635f85,#46506c66)!important;max-width:84%}.wild-ai-app .chat-message>span{display:flex;align-items:center;gap:8px;letter-spacing:1.5px;font-size:10px;color:#bedacf;margin:0 0 13px!important}.wild-ai-app .chat-message>p{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;margin:0!important;padding:0!important;line-height:1.8;font-size:14px;color:#eaf4ed}.wild-ai-app .wild-chat-compose{padding:22px 24px 16px!important;background:linear-gradient(145deg,#2a4448b0,#2a354bbd)!important;border:1px solid #9cc8b449!important;box-shadow:inset 0 1px 0 #dbf9e50d,0 18px 55px #06151b30!important;border-radius:20px!important;isolation:isolate}.wild-ai-app .wild-chat-compose:focus-within{border-color:#afcfbd8f!important;box-shadow:0 0 0 3px #a5cdb411,0 18px 55px #06151b30!important}.wild-ai-app .wild-chat-compose #wild-chat-input{display:block;width:100%;box-sizing:border-box;min-height:135px;max-height:340px;padding:5px 0 22px!important;margin:0 0 18px!important;border:0!important;outline:none!important;box-shadow:none!important;resize:none!important;background:transparent!important;border-radius:0!important;font-size:15px;line-height:1.8}.wild-ai-app .chat-compose-tools{display:flex;align-items:center!important;gap:16px!important;min-height:48px;padding-top:15px!important;border-top:1px solid #bdd5c21c}.wild-ai-app .chat-compose-tools .chat-model-picker summary{background:#344f557c!important;border:1px solid #bbd5c72e;padding:11px 13px;border-radius:12px;gap:10px;min-height:44px;box-sizing:border-box}.wild-ai-app .chat-compose-tools>button{width:46px;height:46px;min-height:46px!important;flex-shrink:0;margin-left:auto;display:grid;place-content:center;border-radius:13px!important;padding:0!important;font-size:24px}.wild-ai-app .wild-chat-compose>p:empty{display:none}.wild-chat-compose [role=status]{font-size:11px;line-height:1.5;margin:12px 0 0;color:#c2d8cc}.chat-model-options{background:linear-gradient(140deg,#28433ff7,#29364df7)!important;border-color:#9db8ac55!important;backdrop-filter:blur(25px);border-radius:16px!important;box-shadow:0 25px 80px #071b2059}.chat-model-options>button{border:1px solid transparent;border-radius:10px!important;padding:12px!important;min-height:70px;gap:14px}.chat-model-options>button:hover{background:#b1c9bb15!important;border-color:#bdd5c530}.chat-model-options>button i{background:#8fa9a124!important;font-size:11px;color:#d5e8dc;font-style:normal;width:34px;height:34px;display:grid;place-content:center;border-radius:9px}.chat-model-picker summary:focus-visible,.chat-compose-tools button:focus-visible{outline:2px solid #b8dcca!important;outline-offset:3px!important}.supercomputer-plan>details{background:#253d415e!important;border-color:#819e9242!important}.chat-wild-logo{filter:none!important}
/* Visual effects are a separate, functional local studio. */
.effects-atelier{max-width:1700px;margin:auto;padding:20px 32px 65px}.effects-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin:10px 0 40px;align-items:start}.effects-player{background:#102c2d;border:1px solid #8eb4a940;border-radius:16px;overflow:hidden;box-shadow:0 25px 70px #05181c35}.effects-player>canvas{width:100%;height:auto;display:block;aspect-ratio:16/9}.effects-transport{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(110deg,#24483aa0,#293950a0)}.effects-transport>span{margin-left:auto;font-size:12px;color:#c0d6ca}.effects-settings{padding:25px;border:1px solid #9eb6a733;border-radius:16px;background:linear-gradient(145deg,#2e49428a,#34354b75)}.effects-settings h2{font-size:25px;line-height:1.15;margin:15px 0}.effects-settings p{font-size:12px;color:#baccc4}.effects-settings label{display:grid;gap:12px;margin:24px 0;font-size:12px}.effects-settings input[type=range]{width:100%;accent-color:#abd7bb}.effect-upload{border:1px dashed #bad3c353;padding:15px;border-radius:10px}.effect-upload input{max-width:100%;font-size:11px}.effects-filter{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 24px;flex-wrap:wrap}.effects-filter>label{min-width:280px;font-size:12px;display:grid;gap:10px}.effects-filter input{padding:14px;border-radius:10px}.effects-filter>div{display:flex;gap:8px;flex-wrap:wrap}.effects-filter button[aria-pressed=true]{border-color:#cce2c690!important;background:#58806c59!important}.treatment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:22px}.treatment-card{padding:0;text-align:left;display:flex;flex-direction:column;overflow:hidden;border-radius:14px;border:1px solid #9ab6a633;background:linear-gradient(145deg,#2c494080,#2e354b85);color:#e8f2ea;box-shadow:0 12px 35px #0b1c2429;transition:transform .2s,border-color .2s}.treatment-card[hidden]{display:none}.treatment-card:hover{transform:translateY(-4px);border-color:var(--treatment-color)}.treatment-card[aria-pressed=true]{border-color:var(--treatment-color);box-shadow:0 0 0 2px #b7d7c220}.treatment-card>div{position:relative;aspect-ratio:12/7;background:#153638}.treatment-card canvas{display:block;width:100%;height:100%;object-fit:cover}.treatment-card>div>span{position:absolute;bottom:12px;left:12px;font-size:10px;background:#132e36a3;backdrop-filter:blur(10px);border:1px solid #c4ddc72e;border-radius:50px;padding:6px 10px;color:#e4f0e4}.treatment-card section{padding:22px;display:flex;flex-direction:column;flex:1}.treatment-card small{color:var(--treatment-color);font-size:9px;letter-spacing:1.2px}.treatment-card h3{font-size:20px;font-weight:500;line-height:1.25;margin:12px 0}.treatment-card p{color:#b9cec5;font-size:12px;line-height:1.7;margin:0 0 23px}.treatment-card b{font-size:11px;margin-top:auto;color:#d2e2d3;font-weight:500}.direct-film-entry{background:#0d2226!important}.direct-entry-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0d2226}.direct-film-entry .entry-skip{background:#183c3bbd!important;border-color:#c7e1d15e!important;backdrop-filter:blur(15px);font-size:12px}.direct-film-entry .entry-controls{background:#173b3ab5!important;border:1px solid #c7e1d138;padding:8px;border-radius:40px;backdrop-filter:blur(15px)}.direct-film-entry .entry-controls button{background:#c8e6d40d;border:1px solid #c4e6d122;border-radius:30px;padding:10px 16px;color:#e4f1e5}.direct-film-entry .entry-fallback{position:absolute;left:25px;right:25px;bottom:100px;text-align:center;font-size:13px;color:#e0eddf}
@media(max-width:1300px){.atelier-nav{gap:15px;padding:0 18px}.atelier-nav>nav{gap:18px}.atelier-nav .wf-nav-logo span{display:none}.atelier-nav .wf-nav-actions>button[data-page="My library"]{display:none}.effects-workspace{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:1024px){.atelier-nav{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 18px}.atelier-nav>.wf-nav-logo{order:0}.atelier-nav>.wf-nav-actions{order:1;margin-left:auto}.atelier-nav>nav{order:2;flex-basis:100%;display:flex!important;gap:23px;overflow:auto!important;padding:2px 0}.atelier-nav>nav>a{min-height:38px;font-size:12px}.atelier-nav .wf-nav-logo span{display:block}.effects-workspace{grid-template-columns:1fr}.effects-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.effects-settings>.eyebrow,.effects-settings>h2,.effects-settings>[data-effect-detail],.effects-settings>[role=status]{grid-column:1/-1}.effects-settings label{margin:15px 0}}
@media(max-width:760px){.atelier-nav>nav>a[href="#/models"],.atelier-nav>nav>a[href="#/presets"]{display:flex}.atelier-nav>nav{justify-content:flex-start!important;gap:22px!important;flex-wrap:nowrap!important;overflow-x:auto!important}.atelier-nav .wf-nav-logo span{font-size:10px!important}.atelier-nav .wf-nav-actions{gap:12px}.atelier-nav>nav>a{flex:0 0 auto;font-size:12px}.wild-ai-app .wild-chat{padding:30px 16px!important}.wild-ai-app .wild-chat-log{padding:4px 0!important;max-height:55vh}.wild-ai-app .wild-chat-log .chat-message{padding:18px 20px!important;max-width:96%;border-radius:15px!important}.wild-ai-app .wild-chat-log .chat-message.user{max-width:90%}.wild-ai-app .wild-chat-compose{padding:18px!important}.wild-ai-app .wild-chat-compose #wild-chat-input{min-height:120px;font-size:14px!important;margin-bottom:12px!important}.wild-ai-app .chat-compose-tools{gap:10px!important;flex-wrap:wrap;padding-top:12px!important}.wild-ai-app .chat-compose-tools>small{order:3;flex-basis:100%;font-size:10px}.wild-ai-app .chat-compose-tools>button{margin-left:auto}.wild-chat-starters{gap:8px!important}.wild-chat-starters button{flex:1;min-width:130px;font-size:10px!important}.effects-atelier{padding:20px 15px 40px}.effects-settings{display:block;padding:22px}.effects-transport{flex-wrap:wrap;gap:9px;padding:12px}.effects-transport button{font-size:10px!important;padding:9px 12px!important}.effects-transport>span{width:100%;margin:5px 0;font-size:11px}.treatment-grid{grid-template-columns:1fr 1fr;gap:12px}.treatment-card section{padding:15px}.treatment-card h3{font-size:16px}.treatment-card p{font-size:11px}.treatment-card small{font-size:8px;letter-spacing:.7px}.effects-filter>label{min-width:0;width:100%}.effects-filter button{font-size:11px;padding:8px 12px!important}.film-watch{bottom:12px;right:12px;padding:9px 12px;font-size:10px}.film-watch>span{width:22px;height:22px}.direct-film-entry .entry-controls{left:12px;right:12px;bottom:22px;justify-content:center}.direct-film-entry .entry-controls button{font-size:11px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.treatment-card:hover,.primary:hover{transform:none!important}}
body .topnav-layout .content{background:transparent!important}.topnav-layout.is-workspace .content{background:transparent!important}
body .wild-ai-app .wild-chat-compose .chat-compose-tools>button.primary{background:linear-gradient(130deg,#3c7560,#31556e)!important;color:#f1fff4!important;border:1px solid #b5d9be88!important;box-shadow:inset 0 1px 0 #d1f4da22,0 7px 20px #061f253a!important}
.direct-film-entry .entry-skip{top:auto!important;bottom:28px!important;right:28px!important}.direct-film-entry .entry-controls{bottom:28px!important;left:25px!important;right:auto!important}
@media(max-width:760px){.direct-film-entry .entry-skip{bottom:22px!important;right:12px!important;padding:11px 13px!important;font-size:11px!important}.direct-film-entry .entry-controls{bottom:22px!important;left:12px!important;right:auto!important;gap:4px;padding:5px;max-width:calc(100vw - 135px)}.direct-film-entry .entry-controls button{padding:9px 11px;font-size:10px}.direct-film-entry [data-entry-restart]{display:none}}