@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--bg:#111211;--panel:#1b1c1a;--muted:#92958d;--text:#f2f2eb;--orange:#ff7647;--line:#2b2d29}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,sans-serif;font-size:16px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}a{text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{transition:background .18s,transform .18s}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}.sidebar{z-index:20;background:#191a17;border:1px solid #2a2c25;border-radius:18px;flex-direction:column;width:246px;padding:31px 16px 13px;display:flex;position:fixed;inset:12px auto 12px 12px}.brand{letter-spacing:-1.3px;align-items:center;gap:9px;padding:0 8px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;display:flex}.brand-mark{color:var(--orange);display:flex}.brand-dot{letter-spacing:0;align-self:flex-start;margin-top:3px;margin-left:-5px;font-size:11px}.workspace-label{letter-spacing:1.65px;color:#85887e;margin:49px 13px 16px;font-size:10px}.nav{color:#acafa5;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:12px;width:100%;margin-bottom:5px;padding:14px 13px;font-size:14px;display:flex}.nav.active{color:#eeefe4;background:#303128}.nav.active svg{color:#ffab72}.nav-new{color:#d5d8b8;letter-spacing:1px;background:#414233;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:9px}.sidebar-bottom{margin-top:auto}.upgrade-card{background:linear-gradient(120deg,#343528,#272920);border:1px solid #424334;border-radius:12px;margin:20px 1px;padding:18px 15px}.upgrade-icon{color:#f5bc8b;margin-bottom:13px}.upgrade-card h3{margin:0 0 9px;font-size:14px;font-weight:600}.upgrade-card p{color:#b1b49e;margin:0 0 16px;font-size:12px;line-height:1.7}.upgrade-card button{color:#292c21;background:#e7e9d5;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.signin-nav,.user-row{background:0 0;align-items:center;gap:9px;width:100%;padding:12px 3px;font-size:12px;display:flex}.signin-nav>svg{margin-left:auto}.avatar{color:#dee0c6;background:#36382d;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.user-row div{flex:1;min-width:0}.user-row b,.user-row small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.user-row small{color:var(--muted);margin-top:4px}.legal-links{color:#828579;gap:13px;padding:15px 5px 2px;font-size:10px;display:flex}.legal-links span{margin-left:auto}main{min-height:100vh;margin-left:270px}header{border-bottom:1px solid #21231f;justify-content:space-between;align-items:center;height:89px;padding:0 43px;display:flex}.breadcrumb{color:#93968c;align-items:center;gap:16px;font-size:13px;display:flex}.breadcrumb b{color:#dddcd2;font-weight:500}.slash{color:#55584c}.header-actions{align-items:center;gap:22px;display:flex}.model-status{color:#777d6d;font-size:11px}.credits-button{color:#d1d7bc;background:#24271f;border:1px solid #35392d;border-radius:8px;align-items:center;gap:9px;padding:9px 12px;font-size:12px;display:flex}.credits-button svg:first-child{color:#a4b985}.content{max-width:1450px;margin:0 auto;padding:0 44px}.composer-section{max-width:900px;margin:65px auto 0}.eyebrow{color:#a1aa8d;letter-spacing:2px;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.eyebrow span{background:#b8c39b;border-radius:100%;width:5px;height:5px}h1{letter-spacing:-2.2px;text-align:center;margin:19px 0 13px;font-family:Manrope,sans-serif;font-size:46px;font-weight:500;line-height:1.2}h1 span{color:#ff946c}.intro{color:#9c9f94;text-align:center;margin:0 0 28px;font-size:14px}.mode-tabs{justify-content:center;gap:4px;margin-bottom:20px;display:flex}.mode-tabs button{color:#979d8e;background:0 0;border-radius:7px;align-items:center;gap:8px;padding:9px 15px;font-size:12px;display:flex}.mode-tabs button.selected{color:#e0e6cc;background:#2a2e23}.composer{background:#1e201a;border:1px solid #3a3b31;border-radius:17px;padding:18px;box-shadow:0 10px 60px #00000014}.composer:focus-within{border-color:#73775b}.composer textarea{resize:vertical;color:#edeedf;background:0 0;border:none;outline:none;width:100%;height:93px;min-height:90px;max-height:300px;padding:6px 6px 10px;font-size:15px;line-height:1.5;display:block}.composer textarea::placeholder{color:#808571}.composer-toolbar,.settings{align-items:center;gap:8px;display:flex}.composer-toolbar{justify-content:space-between;gap:12px}.attach-button{color:#c2c9ad;background:#31342a;border:1px solid #414537;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.model-pill,.select-pill{color:#c7cdb5;white-space:nowrap;border:1px solid #3a3d31;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.model-pill>span{color:#e1d0a0;font-size:17px;line-height:12px}.model-pill svg{color:#869572}.select-pill{gap:5px;height:34px;padding:7px 8px}.select-pill select{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;outline:none;padding:0 3px;font-size:11px}.select-pill option{background:#25271f}.ratio-icon{border:1px solid #969d86;border-radius:2px;width:10px;height:10px;display:block}.generate{background:var(--orange);color:#271c12;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;display:inline-flex}.generate span{opacity:.8;border-left:1px solid #ad4d2b;margin-left:1px;padding-left:9px;font-size:10px}.composer-foot{color:#717766;justify-content:space-between;padding:12px 5px;font-size:10px;display:flex}.composer-foot span{align-items:center;gap:5px;display:flex}.section-title{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.section-title h2{letter-spacing:-.45px;margin:0 0 7px;font-family:Manrope,sans-serif;font-size:20px;font-weight:500}.section-title h2 span{color:#9eac7d;margin-left:13px;font-size:17px}.section-title p{color:#888e7d;margin:0;font-size:12px}.section-title button{color:#b7bcaa;background:0 0;align-items:center;gap:5px;font-size:13px;display:flex}.section-caption{color:#68705d;letter-spacing:1.5px;font-size:9px}.inspiration{margin-top:52px}.inspiration-grid{grid-template-columns:1.25fr 1fr 1fr;gap:18px;display:grid}.example{text-align:left;background:#23291d;border:1px solid #3a4130;border-radius:12px;height:268px;padding:0;position:relative;overflow:hidden}.example img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.example:hover img{transform:scale(1.045)}.example:after{content:"";background:linear-gradient(#0000 30%,#070d10dc);position:absolute;inset:0}.example-1 img{filter:sepia(.6)saturate(.7)hue-rotate(345deg);object-position:30% 80%;transform:scale(1.5)}.example-1:hover img{transform:scale(1.55)}.example-2 img{object-position:80% center;filter:saturate(.65);transform:scale(1.2)}.example-2:hover img{transform:scale(1.25)}.example-badge{z-index:2;color:#f1f5e9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);letter-spacing:1px;background:#101e20aa;border:1px solid #e2e8d52b;border-radius:5px;padding:6px 9px;font-size:9px;position:absolute;top:17px;left:17px}.example-bottom{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:20px;left:20px;right:17px}.example-bottom small{letter-spacing:1.5px;color:#d1dcce;font-size:8px}.example-bottom h3{letter-spacing:-.5px;margin:6px 0 0;font-family:Manrope,sans-serif;font-size:20px;font-weight:500}.example-arrow{background:#e6eddf16;border:1px solid #cad7ce55;border-radius:100%;place-items:center;width:33px;height:33px;display:grid}.studio-footer{color:#717a63;letter-spacing:1px;border-top:1px solid #272b22;justify-content:space-between;align-items:center;margin-top:29px;padding:24px 0;font-size:9px;display:flex}.footer-mark{letter-spacing:0;align-items:center;gap:8px;font-size:11px;display:flex}.footer-mark svg{color:#959f80}.icon-button{color:#acb39f;background:0 0;place-items:center;padding:6px;display:grid}.mobile-menu,.mobile-break{display:none}.attachment{color:#b5bca8;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.attachment img{object-fit:cover;border-radius:7px;width:54px;height:54px}.attachment span{text-overflow:ellipsis;max-width:220px;overflow:hidden}.upload-zone{color:#c9d2b7;text-align:left;background:#272c20;border:1px dashed #535b43;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding:16px;font-size:14px;display:flex}.upload-zone small{color:#8f9a7f;margin-top:4px;font-size:11px;display:block}.alert,.notice{border-radius:9px;margin:15px 0;padding:14px 17px;font-size:13px;line-height:1.5}.alert{color:#ffbfa6;background:#4a2520}.notice{color:#c0d5a1;background:#293322}.results{margin-top:35px}.result-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.job-card{background:#1c2018;border:1px solid #323a29;border-radius:12px;position:relative;overflow:hidden}.job-card>img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.job-card>p{color:#b5bea7;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:12px;font-size:13px;overflow:hidden}.download{background:#111c10aa;border-radius:8px;padding:10px;position:absolute;top:12px;right:12px}.job-pending{aspect-ratio:1;text-align:center;color:#a2b88b;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.library{padding:45px 0}.library h1{text-align:left;font-size:36px}.empty{text-align:center;color:#a6b395;padding:100px 20px}.empty>svg{color:#71805e}.empty h2{color:#dce6cc;font-size:24px;font-weight:500}.empty p{font-size:14px}.empty button{color:#d8e8c4;background:#303b25;border-radius:8px;align-items:center;gap:10px;margin-top:12px;padding:13px 19px;display:inline-flex}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#1c2018;border:1px solid #465239;border-radius:20px;width:100%;max-width:540px;max-height:90vh;padding:36px;position:relative;overflow:auto;box-shadow:0 30px 100px #0008}.modal-close{position:absolute;top:14px;right:14px}.modal-brand{color:#ff996f;background:#3f3424;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:24px;display:grid}.modal h2{letter-spacing:-1px;margin:0 0 12px;font-family:Manrope,sans-serif;font-size:29px;font-weight:500;line-height:1.2}.modal>p{color:#a5b195;font-size:14px;line-height:1.6}.modal form label{color:#c7d3b6;margin:17px 0;font-size:13px;display:block}.modal input{color:#edf2e5;background:#12190d;border:1px solid #49593b;border-radius:8px;outline:none;width:100%;margin-top:8px;padding:12px;display:block}.modal input:focus{border-color:#db9361}.modal small{color:#95a484;font-size:12px;line-height:1.6}.google-button{color:#dae5cc;background:#333f28;border:1px solid #4d5d3e;border-radius:8px;width:100%;margin-top:16px;padding:12px}.auth-submit{width:100%;margin-top:15px;padding:13px}.text-button{text-align:center;color:#b8cba1;background:0 0;width:100%;padding:15px;font-size:13px;display:block}.auth-legal{text-align:center;margin-top:13px;display:block}.auth-legal a{text-decoration:underline}.or{color:#768963;text-align:center;margin:20px 0;font-size:12px}.plans{gap:13px;margin:23px 0;display:grid}.plans article{border:1px solid #445738;border-radius:10px;padding:18px}.plans article h3{margin:0 0 15px}.plans article p{color:#a5b695;font-size:14px}.price{font-size:30px}.price small{margin-left:7px}.legal-page{color:#b9c0b1;max-width:780px;margin:0 auto;padding:60px 25px;line-height:1.8}.legal-page h1{text-align:left}.legal-page h2{color:#e4e9de;margin-top:35px;font-size:23px;font-weight:500}.legal-page a{color:#ffa477;text-decoration:underline}.legal-page>p{font-size:16px}@media (min-width:1650px){.composer-section{max-width:990px;margin-top:90px}h1{font-size:54px}.intro{font-size:16px}.composer textarea{height:112px;font-size:16px}.inspiration{margin-top:67px}.example{height:315px}.content{padding:0 55px}.section-title h2{font-size:23px}.composer{padding:21px}.composer-section .mode-tabs button{font-size:14px}.model-pill,.select-pill,.select-pill select{font-size:13px}.generate{padding:12px 18px;font-size:14px}}@media (max-width:1150px){.sidebar{width:211px;padding-left:12px;padding-right:12px}.brand{font-size:23px}main{margin-left:230px}header,.content{padding:0 28px}.model-status{display:none}h1{font-size:38px}.composer-section{margin-top:48px}.composer-toolbar{align-items:flex-end}.settings{flex-wrap:wrap;gap:5px}.generate span{display:none}.example{height:235px}.example-bottom h3{font-size:17px}.section-caption{display:none}.inspiration-grid{grid-template-columns:repeat(3,1fr);gap:12px}.example-bottom{left:14px;right:10px}.example-arrow{width:27px;height:27px}.studio-footer>span:last-child{display:none}}@media (max-width:800px){.sidebar{width:245px;display:none;top:70px;bottom:10px;box-shadow:20px 0 100px #000a}.sidebar.open{display:flex}main{margin:0}header{height:70px;padding:0 19px}.mobile-menu{display:grid}.breadcrumb{gap:10px;font-size:12px}.breadcrumb>span:first-of-type,.slash{display:none}.content{padding:0 20px}.composer-section{margin-top:41px}.eyebrow{letter-spacing:1.5px;font-size:8px}h1{letter-spacing:-1.7px;font-size:38px}.intro{max-width:300px;margin-left:auto;margin-right:auto;font-size:13px;line-height:1.6}.composer{border-radius:13px;padding:13px}.composer-toolbar{flex-wrap:wrap}.settings{flex:1}.model-pill{gap:5px;padding:9px 7px;font-size:10px}.select-pill{padding:7px 5px}.generate{padding:11px 12px;font-size:12px}.composer-foot{font-size:9px}.inspiration{margin-top:40px}.inspiration-grid{grid-template-columns:1fr}.example{height:290px}.example-1,.example-2{height:235px}.example-bottom h3{font-size:25px}.section-title h2{font-size:19px}.section-title p{font-size:12px}.section-title h2 span{margin-left:6px}.result-grid{grid-template-columns:1fr 1fr}.modal{padding:28px 23px}.modal h2{font-size:26px}.library .section-title{display:block}.library .generate{margin-top:22px}.studio-footer{margin-top:20px}.library h1{font-size:31px}}@media (max-width:440px){.composer-toolbar>.generate{width:100%}.settings{justify-content:space-between}.composer-foot>span:last-child{display:none}.credits-button{padding:8px;font-size:11px}.composer-section h1{font-size:35px}.mobile-break{display:block}.composer textarea{height:105px}.result-grid{grid-template-columns:1fr}.example{height:255px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.workspace-label,.eyebrow,.nav-new,.legal-links,.model-status,.section-caption,.composer-foot,.example-badge,.example-bottom small,.studio-footer,.footer-mark,.generate span{font-size:12px}.nav,.signin-nav,.user-row,.credits-button,.breadcrumb,.mode-tabs button,.model-pill,.select-pill,.select-pill select,.generate,.upgrade-card h3,.upgrade-card button,.composer-section .mode-tabs button,.section-title button,.modal form label,.text-button{font-size:14px}.intro,.composer textarea{font-size:16px}.upgrade-card p,.section-title p,.upload-zone small{font-size:14px}.eyebrow{letter-spacing:1.3px}.workspace-label{letter-spacing:.6px;font-size:12px}.legal-links{gap:8px}.model-pill{gap:5px}.section-caption{letter-spacing:.6px}.settings,.composer-toolbar{flex-wrap:wrap}.composer-foot{gap:12px}.example-bottom small{letter-spacing:.8px}.example-badge{letter-spacing:.5px}.nav-new{font-size:10px}.signin-nav,.legal-links{font-size:12px}.upgrade-card{padding:15px 12px}.studio-footer{letter-spacing:.3px}.modal small{font-size:13px}.composer-section{max-width:960px}@media (max-width:1150px){.model-pill,.select-pill select{font-size:12px}.composer-toolbar>.generate{margin-left:auto}.settings{gap:6px}.composer-foot span:last-child{display:none}.eyebrow{text-align:center;font-size:12px}.nav{font-size:13px}.nav-new{display:none}}@media (max-width:600px){.composer-toolbar>.generate{width:100%;padding:13px}.model-pill{font-size:12px}.section-title p{font-size:14px}.eyebrow{letter-spacing:.5px;font-size:12px;line-height:1.6}.example-bottom h3{font-size:24px}.settings{justify-content:space-between;width:100%}.model-pill,.select-pill{height:37px}.studio-footer>span:last-child{display:none}}@media (min-width:1151px){.composer-section{margin-top:48px}.composer-section h1{font-size:46px}.composer textarea{height:95px}.inspiration{margin-top:42px}.example{height:268px}}.composer-toolbar .generate span{display:inline-block}