:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171b1a;background:#f6f8f7;--ink:#171b1a;--muted:#737b78;--line:#e3e8e5;--green:#13966b;--sidebar:252px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 62% 4%,rgba(185,231,217,.28),transparent 26rem),#f7f9f8}button,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid rgba(34,157,115,.22);outline-offset:2px}.rail{display:none}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;border-right:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(18px);transition:.25s ease}.sidebar-head{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-mark,.brand-mini{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#21c79a,#3585eb);font-weight:900;font-style:italic;box-shadow:0 8px 20px rgba(35,151,126,.2)}.brand>span:last-child{display:grid;line-height:1.05}.brand strong{font-size:17px}.brand small{margin-top:4px;color:#8a918e;font-size:10px}.sidebar-toggle{width:32px;height:32px;border:0;border-radius:10px;background:#f1f4f2;color:#6d7471;font-size:22px}.menu{display:grid;gap:4px;padding:10px 13px}.menu-item{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 13px;border-radius:14px;color:#4b524f;text-decoration:none;font-size:14px}.menu-item span{display:grid;width:22px;place-items:center;font-size:18px}.menu-item:hover,.menu-item.active{background:#eef3f0;color:#111;font-weight:650}.menu-item em{margin-left:auto;padding:3px 7px;border-radius:99px;background:#e8f8f1;color:#16835e;font-size:9px;font-style:normal}.projects{padding:20px 13px}.section-label{display:flex;align-items:center;justify-content:space-between;padding:0 8px 10px;color:#969c99;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:750}.section-label button{border:0;background:none;color:#737a77;font-size:18px}.project{width:100%;display:flex;gap:10px;align-items:center;padding:9px;border:0;border-radius:13px;background:transparent;text-align:left}.project:hover,.project.active{background:#f4f6f5}.project-thumb{width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#9778e9,#49309e)}.project-thumb.coral{background:linear-gradient(145deg,#ffb26f,#c84862)}.project-thumb.blue{background:linear-gradient(145deg,#7ce1dd,#2787bc)}.project>span:last-child{display:grid;gap:2px}.project strong{font-size:12px}.project small{color:#989e9b;font-size:9px}.provider-card{margin:auto 13px 15px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e2e9e5;border-radius:15px;background:#f8fbf9;text-align:left}.provider-logo{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#151716;color:#fff;font-weight:900}.provider-card>span:nth-child(2){display:grid;gap:2px;min-width:0}.provider-card strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-card small{font-size:9px;color:#8b938f}.provider-card i{width:9px;height:9px;margin-left:auto;border-radius:50%;background:#dcae42;box-shadow:0 0 0 4px rgba(220,174,66,.13)}.provider-card i.ok{background:#22a976;box-shadow:0 0 0 4px rgba(34,169,118,.12)}main{margin-left:var(--sidebar);min-height:100vh}.topbar{position:sticky;top:0;z-index:10;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:rgba(247,249,248,.78);backdrop-filter:blur(16px)}.mobile-menu{display:none;border:0;background:none;font-size:21px}.workspace-pill{display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #e2e7e4;border-radius:99px;background:rgba(255,255,255,.75);color:#555d59;font-size:11px;font-weight:700}.live-dot{width:7px;height:7px;border-radius:50%;background:#24b57e;box-shadow:0 0 0 4px rgba(36,181,126,.11)}.top-actions{display:flex;gap:8px}.ghost-button,.primary-small{height:38px;padding:0 15px;border-radius:11px;font-size:11px;font-weight:700}.ghost-button{border:1px solid #dfe5e2;background:#fff;color:#4d5551}.primary-small{border:0;background:#171b1a;color:#fff}.content{width:min(1120px,calc(100% - 56px));margin:0 auto;padding-bottom:70px}.hero{text-align:center;padding:70px 0 38px}.eyebrow,.section-kicker{color:#16865f;font-size:10px;font-weight:850;letter-spacing:.13em}.eyebrow{display:flex;justify-content:center;align-items:center;gap:8px}.eyebrow span{width:24px;height:1px;background:#47aa86}.hero h1{margin:14px 0 12px;font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.055em}.hero h1 em{font-family:Georgia,serif;font-weight:500;color:#247d62}.lead{margin:0 auto 30px;color:#77807c;font-size:14px}.composer{width:min(940px,100%);margin:auto;padding:15px;border:1px solid #dfe6e2;border-radius:25px;background:rgba(255,255,255,.96);box-shadow:0 22px 65px rgba(36,77,60,.11),inset 0 0 0 1px rgba(255,255,255,.7);transition:.2s}.composer:focus-within{border-color:#83c9ad;box-shadow:0 24px 70px rgba(31,125,89,.15),0 0 0 4px rgba(35,163,115,.08)}.composer textarea{display:block;width:100%;min-height:102px;padding:8px 10px;border:0;resize:none;background:transparent;color:#202522;font-size:17px;line-height:1.55}.composer textarea::placeholder{color:#a3aaa6}.composer textarea:focus{outline:0}.reference-row{align-items:center;gap:9px;margin:0 7px 12px;padding:9px 11px;border-radius:12px;background:#f2f6f4;color:#65706b;font-size:10px}.reference-row:not([hidden]){display:flex}.reference-row input{min-width:0;flex:1;border:0;background:transparent;color:#303632}.reference-row input:focus{outline:0}.reference-row button{border:0;background:none;color:#7a827e;font-size:18px}.composer-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-left{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.add-button{display:grid;place-items:center;width:39px;height:39px;border:0;border-radius:12px;background:#f0f3f1;color:#515955;font-size:22px}.chip,.segmented{height:39px;display:flex;align-items:center;border-radius:12px;background:#f3f5f4;color:#5c6460;font-size:11px;font-weight:650}.chip{gap:6px;padding:0 13px}.chip.selected{background:#18201d;color:#fff}.chip.model-chip small{padding:2px 5px;border-radius:5px;background:#161817;color:#fff;font-size:8px}.chip.muted{color:#939a96}.chip.audio{color:#247c5e;background:#edf8f3}.segmented{padding:4px}.segmented button{height:31px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#777f7b;font-size:10px}.segmented button.selected{background:#fff;color:#151916;box-shadow:0 2px 8px rgba(30,47,39,.08);font-weight:800}.generate-button{width:48px;height:48px;flex:0 0 auto;border:0;border-radius:50%;background:linear-gradient(145deg,#35c997,#128c65);color:#fff;font-size:24px;box-shadow:0 10px 22px rgba(24,155,108,.24);transition:.18s}.generate-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(24,155,108,.3)}.generate-button:disabled{background:#cfd6d2;box-shadow:none;cursor:not-allowed;transform:none}.composer-foot{width:min(900px,calc(100% - 30px));display:flex;justify-content:space-between;margin:10px auto 0;color:#929995;font-size:9px}.composer-foot strong{color:#59615d}.result-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:center;margin:8px auto 55px;padding:24px;border:1px solid #dde6e1;border-radius:24px;background:#fff;box-shadow:0 16px 45px rgba(40,68,56,.09)}.result-copy{padding:15px}.result-badge,.tag{display:inline-flex;padding:5px 8px;border-radius:99px;color:#176f51;background:#eaf7f1;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.result-copy h2{margin:13px 0 9px;font-size:27px;letter-spacing:-.035em}.result-copy p{color:#7c8580;font-size:12px;line-height:1.65}.download-link{display:inline-flex;margin-top:10px;color:#117956;font-size:12px;font-weight:800;text-decoration:none}.result-panel video{width:100%;aspect-ratio:16/9;border-radius:17px;background:#111;object-fit:cover}.gallery{padding:40px 0}.gallery-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.gallery h2,.motion-strip h2{margin:5px 0 0;font-size:27px;letter-spacing:-.04em}.text-button{border:0;background:none;color:#557068;font-size:11px;font-weight:700}.masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:138px;gap:12px}.idea-card{position:relative;overflow:hidden;padding:16px;border:0;border-radius:20px;color:#fff;background:#333;text-align:left;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);transition:.22s}.idea-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(29,49,41,.16)}.idea-card.tall{grid-row:span 2}.idea-card.extra-tall{grid-row:span 3}.idea-card:nth-child(4),.idea-card:nth-child(5),.idea-card:nth-child(6){grid-row:span 1}.idea-card>i{position:absolute;right:13px;top:13px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:rgba(255,255,255,.2);font-style:normal;backdrop-filter:blur(6px)}.idea-card .tag{background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(8px)}.art-copy{position:absolute;left:17px;bottom:16px;display:grid;gap:5px}.art-copy strong{font-family:Georgia,serif;font-size:30px;line-height:.82;letter-spacing:-.06em}.art-copy small{font-size:9px;opacity:.8}.art-copy.bottom strong{font-family:inherit;font-size:14px;letter-spacing:-.02em}.coffee{background:radial-gradient(circle at 70% 68%,#d99b64 0 7%,#5f301d 7.5% 12%,transparent 13%),radial-gradient(circle at 52% 74%,#e3ad76 0 8%,#6c351e 8.5% 14%,transparent 15%),linear-gradient(145deg,#8d3f27,#291817)}.portrait{background:radial-gradient(circle at 68% 28%,#f2bf9e 0 10%,transparent 10.5%),linear-gradient(150deg,#455941 0 28%,#c59074 28% 45%,#6e4536 46% 64%,#26342b 65%)}.portrait-shape{position:absolute;inset:24% 16% 15%;border:2px solid rgba(255,255,255,.8);border-radius:46% 46% 28% 28%}.portrait-shape b{position:absolute;left:32%;top:-4%;width:40%;height:35%;border-radius:50%;background:#2c241f}.horse{background:linear-gradient(#4d91b4 0 48%,#c2a06a 49% 62%,#4c5234 63%)}.sun{position:absolute;right:20px;top:55px;width:55px;height:55px;border-radius:50%;background:#ffd28d;filter:blur(1px)}.horse-mark{position:absolute;left:31%;top:37%;font-size:82px;color:#2a211a;text-shadow:18px -13px 0 #aa2f32}.kinetic{background:linear-gradient(140deg,#4726a0,#df3c81)}.kinetic-type{position:absolute;left:15px;bottom:12px;font-size:27px;line-height:.77;font-weight:950;letter-spacing:-.08em}.kinetic-type b{color:#ffc971}.product{background:radial-gradient(circle at 50% 130%,#aee6e1,transparent 58%),linear-gradient(145deg,#223d48,#0a151a)}.bottle{position:absolute;left:42%;top:26%;width:21%;height:58%;border-radius:9px 9px 18px 18px;background:linear-gradient(90deg,#c2e9e3,#fff,#8dc6c0);box-shadow:0 15px 35px rgba(190,244,236,.28)}.bottle:before{content:"";position:absolute;left:27%;top:-18%;width:46%;height:20%;border-radius:4px 4px 0 0;background:#d4eee9}.anime{background:linear-gradient(145deg,#ffb7c5,#9078d3)}.faces{position:absolute;left:12%;right:12%;top:27%;display:flex;justify-content:center}.faces b{width:55px;height:72px;margin:-3px;border:4px solid rgba(255,255,255,.5);border-radius:48% 48% 42% 42%;background:radial-gradient(circle at 35% 45%,#262438 0 5%,transparent 6%),radial-gradient(circle at 65% 45%,#262438 0 5%,transparent 6%),#f6c6ac}.faces b:nth-child(2){transform:translateY(-13px);background-color:#efd0bc}.motion-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:25px 28px;border:1px solid #dbe6e1;border-radius:22px;background:linear-gradient(115deg,#f1faf6,#f5f2ff)}.motion-strip>div{display:flex;align-items:center;gap:18px}.motion-icon{display:grid;width:56px;height:56px;flex:0 0 auto;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(145deg,#202425,#6949bd);font-weight:900}.motion-strip h2{font-size:21px}.motion-strip p{margin:7px 0 0;color:#727b77;font-size:11px}.motion-strip button{flex:0 0 auto;height:42px;padding:0 16px;border:0;border-radius:12px;background:#202523;color:#fff;font-size:11px;font-weight:750}.drawer{position:fixed;inset:0;z-index:60}.drawer-backdrop{position:absolute;inset:0;width:100%;border:0;background:rgba(17,28,23,.28);backdrop-filter:blur(4px)}.drawer-panel{position:absolute;inset:0 0 0 auto;width:min(430px,100%);padding:30px;background:#fff;box-shadow:-24px 0 80px rgba(22,38,31,.18);overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start}.drawer-head h2{margin:6px 0 0;font-size:28px;letter-spacing:-.04em}.drawer-head>button{width:38px;height:38px;border:0;border-radius:50%;background:#f1f3f2;font-size:21px}.status-card{display:flex;align-items:center;gap:12px;margin:25px 0;padding:16px;border:1px solid #deebe5;border-radius:16px;background:#f4fbf7}.status-orb{width:13px;height:13px;border-radius:50%;background:#d8aa3e;box-shadow:0 0 0 5px rgba(216,170,62,.12)}.status-orb.ok{background:#22a976;box-shadow:0 0 0 5px rgba(34,169,118,.12)}.status-card div{display:grid;gap:3px}.status-card strong{font-size:13px}.status-card small{color:#84908a;font-size:10px}.settings-list{margin:0;border:1px solid #e4e9e7;border-radius:15px;overflow:hidden}.settings-list div{display:flex;justify-content:space-between;gap:15px;padding:13px 15px;border-bottom:1px solid #edf0ee;font-size:11px}.settings-list div:last-child{border:0}.settings-list dt{color:#828985}.settings-list dd{margin:0;text-align:right}.settings-list code,.setup-note code{padding:3px 6px;border-radius:6px;background:#eef6f2;color:#247555}.access-field{display:grid;gap:8px;margin-top:22px;color:#4d5652;font-size:11px;font-weight:700}.access-field small{color:#999f9c;font-weight:500}.access-field input{height:43px;padding:0 13px;border:1px solid #dfe6e2;border-radius:11px}.save-access{width:100%;height:42px;margin-top:10px;border:0;border-radius:11px;background:#1d2421;color:#fff;font-size:11px;font-weight:750}.setup-note{margin-top:22px;padding:17px;border-radius:15px;background:#f5f6f5;color:#3f4844;font-size:11px}.setup-note p{margin:8px 0 0;color:#77807c;line-height:1.6}.toast{position:fixed;z-index:100;left:50%;bottom:25px;max-width:min(460px,calc(100% - 30px));padding:12px 17px;border:1px solid #d9e8e1;border-radius:12px;background:rgba(248,255,251,.96);color:#236c4e;font-size:11px;font-weight:650;box-shadow:0 16px 45px rgba(24,70,51,.17);opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}body.sidebar-closed{--sidebar:82px}body.sidebar-closed .sidebar{transform:translateX(-100%)}body.sidebar-closed .rail{display:flex;position:fixed;z-index:21;inset:0 auto 0 0;width:82px;align-items:center;flex-direction:column;padding:16px 0;background:#fff;border-right:1px solid var(--line)}.brand-mini{text-decoration:none}.rail nav{display:grid;gap:11px;margin-top:55px}.rail-button{position:relative;width:44px;height:44px;border:0;border-radius:14px;background:transparent;color:#626a66;font-size:18px}.rail-button:hover,.rail-button.active{background:#edf2ef;color:#111}.rail-bottom{display:grid;gap:13px;margin-top:auto}.avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffd3bd,#996c61);color:#fff;font-size:10px;font-weight:800}@media(max-width:950px){.masonry{grid-template-columns:repeat(3,1fr)}.idea-card.extra-tall{grid-row:span 2}.result-panel{grid-template-columns:1fr}.result-copy{padding:4px}.chip.audio,.model-chip{display:none}}@media(max-width:720px){:root{--sidebar:0px}.sidebar{width:260px;transform:translateX(-100%);box-shadow:20px 0 60px rgba(24,42,34,.16)}body.mobile-open .sidebar{transform:translateX(0)}.sidebar-toggle{display:none}.topbar{height:62px;padding:0 15px}.mobile-menu{display:block}.workspace-pill,.ghost-button{display:none}.content{width:calc(100% - 28px)}.hero{padding-top:38px}.hero h1{font-size:38px}.lead{font-size:12px}.composer{padding:11px;border-radius:20px}.composer textarea{min-height:120px;font-size:15px}.composer-controls{align-items:flex-end}.chip.muted{display:none}.masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:130px}.motion-strip{align-items:flex-start;flex-direction:column}.motion-strip>div{align-items:flex-start}.composer-foot{flex-direction:column;gap:4px}.result-panel{padding:14px}}@media(max-width:430px){.hero h1{font-size:33px}.masonry{grid-template-columns:1fr}.idea-card,.idea-card.tall,.idea-card.extra-tall,.idea-card:nth-child(n){grid-row:span 2}.control-left{gap:5px}.chip{padding:0 9px}.segmented button{padding:0 8px}.motion-strip>div{flex-direction:column}.top-actions .primary-small{padding:0 11px}}