.hero{background-image:linear-gradient(90deg,transparent,#050c2022 45%,#050c2044),url('/assets/cinematic-studio.webp');background-size:cover;background-position:center 53%;min-height:360px}.hero:before,.devices{display:none}.hero-copy{width:55%}.hero h1{font-size:clamp(32px,4vw,60px)}.command-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.command{padding:14px 10px;text-align:right;display:flex;flex-direction:column;gap:6px;background:linear-gradient(130deg,#172444,#10152d);min-height:115px}.command code{color:#7ac9ff;align-self:flex-start;font-size:13px}.command span{font-size:12px}.command small{font-size:9px;color:#92a4c8}.command.selected{border-color:#ad72ff;background:linear-gradient(130deg,#492978,#102d50);box-shadow:0 0 18px #7040ff22}.builder{background:#0c1933;border:1px solid #3b4476;border-radius:20px;padding:20px;position:sticky;top:103px;align-self:start}.builder h2{font-size:21px;margin:0}.builder label{display:grid;gap:8px;font-size:12px;margin:15px 0}.builder textarea,.builder select{background:#071024;color:white;border:1px solid #3b4e78;border-radius:11px;padding:12px;font:inherit;width:100%}.builder #promptOutput{margin-top:15px;font-size:12px;line-height:1.8}.builder .pill{margin:3px;padding:5px 9px;font-size:11px}.filters button{font-size:11px}
@media(max-width:1100px){.command-layout{grid-template-columns:1fr}.builder{position:static}.hero-copy{width:63%}}
@media(max-width:760px){.hero{min-height:330px;background-position:35% center;background-image:linear-gradient(90deg,#050c2077,#050c20cc),url('/assets/cinematic-studio.webp')}.hero-copy{width:100%}.command-grid{grid-template-columns:repeat(2,1fr)}.builder{padding:16px}.hero h1{font-size:36px}}