.ai-studio{box-sizing:border-box;background:linear-gradient(#161024f5,#0a0812fa);border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;width:100%;min-width:0;max-width:min(100%,440px);padding:16px 16px 14px;display:flex;overflow:visible;box-shadow:0 28px 70px #00000073}.ai-studio-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.ai-studio-kicker{letter-spacing:.16em;text-transform:uppercase;color:#c4b5fde6;margin:0 0 3px;font-size:10px;font-weight:700}.ai-studio-title{font-family:var(--font-display), var(--font-manrope), sans-serif;letter-spacing:-.02em;color:#fff;overflow-wrap:anywhere;margin:0;font-size:clamp(15px,1.8vw,18px);font-weight:650;line-height:1.3}.ai-studio-chip{color:#67e8f9;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#22d3ee1a;border:1px solid #22d3ee59;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.ai-tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.ai-tab{color:#ffffff8c;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;max-width:100%;padding:6px 10px;font-size:10px;font-weight:650;transition:all .2s}.ai-tab:hover{color:#fff;border-color:#a78bfa59}.ai-tab.is-active{color:#fff;background:#8b5cf62e;border-color:#a78bfa8c}.ai-prompt{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;min-width:0;margin-bottom:10px;padding:10px 12px}.ai-prompt-label{letter-spacing:.12em;text-transform:uppercase;color:#fff6;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.ai-prompt p{color:#ffffffe0;overflow-wrap:break-word;word-break:break-word;margin:0;font-size:13px;line-height:1.45}.ai-flow{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.ai-flow-item{align-items:center;gap:6px;min-width:0;display:inline-flex}.ai-step{color:#ffffff73;background:#ffffff08;border:1px solid #ffffff1a;border-radius:11px;align-items:center;gap:6px;padding:7px 10px;transition:border-color .25s,background .25s,color .25s;display:inline-flex}.ai-step strong{white-space:nowrap;font-size:11px;font-weight:650}.ai-step--done{color:#ddd6fe;background:#8b5cf61f;border-color:#a78bfa59}.ai-step--active{color:#a5f3fc;background:#22d3ee1f;border-color:#22d3ee80;box-shadow:0 0 0 3px #22d3ee1a}.ai-flow-line{background:#ffffff1f;border-radius:2px;flex-shrink:0;width:12px;height:2px}.ai-flow-line.is-on{background:linear-gradient(90deg,#a78bfa,#22d3ee)}.ai-output{background:linear-gradient(160deg,#8b5cf61f,#ffffff05);border:1px solid #a78bfa47;border-radius:14px;min-width:0;min-height:108px;margin-bottom:10px;padding:11px 12px}.ai-output-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;margin-bottom:8px;display:flex}.ai-output-top span{letter-spacing:.12em;text-transform:uppercase;color:#c4b5fdd9;flex-shrink:0;font-size:9px;font-weight:700}.ai-output-top em{font-style:normal;font-family:var(--font-mono), ui-monospace, monospace;color:#ffffff73;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.ai-output p{color:#ffffffdb;overflow-wrap:break-word;word-break:break-word;margin:0;font-size:13px;line-height:1.5}.ai-thinking{color:#ffffff80;align-items:center;gap:6px;padding-top:8px;display:inline-flex}.ai-thinking span{background:#a78bfa;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1s ease-in-out infinite ai-bounce}.ai-thinking span:nth-child(2){background:#e879f9;animation-delay:.15s}.ai-thinking span:nth-child(3){background:#22d3ee;animation-delay:.3s}.ai-thinking em{margin-left:4px;font-size:12px;font-style:normal}.ai-caps{flex-wrap:wrap;gap:6px;display:flex}.ai-cap{font-family:var(--font-mono), ui-monospace, monospace;color:#ffffff8c;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;padding:4px 8px;font-size:10px;transition:all .2s}.ai-cap:hover{color:#fff;border-color:#a78bfa66}.ai-cap.is-active{color:#fff;background:#22d3ee1f;border-color:#22d3ee80}.ai-caret{vertical-align:-.1em;background:#22d3ee;width:2px;height:.9em;margin-left:2px;animation:.8s step-end infinite ai-blink;display:inline-block}@keyframes ai-blink{50%{opacity:0}}@keyframes ai-bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@media (max-width:1023px){.ai-studio{max-width:100%}}@media (max-width:639px){.ai-studio{padding:14px 12px 12px}.ai-studio-chip,.ai-flow-line{display:none}.ai-output{min-height:100px}.ai-prompt p,.ai-output p{font-size:12.5px}}@media (min-width:1024px) and (max-height:820px){.ai-studio{padding:12px 14px 10px}.ai-prompt{margin-bottom:8px;padding:8px 10px}.ai-output{min-height:96px;margin-bottom:8px;padding:9px 10px}.ai-flow,.ai-tabs{margin-bottom:8px}.ai-studio-title{font-size:15px}}@media (prefers-reduced-motion:reduce){.ai-thinking span,.ai-caret{animation:none}}