@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap";pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{color-scheme:dark;font-family:Rajdhani,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg0: #010204;--bg1: #060913;--text0: rgba(255, 255, 255, .95);--text1: rgba(255, 255, 255, .65);--cyan: #00f0ff;--cyan2: rgba(0, 240, 255, .25);--blue: rgba(0, 162, 255, .9);--green: #00ffaa;--orange: #ffa64c;--magenta: #ff007f;--glass: rgba(8, 12, 24, .65);--glass2: rgba(8, 12, 24, .35);--stroke: rgba(0, 240, 255, .3);--stroke2: rgba(255, 255, 255, .05);--shadow: 0 18px 55px rgba(0, 0, 0, .65)}html,body,#root{height:100%;margin:0;background:radial-gradient(1400px 800px at 50% 20%,var(--bg1),var(--bg0));overflow:hidden}body:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}*{box-sizing:border-box}button,input{font:inherit}.app{height:100%;position:relative;z-index:1}.canvasWrap{position:absolute;inset:0}.overlay{position:absolute;inset:0;pointer-events:none}.hud{pointer-events:none;position:absolute;inset:0;display:grid;grid-template-columns:360px 1fr 360px;grid-template-rows:auto 1fr auto;padding:24px;gap:20px}.panel{pointer-events:auto;background:linear-gradient(135deg,var(--glass),var(--glass2));border:1px solid var(--stroke2);box-shadow:var(--shadow),inset 0 0 20px #00f0ff0d;border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.panel:hover{border-color:#00f0ff66;box-shadow:var(--shadow),0 0 30px #00f0ff1a,inset 0 0 20px #00f0ff1a}.panelGlow{position:relative}.panelGlow:before{content:"";position:absolute;inset:-1px;border-radius:20px;pointer-events:none;border:1px solid var(--stroke);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask-composite:exclude;-webkit-mask-composite:xor;opacity:.5;transition:opacity .3s}.panel:hover:before{opacity:1;border:1px solid var(--cyan)}.topBar{grid-column:1 / -1;display:flex;gap:10px;align-items:center;justify-content:space-between;pointer-events:auto}.brand{display:flex;align-items:center;gap:12px}.badge{display:inline-flex;gap:10px;align-items:center;padding:8px 16px;border-radius:999px;border:1px solid var(--stroke2);background:#0006;color:var(--text0);letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.dot{width:8px;height:8px;border-radius:999px;background:var(--cyan);box-shadow:0 0 12px var(--cyan),0 0 24px var(--cyan);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.6;transform:scale(.8)}}.leftCol{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:20px}.rightCol{grid-column:3;grid-row:2;display:flex;flex-direction:column;gap:20px}.chatDock{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:flex-end}.chatComposer{pointer-events:auto;width:min(720px,100%);display:flex;gap:12px;padding:12px;border-radius:24px;background:linear-gradient(180deg,#0a0f1eb3,#05080fcc);border:1px solid rgba(0,240,255,.2);box-shadow:0 20px 40px #00000080,0 0 30px #00f0ff0d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:all .3s ease}.chatComposer:focus-within{border-color:var(--cyan);box-shadow:0 20px 40px #00000080,0 0 40px #00f0ff26;transform:translateY(-2px)}.chatComposer input{flex:1;padding:16px 20px;border-radius:16px;outline:none;border:1px solid rgba(255,255,255,.05);background:#0006;color:var(--text0);font-size:16px;font-weight:500;letter-spacing:.5px;transition:all .3s}.chatComposer input:focus{background:#0009;border-color:#00f0ff4d}.chatComposer input::placeholder{color:#ffffff4d}.iconBtn{width:54px;height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.05);background:#0006;color:var(--text0);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.iconBtn:hover{background:#ffffff1a;transform:scale(1.05)}.iconBtn:active{transform:scale(.95)}.iconBtnPrimary{border-color:#00f0ff66;background:linear-gradient(135deg,#00f0ff33,#00f0ff0d);color:var(--cyan);box-shadow:0 0 20px #00f0ff33}.iconBtnPrimary:hover{background:linear-gradient(135deg,#00f0ff4d,#00f0ff1a);box-shadow:0 0 30px #00f0ff66;color:#fff}.sectionTitle{padding:16px 20px;border-bottom:1px solid rgba(0,240,255,.15);display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(90deg,rgba(0,240,255,.05),transparent)}.sectionTitle h3{margin:0;font-size:14px;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;font-weight:700;text-shadow:0 0 10px rgba(0,240,255,.4)}.sectionBody{padding:16px 20px;color:var(--text1);font-size:14px;font-weight:500}.miniRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.miniRow:last-child{border-bottom:none}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--text0);font-weight:600;letter-spacing:.5px}.chatMessages{position:absolute;top:100px;left:50%;transform:translate(-50%);width:min(700px,100%);max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px;pointer-events:none;padding:20px;scrollbar-width:thin;scrollbar-color:var(--cyan) transparent}.chatMessages::-webkit-scrollbar{width:4px}.chatMessages::-webkit-scrollbar-thumb{background:var(--cyan);border-radius:4px}.messageBubble{pointer-events:auto;padding:16px 20px;border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:16px;line-height:1.5;max-width:85%;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 25px #0006;display:flex;flex-direction:column;gap:8px}.msgHeader{display:flex;justify-content:space-between;align-items:center;font-size:11px;opacity:.6;letter-spacing:1px;margin-bottom:4px}.msgHeader .time{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.messageBubble.user{align-self:flex-end;background:#ffffff0d;border-bottom-right-radius:4px;color:var(--text0)}.messageBubble.assistant{align-self:flex-start;background:linear-gradient(135deg,#00f0ff26,#00f0ff0d);border-color:#00f0ff4d;border-bottom-left-radius:4px;color:#fff;box-shadow:0 4px 20px #00f0ff1a}.messageBubble.thinking{background:#0006;border-style:dashed;min-width:240px}.thinkingContent{display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.thinkingContent .dots{display:flex;gap:4px}.thinkingContent .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.scanner{position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--cyan2),transparent);width:50%;height:100%;animation:scan 2s infinite ease-in-out;pointer-events:none}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(200%)}}.btnHover:hover{filter:brightness(1.3);transform:translateY(-1px)}.iconBtn.active{color:var(--cyan)!important;background:#00f0ff1a;box-shadow:0 0 15px #00f0ff4d}.speakerIndicator{margin:0 10px;display:flex;align-items:center;justify-content:center}@keyframes pulse{0%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.4;transform:scale(1)}}.listening-glow{animation:pulse 1.5s infinite ease-in-out;color:var(--cyan)}.imageStudio,.codeStudio{background:#0a0f1ed9;border:1px solid rgba(0,240,255,.2);border-radius:16px;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow);display:flex;flex-direction:column}.studioHeader{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#00f0ff0d;border-bottom:1px solid rgba(0,240,255,.1)}.studioTitle{font-weight:700;font-size:14px;letter-spacing:1px}.studioBody{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.studioSection{display:flex;flex-direction:column;gap:8px}.studioLabel{font-size:12px;color:var(--cyan);font-weight:600;letter-spacing:1px}.studioTextarea{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;color:var(--text0);font-family:inherit;font-size:14px;resize:vertical;outline:none}.studioTextarea:focus{border-color:var(--cyan)}.quickPrompts{display:flex;flex-wrap:wrap;gap:8px}.quickPromptBtn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 10px;color:var(--text1);font-size:12px;cursor:pointer}.quickPromptBtn:hover{background:#00f0ff1a;border-color:#00f0ff4d;color:var(--cyan)}.styleGrid,.modeGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.styleBtn,.modeBtn{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;color:var(--text1);font-size:12px;cursor:pointer;transition:all .2s}.styleBtn.active,.modeBtn.active{background:#00f0ff1a;border-color:var(--cyan);color:var(--cyan)}.studioSlider{width:100%}.generateBtn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#00f0ff33,#00f0ff1a);border:1px solid var(--cyan);border-radius:8px;padding:12px;color:var(--cyan);font-weight:700;cursor:pointer;margin-top:8px}.generateBtn:disabled{opacity:.5;cursor:not-allowed}.studioSelect{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;color:var(--text0);font-family:inherit;width:100%;outline:none}.codeGenerateBtn{border-color:var(--green);color:var(--green);background:linear-gradient(135deg,#0fa3,#00ffaa1a)}.messageContent{display:flex;flex-direction:column;gap:12px}.textPart{display:flex;flex-direction:column;gap:8px}.textLine{margin:0}.codeBlock{background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;margin:8px 0}.codeBlockHeader{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.codeBlockLang{font-size:11px;color:var(--text1);text-transform:uppercase;font-family:monospace}.copyBtn{background:none;border:none;color:var(--text1);font-size:11px;cursor:pointer}.copyBtn:hover{color:var(--cyan)}.codeBlockPre{margin:0;padding:12px;overflow-x:auto;font-size:13px}.imageCard{border:1px solid rgba(0,240,255,.2);border-radius:8px;overflow:hidden;margin:8px 0;background:#0006;cursor:pointer;transition:all .3s}.imageCard:hover{border-color:var(--cyan)}.imageCard.expanded{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;height:90vh;z-index:1000;display:flex;flex-direction:column;background:var(--bg0);border:1px solid var(--cyan);box-shadow:0 0 50px #000c}.imageCard.expanded .generatedImage{max-height:calc(100% - 40px);object-fit:contain}.imageLoader{padding:40px;display:flex;flex-direction:column;align-items:center;gap:12px}.imageLoaderSpinner{width:24px;height:24px;border:2px solid rgba(0,240,255,.2);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generatedImage{width:100%;max-height:400px;object-fit:cover;display:block}.imageCardFooter{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0009;border-top:1px solid rgba(255,255,255,.1)}.imageLink{color:var(--cyan);font-size:11px;text-decoration:none}.imageLink:hover{text-decoration:underline}