:root{--bg:#0d0e20;--panel:#15172c;--panel2:#1a1c34;--line:rgba(255,255,255,.075);--text:#f5f5ff;--muted:#9294ad;--purple:#a58bff;--cyan:#5ad8e8;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}button{font:inherit;color:inherit}.app-shell{min-height:100vh}.sidebar{width:252px;background:#101124;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:27px 17px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);font:700 16px var(--display);letter-spacing:.3px;padding:0 8px}.brand-mark{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#8666ff,#cf68d8);display:grid;place-items:center;box-shadow:0 7px 22px #986bff40}.brand-mark svg{width:20px}.brand-ai{color:#b69fff}.brand small{display:block;font:600 8px var(--font);letter-spacing:2px;color:#777992;margin-top:3px}.new-chat{margin:29px 0 25px;border:1px solid #8069db65;background:linear-gradient(110deg,#7655dd30,#c05bc01c);border-radius:11px;padding:12px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700;cursor:pointer}.new-chat svg{width:16px}.nav-label,.section-kicker{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8587a3}.nav-label{padding:0 10px 10px}.main-nav{display:grid;gap:4px}.nav-item{height:42px;border:0;background:transparent;color:#a4a6bd;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 11px;text-align:left;cursor:pointer;transition:.2s}.nav-item svg{width:17px;height:17px}.nav-item:hover{background:#ffffff0a;color:#fff}.nav-item.active{background:linear-gradient(90deg,#795be52b,#795be50b);color:#c2b2ff;box-shadow:inset 2px 0 #a58bff}.nav-item span:nth-child(2){flex:1}.nav-dot{width:6px;height:6px;border-radius:50%;background:#64d9bd}.soon{font-size:8px;letter-spacing:.7px;color:#a18ae8;background:#8e73ed1c;padding:4px 5px;border-radius:5px}.sidebar-bottom{margin-top:auto}.plan-card{display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(120deg,#7857d922,#d45da018);border:1px solid #a38aff22;border-radius:11px;margin-bottom:16px}.plan-icon{width:31px;height:31px;border-radius:9px;background:#9678f32b;color:#c3adff;display:grid;place-items:center}.plan-icon svg{width:16px}.plan-card strong,.profile strong{font-size:11px;display:block}.plan-card small,.profile small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.profile{border-top:1px solid var(--line);padding:16px 3px 0;display:flex;align-items:center;gap:9px}.avatar,.top-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#8062e9,#d36cba);display:grid;place-items:center;font-weight:700}.profile>div:nth-child(2){flex:1}.profile>svg{width:15px;color:var(--muted)}.main-area{margin-left:252px;min-height:100vh}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#0d0e20eF;position:sticky;top:0;z-index:5;backdrop-filter:blur(18px)}.breadcrumbs,.top-actions{display:flex;align-items:center;gap:11px}.breadcrumbs{color:var(--muted);font-size:12px}.breadcrumbs svg{width:13px}.breadcrumbs strong{color:#e8e7f5;font-weight:600}.top-actions{gap:17px}.status{font-size:10px;color:#9c9db4;display:flex;align-items:center;gap:7px}.status span{width:6px;height:6px;border-radius:50%;background:#56d7b1;box-shadow:0 0 10px #56d7b1}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#ffffff05;display:grid;place-items:center;color:#a8a9bf;cursor:pointer}.icon-button svg{width:16px}.top-avatar{width:30px;height:30px;border-radius:9px;font-size:12px}.mobile-menu{display:none}.page{display:none;max-width:1260px;margin:auto;padding:42px 46px 22px}.active-page{display:block}.welcome-row{display:flex;align-items:center;justify-content:space-between;min-height:230px;position:relative}.eyebrow{display:flex;align-items:center;gap:9px;color:#aaa0e9;font-size:9px;letter-spacing:2px;font-weight:700}.eyebrow-line{height:1px;width:22px;background:#a18bff}.welcome-row h1{font:700 clamp(38px,4vw,54px)/1.05 var(--display);letter-spacing:-2px;margin:17px 0 13px}.gradient-text{background:linear-gradient(95deg,#a98dff 5%,#6edce4 55%,#e48acb);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome-copy{color:#a0a1b8;margin:0;font-size:13px}.welcome-art{width:240px;height:205px;position:relative;margin-right:65px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:155px;height:155px;top:22px;left:42px;background:radial-gradient(circle at 32% 27%,#e6a7ff,#9068f0 42%,#342c80 75%);box-shadow:0 0 65px #9268f066}.orb-two{width:106px;height:106px;top:67px;left:112px;background:radial-gradient(circle at 35% 30%,#a1fff3,#42a9c7 45%,#5550aa);opacity:.88;mix-blend-mode:screen}.orb-core{position:absolute;top:83px;left:93px;width:47px;height:47px;border:1px solid #ffffff70;background:#ffffff20;backdrop-filter:blur(9px);border-radius:15px;display:grid;place-items:center}.orb-core svg{width:24px}.art-star{position:absolute;color:#d6bfff}.star-a{top:22px;right:26px;font-size:24px}.star-b{bottom:26px;left:26px;font-size:29px}.quick-prompt{margin:20px 0 44px;padding:17px 19px;border:1px solid #a28aff38;background:linear-gradient(105deg,#7958db20,#1c8fa41b,#d65fa619);border-radius:14px;display:flex;align-items:center;gap:14px}.prompt-icon{width:39px;height:39px;border-radius:12px;background:#9b7bf32a;color:#c7b5ff;display:grid;place-items:center}.prompt-icon svg{width:19px}.prompt-content{flex:1}.prompt-content strong{font-size:13px;display:block}.prompt-content span{display:block;color:#999bb3;font-size:11px;margin-top:4px}.prompt-action{border:1px solid #a58bff55;border-radius:9px;background:#9c7af52a;padding:10px 13px;color:#d0c2ff;font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer}.prompt-action svg{width:14px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px}.section-heading h2{font:600 23px var(--display);margin:7px 0 5px;letter-spacing:-.5px}.section-heading p{margin:0;color:var(--muted);font-size:11px}.tool-count{font-size:9px;color:#a69ae0;letter-spacing:1px;border:1px solid #9d83ed36;padding:7px 9px;border-radius:7px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tool-card{min-height:190px;text-align:left;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;padding:17px;background:linear-gradient(145deg,#191a31,#141528);display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.tool-card:before{content:"";position:absolute;width:120px;height:120px;right:-55px;top:-62px;border-radius:50%;background:var(--glow);filter:blur(28px);opacity:.25}.tool-card:hover{transform:translateY(-3px);border-color:var(--accent);background:linear-gradient(145deg,#20203b,#17182d)}.tool-icon{width:39px;height:39px;border-radius:12px;background:var(--tint);color:var(--accent);display:grid;place-items:center;margin-bottom:13px}.tool-icon svg{width:19px}.tool-tag{font-size:8px;letter-spacing:1.3px;color:var(--accent);font-weight:700}.tool-card strong{font:600 17px var(--display);margin-top:5px}.tool-card small{font-size:10px;line-height:1.55;color:#999bb3;margin-top:6px;max-width:245px}.tool-link{display:flex;align-items:center;gap:6px;color:#c4b5ff;font-size:10px;font-weight:700;margin-top:auto;padding-top:13px}.tool-link svg{width:13px}.tool-chat{--accent:#ad91ff;--tint:#9b7aff22;--glow:#9b7aff}.tool-video{--accent:#f28cb8;--tint:#ee72a222;--glow:#e96aa3}.tool-image{--accent:#75c8ff;--tint:#5aaff322;--glow:#55a9f4}.tool-voice{--accent:#5fe0c1;--tint:#45d4ae22;--glow:#45d4ae}.tool-code{--accent:#f2b66f;--tint:#e9a34b22;--glow:#e9a34b}.tool-docs{--accent:#7fafff;--tint:#6495f522;--glow:#6495f5}.tool-music{--accent:#d59aff;--tint:#ba76ef22;--glow:#ba76ef}.tool-web{--accent:#65d6dd;--tint:#4ac4cb22;--glow:#4ac4cb}.tool-edit{--accent:#f18e9a;--tint:#e8798522;--glow:#e87985}.bottom-banner{margin-top:27px;border:1px solid #a48aff25;border-radius:13px;background:linear-gradient(100deg,#7959df20,#2a8ca31a,#c75b9d17);padding:17px 19px;display:flex;align-items:center;gap:13px;position:relative;overflow:hidden}.banner-symbol{width:38px;height:38px;border-radius:11px;background:#a187f52b;color:#c7b6ff;display:grid;place-items:center}.banner-symbol svg{width:19px}.bottom-banner strong{font-size:12px}.bottom-banner p{margin:4px 0 0;color:#9c9db5;font-size:10px}.banner-spark{margin-left:auto;color:#d3b5ff;font-size:24px}footer{display:flex;justify-content:space-between;color:#777990;font-size:9px;padding:23px 2px 8px;letter-spacing:.3px}.tool-page{padding-top:35px}.back-link{display:flex;align-items:center;gap:8px;background:none;border:0;color:#aaa3d4;font-size:11px;cursor:pointer;padding:5px 0 23px}.back-link svg{width:15px}.tool-page-heading{display:flex;align-items:center;gap:16px;margin-bottom:28px}.large-tool-icon{width:55px;height:55px;border-radius:16px;background:#9b7aff22;color:#b79fff;display:grid;place-items:center}.large-tool-icon svg{width:25px}.tool-page-heading h1{font:700 31px var(--display);margin:5px 0}.tool-page-heading p{color:var(--muted);font-size:12px;margin:0}.workspace-card{max-width:850px;border:1px solid var(--line);border-radius:16px;background:#15172b;padding:23px}.workspace-label{font-size:11px;color:#d9d7ec;font-weight:700;margin-bottom:12px}.chat-box{min-height:270px;border:1px solid var(--line);border-radius:12px;padding:17px;background:#101124;display:flex;flex-direction:column;gap:13px}.welcome-message{max-width:510px;color:#c4c4d7;line-height:1.65;font-size:12px}.message-bubble{align-self:flex-end;max-width:75%;padding:10px 13px;border-radius:12px 12px 3px 12px;background:#7658d938;color:#eee9ff;font-size:12px;line-height:1.5}.reply-bubble{align-self:flex-start;max-width:85%;padding:10px 13px;border-radius:12px 12px 12px 3px;background:#ffffff0b;color:#c4c4d7;font-size:12px;line-height:1.6}.chat-compose{display:flex;gap:9px;margin-top:12px}.chat-compose input{min-width:0;flex:1;background:#101124;border:1px solid var(--line);border-radius:10px;padding:13px;color:white;outline:none;font:12px var(--font)}.chat-compose input:focus{border-color:#9277ed}.send-button{width:44px;border:0;border-radius:10px;background:linear-gradient(135deg,#8564e9,#b66bd0);display:grid;place-items:center;cursor:pointer}.send-button svg{width:17px}.notice{display:flex;gap:9px;color:#9294ad;font-size:10px;line-height:1.5;margin-top:14px}.notice svg{width:14px;flex-shrink:0;color:#a48cf4}.coming-panel{max-width:850px;min-height:250px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 85% 10%,#9a73ed18,transparent 35%),#15172b;display:grid;place-items:center;text-align:center;padding:35px}.coming-icon{width:57px;height:57px;margin:0 auto 15px;border-radius:18px;background:#9b7aff22;color:#bca7ff;display:grid;place-items:center}.coming-icon svg{width:25px}.coming-panel h2{font:600 20px var(--display);margin:0 0 8px}.coming-panel p{max-width:420px;color:var(--muted);font-size:11px;line-height:1.7;margin:0 auto}.coming-label{display:inline-block;margin-top:18px;padding:7px 10px;border:1px solid #a48aff38;border-radius:7px;color:#bbaaff;font-size:9px;letter-spacing:1px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#27233e;border:1px solid #a48aff55;color:#e9e2ff;padding:11px 16px;border-radius:10px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1100px){.page{padding-left:30px;padding-right:30px}.topbar{padding:0 30px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-art{margin-right:10px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .25s;box-shadow:20px 0 50px #0005}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.topbar{height:60px;padding:0 17px}.mobile-menu{display:grid}.breadcrumbs{margin-right:auto;margin-left:12px}.status{display:none}.top-actions{gap:9px}.page{padding:29px 18px 18px}.welcome-row{min-height:195px}.welcome-row h1{font-size:39px}.welcome-copy{max-width:310px;line-height:1.6}.welcome-art{position:absolute;right:-35px;top:0;transform:scale(.65);transform-origin:top right;opacity:.72}.quick-prompt{margin:14px 0 35px;padding:13px;gap:10px}.prompt-icon{width:34px;height:34px;flex-shrink:0}.prompt-content strong{font-size:11px}.prompt-content span{font-size:9px}.prompt-action{font-size:0;padding:10px}.prompt-action svg{width:16px}.section-heading h2{font-size:20px}.section-heading p{max-width:270px;line-height:1.5}.tool-grid{gap:9px}.tool-card{padding:13px;min-height:185px}.tool-card strong{font-size:15px}.tool-card small{font-size:9px}.tool-icon{width:35px;height:35px;margin-bottom:11px}.tool-tag{font-size:7px;letter-spacing:1px}.tool-link{font-size:9px}.bottom-banner{padding:13px}.bottom-banner p{max-width:245px;line-height:1.5}.banner-spark{display:none}footer{font-size:8px}.tool-page-heading h1{font-size:27px}.workspace-card{padding:14px}.chat-box{min-height:250px}}@media(max-width:380px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:165px}.welcome-row h1{font-size:35px}.tool-card small{font-size:10px}.tool-link{padding-top:10px}}