:root{--ink:#171518;--muted:#777278;--line:#e6e3e5;--soft:#f4f3f4;--sidebar:248px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}button,input,textarea,select{font:inherit}button{cursor:pointer}.rail{position:fixed;inset:0 auto 0 0;z-index:20;width:var(--sidebar);padding:24px 15px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fafafa}.logo{display:flex;height:43px;align-items:center;padding:0 10px}.logo img{width:126px;max-height:34px}.rail nav{display:grid;gap:5px;margin-top:30px}.rail nav button,.rail nav a,.rail-foot button{display:flex;align-items:center;gap:13px;width:100%;height:45px;padding:0 13px;border:0;border-radius:11px;background:transparent;color:#656066;text-decoration:none;font-weight:600;text-align:left}.rail nav button:hover,.rail nav a:hover,.rail nav .active{background:#eeecef;color:#151316}.nav-icon{display:grid;width:20px;place-items:center;font-size:19px}.rail-foot{display:grid;gap:8px;margin-top:auto}.mini-balance{display:grid;gap:5px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.mini-balance small{color:var(--muted);font-size:11px}.mini-balance b{font-size:16px}.rail-foot button{color:#817b82}main{min-height:100vh;margin-left:var(--sidebar);padding-bottom:185px}.announcement{height:45px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(110deg,#321c13,#174531,#612117,#17100d);color:#fff;font-size:13px;font-weight:600}.announcement span{text-decoration:underline;color:#f2ddbd}header{height:68px;display:grid;grid-template-columns:1fr minmax(260px,420px) 1fr;align-items:center;padding:0 34px;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;align-items:center;gap:12px;color:#8b858c;font-size:13px}.breadcrumbs strong{color:var(--ink)}.global-search{display:flex;align-items:center;gap:8px;height:38px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#fafafa;color:#8c868c}.global-search input{width:100%;border:0;outline:0;background:transparent;font-size:13px}.account{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:7px}.account #wallet{position:relative;display:flex;align-items:center;gap:5px;padding:8px 26px 8px 11px;border:1px solid var(--line);border-radius:11px;color:var(--ink);text-decoration:none;font-size:11px}.account #wallet small{color:#8e888e}.account #wallet i{position:absolute;right:10px;width:7px;height:7px;border-radius:50%;background:#bbb}.account #wallet i.live{background:#24b85a;box-shadow:0 0 0 3px #24b85a1c}.account-button{display:flex;align-items:center;gap:7px;padding:3px;border:0;background:transparent}.account-button i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#251c29;color:#fff;font-style:normal}.account-button span{display:none}.account-menu{position:absolute;z-index:40;right:0;top:46px;width:210px;padding:7px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 18px 60px #2d253018}.account-menu a,.account-menu button{display:block;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;color:#39343a;text-align:left;text-decoration:none;font-size:12px}.account-menu a:hover,.account-menu button:hover{background:#f3f1f3}.workspace,.history{width:min(1380px,calc(100% - 64px));margin:0 auto;padding-top:54px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between}.page-heading p{margin:0 0 6px;color:#8d878d;font-size:10px;font-weight:800;letter-spacing:.16em}.page-heading h1{margin:0;font:800 32px Manrope}.new-generation{padding:10px 14px;border:0;border-radius:10px;background:#191719;color:#fff;font-size:12px;font-weight:700}.page-tabs{display:flex;gap:24px;margin-top:25px;border-bottom:1px solid var(--line)}.page-tabs button{padding:0 2px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#7f797f;font-weight:600}.page-tabs .active{border-color:#171518;color:#171518}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.feature-card{position:relative;min-height:184px;overflow:hidden;padding:25px;border:1px solid var(--line);border-radius:19px;background:#f7f6f7}.feature-card>div:first-child{position:relative;z-index:2;width:56%}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.14em;color:#817a81}.feature-card h2{margin:8px 0 6px;font:700 20px Manrope}.feature-card p{margin:0;color:#7b757c;font-size:12px;line-height:1.5}.feature-card button{margin-top:17px;padding:8px 12px;border:1px solid #dad6da;border-radius:9px;background:#fff;font-size:11px;font-weight:700}.character-card{background:linear-gradient(125deg,#f5f2ef,#e9e0db)}.portrait-stack{position:absolute;inset:12px 8px 0 53%}.portrait{position:absolute;bottom:0;width:145px;height:165px;border-radius:70px 70px 14px 14px;background-size:cover;background-position:center;box-shadow:0 7px 20px #2a15142c}.p-one{right:90px;transform:rotate(-5deg);background-image:url('https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=500&q=85')}.p-two{right:5px;transform:rotate(4deg);background-image:url('https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=500&q=85')}.voice-card{color:#fff;background:radial-gradient(circle at 75% 35%,#9546d4,#31223d 52%,#17131d)}.voice-card .eyebrow,.voice-card p{color:#d6cadb}.voice-card button{border-color:#ffffff32;background:#ffffff12;color:#fff}.wave-art{position:absolute;right:8%;top:28px;height:125px;display:flex;align-items:center;gap:9px}.wave-art i{display:block;width:8px;border-radius:8px;background:linear-gradient(#e7c5ff,#8c4bc3);box-shadow:0 0 24px #bb79f3}.wave-art i:nth-child(1),.wave-art i:nth-child(7){height:28px}.wave-art i:nth-child(2),.wave-art i:nth-child(6){height:64px}.wave-art i:nth-child(3),.wave-art i:nth-child(5){height:102px}.wave-art i:nth-child(4){height:135px}.discover-bar{display:flex;align-items:center;gap:8px;margin-top:18px;padding:8px 9px 8px 15px;border:1px solid var(--line);border-radius:13px}.discover-bar input{flex:1;border:0;outline:0;font-size:13px}.discover-bar button{padding:6px 10px;border:1px solid var(--line);border-radius:16px;background:#fff;font-size:10px}.gallery-head{display:flex;align-items:end;justify-content:space-between;margin:28px 0 13px}.gallery-head h2{margin:0;font:700 18px Manrope}.gallery-head p{margin:5px 0 0;color:#8b858b;font-size:11px}.gallery-head button{border:0;background:transparent;color:#5f5960;font-size:11px;font-weight:700}.inspiration-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:200px 200px;gap:12px}.inspiration{position:relative;overflow:hidden;border-radius:14px;background-size:cover;background-position:center;transition:transform .25s}.inspiration:hover{transform:translateY(-3px)}.inspiration:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0009)}.inspiration span{position:absolute;z-index:2;left:16px;bottom:14px;color:#fff;font-size:12px;font-weight:700}.inspiration.tall{grid-row:1/3}.inspiration-one{background-image:url('https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=900&q=85')}.inspiration-two{background-image:url('https://images.unsplash.com/photo-1494438639946-1ebd1d20bf85?auto=format&fit=crop&w=900&q=85')}.inspiration-three{background-image:url('https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=900&q=85')}.inspiration-four{grid-column:2/4;background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=85')}.composer{position:fixed;z-index:15;left:calc(var(--sidebar) + (100vw - var(--sidebar))/2);bottom:22px;width:min(820px,calc(100vw - var(--sidebar) - 50px));transform:translateX(-50%);padding:11px;border:1px solid #d8d4d8;border-radius:22px;background:#fbfafbf2;box-shadow:0 24px 70px #241c2633;backdrop-filter:blur(20px)}.idea-chips{position:absolute;left:0;bottom:calc(100% + 10px);display:flex;gap:7px}.idea-chips button{white-space:nowrap;padding:8px 12px;border:1px solid #d8d4d8;border-radius:18px;background:#fff;color:#4f4a50;font-size:10px;box-shadow:0 5px 14px #0000000c}.mode-row{display:flex;align-items:center;justify-content:space-between}.mode-switch{display:flex;padding:3px;border-radius:11px;background:#eeecee}.mode-switch button{padding:7px 13px;border:0;border-radius:8px;background:transparent;color:#8b858b;font-size:10px}.mode-switch .active{background:#fff;color:#171518;box-shadow:0 1px 3px #0002}.composer-title{font-size:10px;font-weight:700;color:#817b81}.brand-kit{padding:7px 10px;border:1px solid #ddd9dd;border-radius:9px;background:#fff;font-size:10px}.references{display:flex;gap:8px;margin-top:9px}.reference{position:relative;width:104px;height:71px;padding:7px;border:0;border-radius:13px;background:#efedef;color:#716c72;display:grid;place-items:center;align-content:center;gap:2px;text-align:center}.reference input{position:absolute;inset:0;opacity:0;cursor:pointer}.reference span{font-size:16px}.reference b{font-size:9px}.reference small{max-width:94px;overflow:hidden;color:#9d979d;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.reference.has-file{outline:2px solid #8b4ac6;background:#f4ebfa;color:#7132a9}.reference:disabled{opacity:.62;cursor:not-allowed}.audio-bars{font-size:12px!important;letter-spacing:2px}.composer textarea{width:100%;height:58px;padding:12px 7px;border:0;outline:0;resize:none;background:transparent;font-size:12px}.settings{display:flex;align-items:center;gap:6px}.setting{height:34px;border:0;border-radius:9px;background:#eeecee;color:#575258}.setting select{height:100%;padding:0 8px;border:0;outline:0;background:transparent;color:inherit;font-size:9px}.model-setting{display:flex;align-items:center;gap:6px;padding:0 10px}.model-setting b{font-size:9px}.sound{display:flex;align-items:center;gap:4px;font-size:9px}.sound input{display:none}.generate{display:flex;align-items:center;gap:9px;margin-left:auto;padding:4px 5px 4px 11px;border:0;border-radius:16px;background:#151316;color:#fff;font-size:9px;font-weight:700}.generate b{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#fff;color:#151316;font-size:15px}.generate:disabled{opacity:.55}.preview-drawer{position:fixed;z-index:18;inset:100px 40px 100px calc(var(--sidebar) + 40px);display:grid;place-items:center;overflow:hidden;border-radius:18px;background:#151218;color:#fff;box-shadow:0 30px 100px #0005}.preview-drawer:has(#emptyPreview:not([hidden])){display:none}.preview-drawer img,.preview-drawer video{width:100%;height:100%;object-fit:contain}.close-preview{position:absolute;z-index:3;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#ffffff20;color:#fff;font-size:20px}.job-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#161219e8}.job-state b{margin-top:14px}.job-state small{margin-top:6px;color:#b5adb6}.spinner{width:32px;height:32px;border:3px solid #ffffff30;border-top-color:#b76eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.history{padding-top:55px}.history-title{display:flex;align-items:center;gap:15px}.history-title small{font-size:9px;letter-spacing:.14em;color:#806e84}.history-title h2{margin:5px 0;font:800 29px Manrope}.history-title p{margin:0;color:#8c858d;font-size:11px}.history-title>span{margin-left:auto;padding:7px 10px;border-radius:14px;background:#eeecef;font-size:9px}.history-title button{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:10px}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.history-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.history-card video,.history-placeholder{display:grid;width:100%;aspect-ratio:16/9;place-items:center;background:#19151c;color:#ccc}.history-card div{padding:11px}.history-card p{overflow:hidden;margin:0;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.history-card small{color:#918991;font-size:9px}.history-card .status-pill{position:absolute;z-index:2;top:9px;left:9px;padding:5px 7px;border-radius:10px;background:#19151bcc;color:#fff;font-size:8px}.history-card .card-actions{display:flex;gap:7px;padding-top:0}.history-card .card-actions a{padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:#4b454d;text-decoration:none;font-size:9px}.history-empty{grid-column:1/-1;padding:70px;border:1px dashed #d2ccd1;border-radius:18px;text-align:center;color:#898289}.history-empty b{display:block;margin-bottom:8px;color:#413b43}.backdrop{position:fixed;inset:0;z-index:29;background:#1811194d;backdrop-filter:blur(3px)}.model-picker{position:fixed;z-index:30;top:50%;left:50%;width:min(650px,calc(100% - 30px));max-height:78vh;padding:18px;transform:translate(-50%,-50%);border:1px solid #ded9dd;border-radius:20px;background:#fff;box-shadow:0 28px 80px #1b111f44}.picker-head{display:flex;justify-content:space-between}.picker-head h2{margin:4px 0}.picker-head button{width:40px;height:40px;border:0;border-radius:10px;background:#f2eff2;font-size:20px}#toast{position:fixed;z-index:50;right:22px;bottom:22px;padding:12px 15px;border-radius:11px;background:#211724;color:#fff;font-size:11px;opacity:0;transform:translateY(8px);transition:.2s}#toast.show{opacity:1;transform:none}@media(max-width:1000px){:root{--sidebar:80px}.logo img{width:45px}.rail nav button,.rail nav a,.rail-foot button{justify-content:center}.rail nav button span:last-child,.rail nav a span:last-child,.rail-foot button span:last-child,.mini-balance{display:none}.feature-row{grid-template-columns:1fr}.global-search{display:none}header{grid-template-columns:1fr 1fr}.inspiration-grid{grid-template-columns:1fr 1fr}.inspiration-four{grid-column:auto}.workspace,.history{width:calc(100% - 32px)}}@media(max-width:650px){:root{--sidebar:0px}.rail{inset:auto 0 0;width:100%;height:65px;z-index:25;flex-direction:row;padding:7px}.logo,.rail-foot{display:none}.rail nav{display:flex;width:100%;justify-content:space-around;margin:0}.rail nav button,.rail nav a{width:auto;height:50px}main{margin-left:0;padding-bottom:260px}.announcement{font-size:10px}header{padding:0 15px}.breadcrumbs span,.breadcrumbs b,.account #wallet small{display:none}.workspace,.history{padding-top:30px}.feature-card{min-height:210px}.feature-card>div:first-child{width:68%}.portrait-stack{opacity:.7}.inspiration-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px}.inspiration.tall{grid-row:auto}.composer{left:12px;bottom:75px;width:calc(100% - 24px);transform:none}.idea-chips{width:100%;overflow:auto}.references{overflow:auto}.reference{min-width:90px}.composer-title{display:none}.preview-drawer{inset:70px 12px 240px}.history-grid{grid-template-columns:1fr}}