:root{--bg:#0a0e18;--panel:#111725;--panel2:#151c2d;--border:#273047;--text:#f4f6fb;--muted:#929bb0;--accent:#8b7cff;--accent2:#b5aaff;--bubble:#171f31;--shadow:0 20px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,textarea,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;background:#0c111d;border-right:1px solid var(--border);padding:18px;display:flex;flex-direction:column;gap:18px;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:4px 3px}.brand-mark{height:40px;width:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#5b4cff);font-weight:800;box-shadow:0 12px 35px rgba(139,124,255,.25)}.brand-name{font-weight:800}.brand-sub{color:var(--muted);font-size:11px;margin-top:2px}.new-chat,.primary-wide{background:var(--accent);color:white;border-radius:13px;padding:12px 14px;font-weight:700;box-shadow:0 12px 35px rgba(139,124,255,.22)}.new-chat span{font-size:18px;margin-right:6px}.nav-tabs{display:grid;gap:6px}.nav-item{padding:10px 11px;background:transparent;text-align:left;border-radius:10px;color:var(--muted);display:flex;gap:10px;align-items:center;font-weight:600}.nav-item.active,.nav-item:hover{color:var(--text);background:var(--panel2)}.side-section{min-height:0;flex:1}.section-title,.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#6f7891}.section-title{padding:4px 7px 9px}.chat-list{display:grid;gap:6px;max-height:45vh;overflow:auto}.chat-row{padding:10px;border-radius:10px;color:#bbc2d2;display:flex;gap:8px;align-items:center;font-size:12px}.chat-row:hover{background:#121a2a;color:var(--text)}.chat-row.active{background:#171e31;color:var(--text)}.chat-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom{display:grid;gap:10px}.ghost-btn{background:transparent;color:var(--muted);text-align:left;padding:10px 8px;border-radius:10px}.ghost-btn:hover{background:var(--panel2);color:var(--text)}.free-badge{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:#101725;border-radius:12px;padding:9px}.free-badge strong,.free-badge small{display:block}.free-badge strong{font-size:12px}.free-badge small{font-size:10px;color:var(--muted);margin-top:2px}.dot{height:8px;width:8px;border-radius:50%;background:#52d88a;box-shadow:0 0 12px #52d88a}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:66px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:rgba(10,14,24,.7);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.top-title{font-weight:700}.top-actions{display:flex;gap:8px}.icon-btn,.profile-btn{height:38px;width:38px;border-radius:11px;background:var(--panel);border:1px solid var(--border);display:grid;place-items:center}.profile-btn{background:var(--accent);border-color:transparent;font-weight:800}.mobile-menu{display:none}.view{display:none;flex:1}.view.active{display:block}.chat-wrap{max-width:980px;margin:0 auto;min-height:calc(100vh - 66px);display:flex;flex-direction:column;padding:30px 20px 20px}.welcome{text-align:center;margin:auto auto 22px;width:100%}.orb{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(135deg,rgba(139,124,255,.25),rgba(91,76,255,.13));border:1px solid rgba(139,124,255,.35);color:var(--accent2);font-size:25px;box-shadow:var(--shadow)}h1{font-size:40px;letter-spacing:-.04em;margin:0}.welcome p{max-width:650px;margin:12px auto 22px;color:var(--muted);line-height:1.7;font-size:14px}.prompt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.prompt-card{background:var(--panel);border:1px solid var(--border);padding:14px;text-align:left;border-radius:14px}.prompt-card:hover{border-color:#3a4663;transform:translateY(-1px)}.prompt-card strong,.prompt-card span{display:block}.prompt-card strong{font-size:12px}.prompt-card span{color:var(--muted);font-size:10px;margin-top:5px}.messages{display:grid;gap:16px;margin-bottom:20px}.message{display:flex;gap:10px;align-items:flex-start}.message.user{justify-content:flex-end}.message.user .bubble{background:var(--accent);color:white;border-radius:16px 16px 4px 16px}.message.assistant .bubble{background:var(--bubble);border:1px solid var(--border);border-radius:16px 16px 16px 4px}.avatar{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#1a2235;color:#bcb5ff;font-weight:800;font-size:12px;flex:0 0 auto}.user .avatar{order:2;background:#6457ea;color:white}.bubble{max-width:min(760px,82%);padding:13px 15px;line-height:1.65;white-space:pre-wrap;font-size:13px}.typing{display:inline-flex;gap:4px;padding:4px 0}.typing i{width:5px;height:5px;border-radius:50%;background:#7b849a;animation:b 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes b{50%{transform:translateY(-3px);opacity:.55}}.composer{margin-top:auto}.composer-box{border:1px solid var(--border);background:#0f1522;border-radius:18px;padding:10px;box-shadow:0 12px 45px rgba(0,0,0,.2)}textarea{resize:none;background:transparent;border:0;outline:0;color:var(--text);width:100%;line-height:1.5}.composer textarea{padding:7px 7px 2px;min-height:45px;max-height:160px}.composer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.left-tools{display:flex;align-items:center;gap:8px}.tool-btn{height:34px;width:34px;border-radius:10px;background:var(--panel2);border:1px solid var(--border)}.attachment-name{font-size:10px;color:var(--muted)}.send-btn{height:36px;width:36px;border-radius:11px;background:var(--accent);font-weight:800}.composer-note{text-align:center;color:#68718a;font-size:9px;margin-top:8px}.studio-wrap{max-width:1180px;margin:0 auto;padding:34px 22px 50px}.page-heading h2{font-size:34px;letter-spacing:-.035em;margin:8px 0}.page-heading p{color:var(--muted);margin-top:0;line-height:1.6}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.studio-panel,.preview-panel{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:18px}.studio-panel label{font-size:11px;font-weight:700}.studio-panel>textarea{background:#0e1421;border:1px solid var(--border);border-radius:12px;margin:9px 0 14px;padding:12px;min-height:170px}.control-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.control-row label{display:grid;gap:6px;color:var(--muted)}select,input[type=range]{width:100%;background:#0e1421;border:1px solid var(--border);color:var(--text);padding:10px;border-radius:10px}.primary-wide{width:100%;margin-top:15px;display:flex;justify-content:space-between}.small-note{font-size:10px;color:#6f7891;line-height:1.6}.preview-panel{min-height:470px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(139,124,255,.11),transparent 55%),#0d1320}.preview-empty{text-align:center;display:grid;gap:9px;color:var(--muted);max-width:310px}.preview-empty strong{color:var(--text);font-size:13px}.preview-empty span{font-size:11px;line-height:1.55}.play-ring{height:64px;width:64px;border:1px solid #3b4560;border-radius:20px;display:grid;place-items:center;margin:0 auto;color:var(--accent2)}.video-result{width:100%}.video-result h3{margin:0 0 12px}.scene{border-top:1px solid var(--border);padding:12px 0}.scene strong{font-size:12px}.scene p{font-size:11px;color:var(--muted);line-height:1.6;margin:5px 0 0}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.library-card{background:var(--panel);border:1px solid var(--border);padding:16px;border-radius:15px}.library-card strong{font-size:12px}.library-card p{font-size:10px;color:var(--muted);line-height:1.6}.dialog{background:#101725;color:var(--text);border:1px solid var(--border);border-radius:18px;width:min(470px,calc(100vw - 32px));padding:0;box-shadow:var(--shadow)}.dialog::backdrop{background:rgba(0,0,0,.7)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;padding:17px;border-bottom:1px solid var(--border)}.dialog-head strong,.dialog-head span{display:block}.dialog-head span{font-size:10px;color:var(--muted);margin-top:3px}.settings-body{padding:10px 17px 17px}.setting-row{padding:14px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:15px}.setting-row strong,.setting-row small{display:block}.setting-row small{color:var(--muted);font-size:10px;margin-top:4px}.setting-row select,.setting-row input{max-width:180px}.profile-card{padding:20px;display:flex;gap:12px;align-items:center}.avatar-large{height:54px;width:54px;border-radius:15px;background:var(--accent);display:grid;place-items:center;font-weight:800}.profile-card strong,.profile-card span{display:block}.profile-card span{color:var(--muted);font-size:10px;margin-top:4px}.danger-btn{margin:0 17px 17px;width:calc(100% - 34px);border:1px solid #6a3240;background:#29151c;color:#ff9bae;border-radius:11px;padding:10px;font-weight:700}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#1b2435;border:1px solid var(--border);padding:10px 14px;border-radius:12px;color:white;font-size:11px;opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}body.light{--bg:#f5f6fa;--panel:#fff;--panel2:#f0f2f7;--border:#e0e4ee;--text:#151a24;--muted:#667085;--bubble:#f7f8fb}.sidebar.compact{width:78px}.sidebar.compact .brand-name,.sidebar.compact .brand-sub,.sidebar.compact .new-chat,.sidebar.compact .nav-item:not(.active)::after,.sidebar.compact .section-title,.sidebar.compact .chat-list,.sidebar.compact .free-badge>div,.sidebar.compact .ghost-btn{font-size:0}.sidebar.compact .nav-item{justify-content:center}.sidebar.compact .nav-item span{font-size:15px}.sidebar.compact .ghost-btn span{font-size:15px}.sidebar.compact .brand-mark{margin:auto}@media(max-width:900px){.sidebar{position:fixed;z-index:12;left:-300px;top:0;bottom:0;transition:left .2s}.sidebar.open{left:0}.mobile-menu{display:grid}.studio-grid{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr 1fr}.prompt-grid{grid-template-columns:1fr 1fr}h1{font-size:31px}}@media(max-width:620px){.topbar{padding:0 13px}.chat-wrap{padding:18px 12px}.prompt-grid,.library-grid{grid-template-columns:1fr}.bubble{max-width:88%}.control-row{grid-template-columns:1fr}.page-heading h2{font-size:27px}}