:root{--sunken: #070c21;--base: #0b1230;--raised: #131c42;--overlay: #1a2450;--edge: rgba(255, 255, 255, .08);--hair: rgba(255, 255, 255, .07);--hair2: rgba(255, 255, 255, .14);--hi: #f2f4fb;--mid: #a8b0cc;--low: #6d77a0;--royal: #5d8bf4;--royal-d: #1553ea;--gold: #e8c776;--ok: #4ade9b;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--spring: cubic-bezier(.22, 1, .36, 1);--sans: "Assistant", system-ui, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--base);color:var(--hi);font-family:var(--sans);font-size:15.5px;line-height:1.6;direction:rtl;-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}:focus-visible{outline:2px solid var(--royal);outline-offset:2px;border-radius:4px}.mono{font-family:var(--mono);direction:ltr;unicode-bidi:isolate}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;cursor:pointer;background:radial-gradient(85% 65% at 50% 28%,#111b45,#070c21 72%);transition:opacity .45s ease,visibility .45s}#splash.done{opacity:0;visibility:hidden;pointer-events:none}.sp-in{display:grid;justify-items:center;gap:22px}.sp-logo{position:relative;width:78px;height:151px}.sp-logo:before{content:"";position:absolute;top:-48px;right:-48px;bottom:-48px;left:-48px;border-radius:50%;background:radial-gradient(circle,rgba(232,199,118,.2) 0%,rgba(21,83,234,.13) 45%,transparent 70%);filter:blur(4px);animation:glowpulse 2.4s ease-in-out infinite}@keyframes glowpulse{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}.sp-outline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sp-outline path{fill:none;stroke:var(--gold);stroke-width:.7;opacity:.9;stroke-dasharray:1;stroke-dashoffset:1;animation:kdraw .95s ease-out forwards}@keyframes kdraw{to{stroke-dashoffset:0}}.sp-fillwrap{position:absolute;left:0;right:0;bottom:0;height:0;overflow:hidden;animation:rise 1.5s cubic-bezier(.45,0,.2,1) .5s forwards}.sp-fillwrap svg{position:absolute;left:0;bottom:0;width:78px;height:151px}@keyframes rise{to{height:151px}}.sp-word{width:176px;color:var(--hi);opacity:0;animation:wfade .5s ease-out 1.5s forwards}.sp-word svg{width:100%;display:block}@keyframes wfade{to{opacity:1}}.sp-lines{display:grid;gap:5px;font-family:var(--mono);font-size:11px;color:var(--low);direction:ltr;text-align:left;min-height:52px}.sp-lines div{opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.sp-lines div.on{opacity:1;transform:none}.sp-lines .ok{color:var(--ok)}#glow{position:fixed;top:0;left:0;width:60px;height:60px;border-radius:50%;pointer-events:none;z-index:950;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,rgba(93,139,244,.34) 0%,rgba(93,139,244,.14) 38%,rgba(232,199,118,.07) 55%,transparent 70%);will-change:transform;transition:opacity .28s ease}#glow.on{opacity:1}@media(pointer:coarse){#glow{display:none}}.app{height:100vh;height:100dvh;display:grid;grid-template-rows:52px minmax(0,1fr)}.topbar{display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--hair);background:var(--base)}.brand{display:flex;align-items:center;gap:10px}.mark{width:26px;height:26px;border-radius:var(--r-sm);background:var(--royal-d);display:grid;place-items:center}.bword{width:100px;color:var(--hi);opacity:.94}.bword svg{width:100%;display:block}.topbar .grow{flex:1}.topbar .live{font-size:11.5px;color:var(--ok);border:1px solid rgba(74,222,155,.3);background:#4ade9b14;padding:2px 9px;border-radius:999px}.main{display:grid;grid-template-columns:400px minmax(0,1fr);min-height:0}.chat{display:flex;flex-direction:column;min-height:0;border-inline-start:1px solid var(--hair);background:var(--base)}.feed{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:13px}.feed::-webkit-scrollbar{width:8px}.feed::-webkit-scrollbar-thumb{background:var(--overlay);border-radius:999px}.msg{animation:rise2 .32s var(--spring) both}@keyframes rise2{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.msg.u .bub{background:var(--royal-d);border-radius:12px 12px 4px;padding:11px 14px;margin-inline-start:30px}.msg.a .bub{font-size:15.5px;line-height:1.6}.who{font-size:12px;color:var(--low);margin-bottom:5px;display:flex;align-items:center;gap:7px}.who i{width:16px;height:16px;border-radius:4px;background:var(--royal-d);display:grid;place-items:center;font-style:normal}.who i svg{width:8px;color:#fff;display:block}.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.chip-row button{font-size:13.5px;padding:7px 13px;border-radius:999px;border:1px solid var(--hair2);color:var(--mid);transition:color .15s,border-color .15s,background .15s,transform .18s var(--spring)}.chip-row button:hover{color:var(--hi);border-color:var(--royal);background:#5d8bf41f;transform:translateY(-1px)}.tdots{display:inline-flex;gap:5px;padding:3px 0}.tdots i{width:6px;height:6px;border-radius:50%;background:var(--mid);animation:tb 1.05s ease-in-out infinite}.tdots i:nth-child(2){animation-delay:.15s}.tdots i:nth-child(3){animation-delay:.3s}@keyframes tb{0%,60%,to{opacity:.45}30%{transform:translateY(-4px);opacity:1}}.comp{padding:12px 14px 14px;border-top:1px solid var(--hair)}.comp-box{border:1px solid var(--hair2);border-radius:var(--r-md);background:var(--raised);display:flex;align-items:flex-end;transition:border-color .15s}.comp-box:focus-within{border-color:var(--royal)}.comp textarea{flex:1;background:none;border:none;resize:none;color:var(--hi);font-family:inherit;font-size:15.5px;padding:11px 13px;outline:none;max-height:110px}.comp textarea::placeholder{color:var(--low)}.send{width:32px;height:32px;margin:6px;border-radius:9px;background:var(--royal-d);display:grid;place-items:center;color:#fff;transition:transform .12s var(--spring),filter .15s}.send:hover{filter:brightness(1.12)}.send:active{transform:scale(.93)}.stage{display:flex;flex-direction:column;min-height:0;background:var(--sunken)}.stbar{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-bottom:1px solid var(--hair);background:var(--base)}.dots{display:flex;gap:5px}.dots i{width:9px;height:9px;border-radius:999px;background:var(--overlay)}.stbar .url{flex:1;font-family:var(--mono);font-size:12px;color:var(--low);direction:ltr;text-align:center;background:var(--sunken);border:1px solid var(--hair);border-radius:999px;padding:4px 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stbar .badge{font-size:11.5px;color:var(--gold);border:1px solid rgba(232,199,118,.32);background:#e8c7761a;padding:2px 8px;border-radius:999px;flex:none}.preview{flex:1;min-height:0;display:grid;place-items:center;padding:20px;background:radial-gradient(60% 45% at 50% 0%,rgba(21,83,234,.12),transparent 62%)}.device{width:100%;max-width:940px;height:100%;border:1px solid var(--hair2);border-radius:var(--r-xl);overflow:hidden;box-shadow:0 24px 60px #0000006b;background:var(--sunken)}.device .frame{width:100%;height:100%;background:#f6f7fb}.device .sp-wrapper,.device .sp-layout,.device .sp-stack,.device .sp-preview-container{height:100%!important;min-height:0!important;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.device .sp-layout{display:block!important}.device .sp-preview-iframe{height:100%!important;min-height:0!important;background:#f6f7fb!important}.device .sp-preview-actions,.device .sp-preview-nav{display:none!important}.empty{position:relative;overflow:hidden;height:100%;display:grid;place-items:center;text-align:center;padding:28px}.empty:before,.empty:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(90px);pointer-events:none}.empty:before{background:#1553ea;opacity:.3;top:-130px;inset-inline-start:-90px;animation:blob1 15s ease-in-out infinite alternate}.empty:after{background:#8a6d1f;opacity:.16;bottom:-150px;inset-inline-end:-70px;animation:blob2 18s ease-in-out infinite alternate}@keyframes blob1{to{transform:translate(70px,45px) scale(1.16)}}@keyframes blob2{to{transform:translate(-55px,-35px) scale(1.1)}}.empty-in{position:relative;z-index:1;max-width:460px}.empty h2{font-size:38px;font-weight:300;line-height:1.12;margin:0 0 12px;letter-spacing:.01em}.tw{color:transparent;background:linear-gradient(100deg,#5d8bf4 10%,#9cb6fa 45%,#e8c776 90%);-webkit-background-clip:text;background-clip:text;font-weight:700}.tw-caret{display:inline-block;width:2px;height:.86em;margin-inline-start:3px;background:var(--gold);vertical-align:-.06em;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.empty p{color:var(--mid);font-size:15.5px;margin:0}.mtabs{display:none}@media(max-width:860px){.main{grid-template-columns:1fr;grid-template-rows:1fr auto}.chat{border-inline-start:none}.chat,.stage{grid-row:1;grid-column:1}.app.m-chat .stage,.app.m-preview .chat{display:none}.mtabs{display:flex;grid-row:2;border-top:1px solid var(--hair);background:var(--base)}.mtabs button{flex:1;padding:12px;font-size:14px;font-weight:600;color:var(--low)}.mtabs button.on{color:var(--hi);box-shadow:inset 0 2px 0 var(--royal)}.device{max-width:100%;border-radius:var(--r-lg)}.preview{padding:12px}.empty h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}#splash{display:none}}