:root{--bg:#080a0e;--panel:#0f1218;--panel2:#141821;--line:#242a36;--line2:#303747;--text:#f4f6fb;--muted:#8e96a8;--soft:#b9c0cf;--accent:#8e7dff;--accent2:#42d8ff;--good:#4ee6a8;--danger:#ff6d86;--shadow:0 24px 80px rgba(0,0,0,.38);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 75% 10%,rgba(93,74,255,.13),transparent 28%),radial-gradient(circle at 45% 100%,rgba(27,175,255,.07),transparent 35%),var(--bg);color:var(--text)}body{height:100vh;overflow:hidden}button,textarea,input,select{font:inherit}.app-shell{height:100vh;display:grid;grid-template-columns:285px 1fr}.sidebar{background:rgba(10,12,17,.93);border-right:1px solid var(--line);padding:20px 15px 16px;display:flex;flex-direction:column;backdrop-filter:blur(18px);z-index:20}.brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 5px 17px}.brand{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:11px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#9f8cff,#5941e4 55%,#21c8ff);box-shadow:0 10px 30px rgba(104,79,255,.35);font-weight:900;font-size:21px}.brand strong{display:block;letter-spacing:.15em;font-size:14px}.brand small{display:block;color:#777f91;font-size:8px;letter-spacing:.17em;margin-top:3px}.new-btn{width:100%;border:1px solid #343a49;background:#171b24;color:#fff;border-radius:12px;padding:12px 14px;text-align:left;font-weight:750;cursor:pointer;transition:.2s}.new-btn:hover{background:#1d2230;border-color:#50586e}.new-btn span{font-size:18px;margin-right:8px}.nav-list{display:flex;flex-direction:column;gap:4px;margin-top:14px;overflow:auto}.nav-item{position:relative;display:grid;grid-template-columns:29px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:10px 10px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--soft);text-align:left;cursor:pointer}.nav-item>span{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;color:#848da0}.nav-item b{font-size:13px;color:#c5ccda}.nav-item small{font-size:10px;color:#70798c;margin-top:2px}.nav-item:hover{background:#121620}.nav-item.active{background:linear-gradient(90deg,rgba(130,107,255,.15),rgba(61,200,255,.04));border-color:#302c4d}.nav-item.active:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:2px;background:#8e7dff;border-radius:2px}.nav-item.active b,.nav-item.active>span{color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:13px}.status-card{display:flex;align-items:center;gap:9px;padding:10px}.status-card b,.status-card small{display:block}.status-card b{font-size:11px}.status-card small{font-size:9px;color:#6f788b;margin-top:2px}.status-dot{width:8px;height:8px;border-radius:50%;background:#f5bd57;box-shadow:0 0 12px currentColor}.status-dot.ok{background:var(--good)}.admin-link{display:block;padding:10px;color:#81899b;text-decoration:none;font-size:12px;border-radius:9px}.admin-link:hover{background:#131721;color:#fff}.workspace{min-width:0;display:grid;grid-template-rows:64px minmax(0,1fr) auto}.topbar{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(8,10,14,.65);backdrop-filter:blur(14px)}.mode-title span,.mode-title strong{display:block}.mode-title span{font-size:8px;letter-spacing:.18em;color:#71798d}.mode-title strong{font-size:14px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:13px}.online-pill{font-size:9px;letter-spacing:.11em;color:#98a1b4;border:1px solid #282e3a;border-radius:99px;padding:7px 9px}.online-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--good);margin-right:6px;box-shadow:0 0 9px rgba(78,230,168,.8)}.web-toggle{display:flex;align-items:center;gap:7px;font-size:11px;color:#848da0;cursor:pointer}.web-toggle input{display:none}.web-toggle span{width:31px;height:18px;border-radius:99px;background:#202632;border:1px solid #323a49;position:relative}.web-toggle span:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#7d8698;top:2px;left:2px;transition:.2s}.web-toggle input:checked+span{background:#322b65;border-color:#6557cb}.web-toggle input:checked+span:after{left:15px;background:#bdb4ff}.stage{min-height:0;overflow:auto;position:relative;padding:42px 24px 20px}.hero{max-width:900px;margin:4vh auto 0;text-align:center}.orb{width:94px;height:94px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.25),rgba(137,111,255,.12) 33%,rgba(20,23,36,.4) 67%);border:1px solid #37324d;box-shadow:0 0 80px rgba(112,84,255,.2),inset 0 0 30px rgba(86,64,208,.18)}.orb-core{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-weight:900;font-size:27px;background:linear-gradient(145deg,#a595ff,#5c49e8 58%,#2dd2ff);box-shadow:0 12px 30px rgba(72,54,182,.38)}.eyebrow{font-size:9px;letter-spacing:.26em;color:#717b91;font-weight:700}.hero h1{font-size:clamp(34px,5vw,62px);letter-spacing:-.055em;margin:10px 0 12px;line-height:1.03}.hero h1 span{background:linear-gradient(100deg,#b4a9ff,#70cfff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:670px;margin:0 auto;color:#929bad;font-size:14px;line-height:1.65}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:34px}.quick-grid button{min-height:91px;background:rgba(17,20,28,.78);border:1px solid #242a36;color:#fff;border-radius:13px;padding:15px;text-align:left;cursor:pointer;transition:.22s}.quick-grid button:hover{transform:translateY(-2px);border-color:#444c60;background:#151a25}.quick-grid b{font-size:12px;display:block}.quick-grid span{font-size:10px;color:#788195;display:block;margin-top:7px;line-height:1.4}.conversation{max-width:920px;margin:0 auto;padding-bottom:20px}.message{display:grid;grid-template-columns:34px 1fr;gap:12px;margin:0 0 24px}.avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#171c25;border:1px solid #2a313f;font-size:11px;font-weight:800}.message.assistant .avatar{background:linear-gradient(145deg,#7664ec,#3c6bc7)}.message-body{min-width:0}.message-meta{font-size:10px;color:#70798c;margin-bottom:6px}.message-content{font-size:14px;line-height:1.68;color:#d8ddea;white-space:pre-wrap;word-wrap:break-word}.message.user .message-content{color:#f6f7fb}.message-content code{background:#171b24;border:1px solid #282e3b;border-radius:5px;padding:1px 5px}.message-content pre{overflow:auto;padding:14px;background:#0c0f14;border:1px solid #232936;border-radius:12px;white-space:pre}.typing{display:inline-flex;gap:4px}.typing i{width:5px;height:5px;border-radius:50%;background:#8d96a8;animation:pulse 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes pulse{50%{opacity:.25;transform:translateY(-2px)}}.special-panel{max-width:900px;margin:0 auto}.studio-card{background:linear-gradient(145deg,rgba(19,23,32,.96),rgba(12,15,21,.96));border:1px solid #282f3c;border-radius:18px;padding:22px;box-shadow:var(--shadow)}.studio-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.studio-head h2{margin:0;font-size:20px}.studio-head p{margin:6px 0 0;color:#858fa2;font-size:12px;line-height:1.5}.studio-badge{font-size:9px;border:1px solid #3b3559;color:#bcb0ff;background:#18152a;border-radius:99px;padding:6px 8px;white-space:nowrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1/-1}.form-group label{font-size:10px;color:#8b94a6}.form-group textarea,.form-group select,.form-group input{width:100%;background:#0d1016;border:1px solid #29303d;color:#fff;border-radius:10px;padding:11px 12px;outline:none}.form-group textarea{min-height:130px;resize:vertical}.form-group textarea:focus,.form-group select:focus,.form-group input:focus{border-color:#6257a8}.primary-btn{border:0;background:linear-gradient(100deg,#7d69ed,#4b8ce3);color:white;border-radius:10px;padding:11px 16px;font-weight:750;cursor:pointer}.primary-btn:disabled,.send-btn:disabled{opacity:.45;cursor:not-allowed}.result-card{margin-top:16px;border:1px solid #29303d;background:#0d1016;border-radius:12px;padding:14px}.result-card img,.result-card video{width:100%;max-height:520px;object-fit:contain;border-radius:9px;background:#07090d}.result-actions{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.download-link{display:inline-flex;color:white;text-decoration:none;border:1px solid #333b4a;background:#181c26;border-radius:9px;padding:8px 11px;font-size:11px}.progress{height:7px;border-radius:99px;background:#212633;overflow:hidden;margin-top:12px}.progress>span{height:100%;display:block;background:linear-gradient(90deg,#7e6dee,#3bcfff);width:0;transition:.35s}.composer-wrap{padding:12px 24px 15px;background:linear-gradient(180deg,rgba(8,10,14,0),rgba(8,10,14,.98) 22%)}.composer{max-width:920px;margin:0 auto;background:#12161e;border:1px solid #2b3240;border-radius:17px;padding:11px 12px 9px;box-shadow:0 10px 35px rgba(0,0,0,.22)}.composer:focus-within{border-color:#484f65}.composer textarea{border:0;background:transparent;color:#fff;outline:0;width:100%;resize:none;max-height:160px;padding:4px 4px 9px;font-size:14px;line-height:1.5}.composer textarea::placeholder{color:#626b7d}.composer-row{display:flex;justify-content:space-between;align-items:center}.composer-tools{display:flex;gap:6px}.tool-chip,.mode-chip{border:1px solid #292f3c;background:#161b24;color:#818a9c;border-radius:8px;padding:6px 8px;font-size:9px}.tool-chip{cursor:pointer}.send-btn{width:34px;height:34px;border-radius:10px;border:0;background:#f2f4f8;color:#11141a;font-size:20px;font-weight:800;cursor:pointer}.disclaimer{text-align:center;color:#555d6e;font-size:8px;margin:7px 0 0}.toast{position:fixed;right:20px;bottom:20px;z-index:90;max-width:380px;padding:11px 14px;border-radius:10px;background:#181d27;border:1px solid #333b4a;color:#e8ebf2;font-size:11px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{border-color:#683544;color:#ffc3cf}.icon-btn{border:0;background:transparent;color:#aab1bf;font-size:20px;cursor:pointer}.menu-btn,.mobile-only{display:none}
@media(max-width:950px){.app-shell{grid-template-columns:230px 1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{overflow:hidden}.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:min(88vw,320px);transform:translateX(-105%);transition:.24s;box-shadow:25px 0 65px rgba(0,0,0,.48)}.sidebar.open{transform:none}.mobile-only,.menu-btn{display:block}.workspace{height:100vh}.topbar{padding:0 14px}.stage{padding:25px 14px 10px}.hero{margin-top:1vh}.hero h1{font-size:38px}.quick-grid{grid-template-columns:1fr 1fr}.composer-wrap{padding:10px 12px 12px}.online-pill{display:none}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}}
@media(max-width:470px){.quick-grid{grid-template-columns:1fr}.quick-grid button{min-height:70px}.orb{width:75px;height:75px}.orb-core{width:46px;height:46px}.hero-copy{font-size:12px}.stage{padding-top:18px}}