@font-face{font-family:Michroma;font-style:normal;font-display:swap;font-weight:400;src:url(../media/michroma-latin-ext-400-normal.1-zbcgh525fma.woff2)format("woff2"),url(../media/michroma-latin-ext-400-normal.3mwama-g079gi.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Michroma;font-style:normal;font-display:swap;font-weight:400;src:url(../media/michroma-latin-400-normal.2e-s2owtn-wqy.woff2)format("woff2"),url(../media/michroma-latin-400-normal.19mb1rutmfr0f.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/hanken-grotesk-cyrillic-ext-wght-normal.2itxf15ry5usb.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/hanken-grotesk-vietnamese-wght-normal.2acjkvcdf2ph9.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/hanken-grotesk-latin-ext-wght-normal.0vywpxoy2e7vx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/hanken-grotesk-latin-wght-normal.383nluj69zqfa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--void:#08090c;--cove-mid:#171921;--cove-glow:#343744;--ink:#f3f4f6;--ink-dim:#8d909c;--line:#ffffff1c;--glass:#14151bb8;--tungsten:#ffc48a;--display:"Michroma", "Eurostile", sans-serif;--body:"Hanken Grotesk Variable", "Hanken Grotesk", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--void);color:var(--ink);font:400 15px/1.45 var(--body);-webkit-font-smoothing:antialiased}button,textarea,select{font:inherit;color:inherit}a{color:inherit}button{cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--tungsten);outline-offset:2px}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.file{display:none}.studio{isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;height:100dvh;min-height:620px;padding:0 24px 28px;display:grid;position:relative;overflow:hidden}.cove,.key-light{z-index:-1;pointer-events:none;position:absolute;inset:0}.cove{background:linear-gradient(to bottom, transparent 62%, #ffffff0b 74%, #ffffff03 100%), radial-gradient(70% 58% at 50% 44%, var(--cove-glow) 0%, var(--cove-mid) 48%, var(--void) 100%);opacity:.5;transition:opacity 1.1s;animation:1.4s ease-out both lights-up}.lit .cove{opacity:1}.key-light{opacity:0;background:radial-gradient(38% 46% at 36% 36%,#ffc48a2b,#0000 72%);transition:opacity 1.4s}.lit .key-light{opacity:1}.busy .key-light{opacity:.35}@keyframes lights-up{0%{opacity:0}}.topbar{justify-content:center;width:100%;padding:26px 8px 0;display:flex;position:relative}.topbar-end{align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;top:22px;right:0}.topbar-end>a,.topbar-end>button:not(.credits){color:var(--ink-dim);text-decoration:none;transition:color .15s}.topbar-end>a:hover,.topbar-end>button:not(.credits):hover{color:var(--ink)}.credits{border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:99px;padding:5px 11px;font-size:13px;transition:border-color .15s}.credits:hover{border-color:#ffffff4d}.wordmark{font:400 13px/1 var(--display);letter-spacing:.14em;padding:6px 4px}.rail{scrollbar-width:none;flex-direction:column;gap:10px;max-height:66dvh;padding:3px;display:flex;position:absolute;top:50%;left:24px;overflow-y:auto;transform:translateY(-50%)}.thumb{opacity:.55;border-radius:9px;flex:none;width:46px;height:46px;padding:0;transition:opacity .2s;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb:hover,.thumb.current{opacity:1}.thumb.current{box-shadow:0 0 0 1.5px var(--ink)}.thumb.generating:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffc48a99 50%,#0000 70%) 0 0/250% 100%;animation:2.4s linear infinite sweep;position:absolute;inset:0}.stage{place-items:center;width:100%;min-height:0;padding:20px 0 34px;display:grid}.empty{border-radius:22px;justify-items:center;gap:22px;padding:56px 72px;transition:background .25s;display:grid}.empty span{font:400 clamp(15px, 1.9vw, 22px)/1.3 var(--display);letter-spacing:.02em}.empty svg{color:var(--ink-dim);transition:color .2s,transform .35s}.empty:hover svg,.empty.over svg{color:var(--ink);transform:rotate(90deg)}.empty.over{background:#ffffff0d}.sheet{justify-content:center;align-items:center;gap:14px;width:min(100%,1180px);height:100%;min-height:0;display:flex}.shot{flex:0 auto;justify-content:center;align-items:center;min-width:0;height:100%;display:flex;position:relative}.shot img{-webkit-box-reflect:below 3px linear-gradient(transparent 86%, #ffffff21);border-radius:6px;max-width:100%;max-height:100%;animation:.7s cubic-bezier(.2,.8,.2,1) both place;display:block;box-shadow:0 26px 46px -22px #000000e6}.sheet.several .shot{flex:1 1 0;height:auto}.sheet.several .shot img{max-height:calc(100dvh - 340px)}@media (min-width:721px){:is(.studio:has(.rail) .sheet,.studio:has(.rail) .cells){width:min(100% - 180px,1180px)}}.sheet.over .shot img{filter:brightness(1.15)}.shot:hover .close,.shot .close:focus-visible{opacity:1}.add{color:var(--ink-dim);white-space:nowrap;border-radius:12px;flex:none;justify-items:center;gap:7px;padding:12px 10px;font-size:12px;transition:color .15s,background .15s;display:grid}.add:hover{color:var(--ink);background:#ffffff0f}.cells{justify-content:center;gap:18px;width:min(100%,1180px);height:100%;min-height:0;display:flex}.cell{flex-direction:column;flex:1 1 0;gap:9px;min-width:0;max-width:420px;min-height:0;display:flex}.cell.single{max-width:880px}.screen{background:#00000047;border-radius:8px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:0 26px 46px -22px #000000e6}.screen img,.screen video{object-fit:contain;width:100%;height:100%;display:block}.screen img.dimmed{opacity:.22}.cell figcaption{color:var(--ink-dim);text-align:center;font-size:13px}.cell-error{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--tungsten);border-radius:10px;padding:9px 12px;font-size:13px;position:absolute;inset:auto 12px 12px}@keyframes place{0%{transform:translateY(10px)}}.sweep{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(100deg,#0000 38%,#ffc48a8c 50%,#0000 62%) 0 0/260% 100%;animation:2.8s cubic-bezier(.45,0,.55,1) infinite sweep;position:absolute;inset:0;overflow:hidden}@keyframes sweep{0%{background-position:130% 0}to{background-position:-130% 0}}.timer{white-space:nowrap;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:99px;padding:7px 14px;font-size:13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.timer span{font-variant-numeric:tabular-nums;color:var(--tungsten);margin-left:4px}.close,.save{background:var(--glass);width:32px;height:32px;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px}.close{opacity:0;transition:opacity .2s;left:10px}.save{right:10px}.composer{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:20px;width:min(100%,720px);padding:14px 14px 12px}.notice{color:var(--tungsten);padding:0 6px 8px;font-size:13px}textarea{resize:none;background:0 0;border:0;outline:0;width:100%;padding:4px 6px;font-size:17px;line-height:1.4;display:block}textarea:focus-visible{outline:0}textarea::placeholder{color:var(--ink-dim)}.starters{flex-wrap:wrap;gap:6px;padding:4px 4px 2px;display:flex}.starters button{border:1px solid var(--line);color:var(--ink-dim);border-radius:99px;padding:4px 11px;font-size:13px;transition:color .15s,border-color .15s}.starters button:hover{color:var(--ink);border-color:#ffffff4d}.controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.models{gap:5px;display:flex}.models button{color:var(--ink-dim);border:1px solid var(--line);border-radius:10px;padding:6px 11px;font-size:13px;transition:color .15s,border-color .15s,background .15s}.models button:hover{color:var(--ink)}.models .on{color:var(--ink);background:#ffffff21;border-color:#0000}.segmented{background:#ffffff0e;border-radius:10px;padding:2px;display:flex}.segmented button{color:var(--ink-dim);font-variant-numeric:tabular-nums;border-radius:8px;padding:5px 10px;font-size:13px;transition:color .15s}.segmented button:hover{color:var(--ink)}.segmented .on{color:var(--ink);background:#ffffff21}.generate{background:var(--ink);height:38px;color:var(--void);font-variant-numeric:tabular-nums;border-radius:12px;align-items:center;gap:9px;margin-left:auto;padding:0 8px 0 15px;font-size:14px;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.generate:hover:not(:disabled){transform:translateY(-1px)}.generate:disabled{opacity:.3;cursor:default}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.view{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:99px;padding:4px 11px;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.view:hover{color:var(--tungsten)}.work-actions{justify-content:center;gap:8px;display:flex}.work-actions a,.work-actions button{border:1px solid var(--line);border-radius:99px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;text-decoration:none;transition:border-color .15s;display:flex}.work-actions a:hover,.work-actions button:hover{border-color:#ffffff4d}.work-actions .primary{background:var(--ink);color:var(--void);border-color:#0000;font-weight:600}.picker{height:31px;color:var(--ink-dim);background:#ffffff0e;border:0;border-radius:10px;padding:0 8px;font-size:13px}.picker:hover{color:var(--ink)}.picker option{color:var(--ink);background:#15161b}.panel{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#14151bf0;border-radius:16px;gap:12px;width:min(320px,100vw - 32px);max-height:72dvh;padding:16px;font-size:14px;display:grid;position:absolute;top:40px;right:0;overflow-y:auto}.panel h2{font:400 13px/1.3 var(--display);letter-spacing:.04em}.panel p{color:var(--ink-dim);font-size:13px}.panel-balance{font-variant-numeric:tabular-nums;font-size:26px}.panel-balance small{color:var(--ink-dim);margin-left:6px;font-size:13px}.packs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.packs button{border:1px solid var(--line);color:var(--ink-dim);border-radius:10px;gap:1px;padding:9px 4px;font-size:13px;display:grid}.packs button strong{color:var(--ink);font-size:15px;font-weight:600}.packs button:hover{border-color:#ffffff4d}.panel-links{gap:2px;display:grid}.panel-links a,.panel-links button{text-align:left;color:var(--ink-dim);padding:7px 0;font-size:14px;text-decoration:none}.panel-links a:hover,.panel-links button:hover{color:var(--ink)}.panel-back{color:var(--ink-dim);align-items:center;gap:6px;padding:0;font-size:13px;display:flex}.history{gap:8px;padding:0;list-style:none;display:grid}.history li{justify-content:space-between;gap:10px;font-size:13px;display:flex}.history time{color:var(--ink-dim);font-size:12px;display:block}.saved{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.saved div{aspect-ratio:1;border-radius:8px;position:relative;overflow:hidden}.saved img{object-fit:cover;width:100%;height:100%;display:block}.saved .use{padding:0;position:absolute;inset:0}.saved .drop{background:var(--glass);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:3px;right:3px}.chat{gap:8px;display:grid}.chat .mine{color:var(--ink);text-align:right}.chat p{white-space:pre-wrap}.chat-row{gap:6px;display:flex}.chat-row input{border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;background:0 0;border-radius:10px;flex:1;padding:7px 10px;font-size:13px}.chat-send{background:var(--ink);color:var(--void);border-radius:10px;padding:7px 11px;font-size:13px;font-weight:600}.doc{max-width:680px;margin:0 auto;padding:72px 24px 96px;font-size:16px;line-height:1.6}.doc .wordmark{margin-bottom:44px;text-decoration:none;display:inline-block}.doc h1{font:400 clamp(24px, 4vw, 34px)/1.25 var(--display);letter-spacing:.01em;margin-bottom:18px}.doc h2{margin:38px 0 8px;font-size:19px;font-weight:600}.doc p,.doc li{color:#c6c8d0}.doc p+p{margin-top:12px}.doc ul{margin-top:8px;padding-left:20px}.doc li+li{margin-top:6px}.doc a{color:var(--tungsten)}.price-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:10px}.price-table th,.price-table td{border-bottom:1px solid var(--line);text-align:left;padding:9px 0;font-weight:400}.price-table th{color:var(--ink-dim);font-size:14px}.price-table td:last-child,.price-table th:last-child{text-align:right}.cta{background:var(--ink);border-radius:12px;margin-top:28px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block;color:var(--void)!important}.auth-page{place-content:center;justify-items:center;gap:18px;min-height:100dvh;padding:24px;display:grid}.auth-page a{color:var(--ink-dim);font-size:13px}@media (max-width:720px){.studio{padding:0 16px 16px}.rail{flex-direction:row;max-width:100%;max-height:none;margin-top:12px;position:static;overflow-x:auto;transform:none}.studio:has(.rail){grid-template-rows:auto auto minmax(0,1fr) auto}.topbar{justify-content:flex-start;padding-top:18px}.topbar-end{top:12px}.close{opacity:1}.generate{flex:1 0 100%;justify-content:space-between;margin-left:0}.empty{padding:32px 16px}.cells{scroll-snap-type:x mandatory;scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.cell{scroll-snap-align:center;flex:0 0 82%}.cell.single{flex-basis:100%}.models{flex-wrap:wrap}.sheet{gap:8px}.sheet.several{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.sheet.several .shot{flex:0 0 62%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.sweep{background:#ffc48a1a}}