.studio-board{--sb-bg:var(--ops-sheet);--sb-card:var(--ops-card);--sb-muted-bg:var(--ops-control);--sb-hover:var(--ops-hover-surface);--sb-active:var(--ops-control);--sb-ink:var(--ops-ink);--sb-muted:var(--ops-muted);--sb-dim:var(--ops-dim);--sb-line:var(--ops-line);--sb-action:var(--ops-invert);--sb-action-ink:var(--ops-invert-text);--sb-action-hover:var(--ops-accent-deep);--sb-green:var(--ops-brand-bright);--sb-on-green:var(--ops-on-bright);--sb-secondary-ink:var(--sb-muted);--sb-focus-ring:color-mix(in srgb, var(--sb-green) 16%, transparent);--sb-composer-border:var(--sb-line);--sb-composer-surface:var(--sb-card);--sb-placeholder:var(--sb-dim);width:100%;min-width:0;min-height:874px;color:var(--sb-ink);background:var(--sb-bg);grid-template-columns:56px 256px minmax(0,1fr);font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5;display:grid;overflow:hidden;container:studio/inline-size}.studio-board *,.studio-board :before,.studio-board :after{box-sizing:border-box}.studio-board button,.studio-board input{color:inherit;font:inherit;background:0 0;border:0;margin:0}.studio-board button{cursor:pointer}.studio-board-rail{border-right:1px solid var(--sb-line);background:var(--sb-bg);flex-direction:column;align-items:center;min-height:0;display:flex}.studio-board-logo-button{place-items:center;width:40px;height:40px;display:grid;border-radius:8px!important;margin-top:8px!important}.studio-board-logo-button:hover{background:var(--sb-hover)}.studio-board-mark{border:1px solid var(--sb-green);width:32px;height:32px;color:var(--sb-on-green);background:var(--sb-green);border-radius:6px;place-items:center;display:grid}.studio-board-mark svg{width:19px;height:19px}.studio-board-side{border-right:1px solid var(--sb-line);background:var(--sb-bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-board-side-scroll{flex:1;min-height:0;padding:8px 0;overflow-y:auto}.studio-board-side hr{border:0;border-top:1px solid var(--sb-line);margin:8px 0}.studio-board-nav{gap:4px;padding:0 8px;display:grid}.studio-board-nav button{width:100%;min-height:32px;color:var(--sb-secondary-ink);text-align:left;letter-spacing:-.006em;border-radius:8px;align-items:center;gap:8px;padding:0 8px;display:flex}.studio-board-nav button:hover{color:var(--sb-ink)}.studio-board-nav button[aria-current=page]{color:var(--sb-ink);background:var(--sb-active)}.studio-board-nav svg{flex:none;width:16px;height:16px}.studio-board-foot{flex:none;gap:8px;padding:8px;display:grid}.studio-board-docs{min-height:32px;color:var(--sb-secondary-ink);border-radius:8px;justify-content:space-between;align-items:center;padding:0 8px;font-size:14px;display:flex}.studio-board-docs:hover{color:var(--sb-ink)}.studio-board-docs svg{width:14px;height:14px}.studio-board-main{background:var(--sb-bg);grid-template-rows:56px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.studio-board-head{border-bottom:1px solid var(--sb-line);background:var(--sb-bg);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 16px;display:flex}.studio-board-head p{min-width:0;color:var(--sb-muted);white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:14px;display:flex;overflow:hidden}.studio-board-head p strong{color:var(--sb-ink);font-weight:560}.studio-board-head p span{text-overflow:ellipsis;overflow:hidden}.studio-board-head>div{flex:none;align-items:center;gap:8px;display:flex}.studio-board-icon-btn{flex:none;place-items:center;width:36px;height:36px;display:grid;color:var(--sb-muted)!important;border-radius:8px!important}.studio-board-icon-btn:hover{color:var(--sb-ink)!important;background:var(--sb-hover)!important}.studio-board-icon-btn svg{width:17px;height:17px}.studio-board-new{min-height:36px;color:var(--sb-action-ink)!important;background:var(--sb-action)!important;border-radius:8px!important;padding:0 14px!important;font-weight:560!important}.studio-board-new:hover{background:var(--sb-action-hover)!important}.studio-board-workspace{grid-template-columns:minmax(0,1fr) minmax(220px,32%);min-width:0;min-height:0;display:grid;overflow:hidden}.studio-board-chat{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.studio-board-stage{align-content:center;min-height:0;padding:32px 32px 48px;display:grid}.studio-board-conversation{gap:20px;width:min(720px,100%);margin:0 auto;display:grid}.studio-board-turn{opacity:0;grid-template-columns:28px minmax(0,1fr);gap:10px;animation:10s ease-in-out infinite studio-conversation-turn;display:grid;transform:translateY(7px)}.studio-board-turn-user{animation-name:studio-conversation-user}.studio-board-turn-agent{animation-name:studio-conversation-agent}.studio-board-turn-result{animation-name:studio-conversation-result}.studio-board-avatar,.studio-board-agent-mark{border:1px solid var(--sb-line);width:28px;height:28px;color:var(--sb-muted);background:var(--sb-card);border-radius:7px;place-items:center;font-size:11px;font-weight:650;display:grid}.studio-board-agent-mark{color:var(--sb-action-ink);border-color:var(--sb-action);background:var(--sb-action)}.studio-board-agent-mark svg{width:14px;height:14px}.studio-board-turn strong{margin:3px 0 5px;font-size:12px;font-weight:620;line-height:1.3;display:block}.studio-board-turn p{max-width:62ch;color:var(--sb-muted);margin:0;font-size:14px;line-height:1.55}.studio-board-turn-user p{color:var(--sb-ink)}.studio-board-turn button{color:var(--sb-ink);align-items:center;gap:6px;margin-top:10px;font-size:12px;font-weight:560;display:inline-flex}.studio-board-turn button:hover{color:var(--sb-action)}.studio-board-turn button svg{width:13px;height:13px}.studio-board-tool-call{border:1px solid var(--sb-line);opacity:0;background:var(--sb-card);border-radius:8px;width:calc(100% - 38px);margin-left:38px;animation:10s ease-in-out infinite studio-conversation-tool;overflow:hidden;transform:translateY(7px)}.studio-board-tool-call header,.studio-board-tool-call footer{justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:0 12px;display:flex}.studio-board-tool-call header{border-bottom:1px solid var(--sb-line)}.studio-board-tool-call header span,.studio-board-tool-call header small,.studio-board-tool-call footer{align-items:center;gap:7px;display:flex}.studio-board-tool-call header span{font:560 12px var(--mono)}.studio-board-tool-call header svg{width:14px;height:14px;color:var(--sb-muted)}.studio-board-tool-call header small{color:var(--sb-muted);font-size:11px}.studio-board-tool-call header i{background:var(--sb-green);width:6px;height:6px;box-shadow:0 0 0 3px var(--sb-focus-ring);border-radius:50%;animation:1.4s ease-in-out infinite studio-tool-pulse}.studio-board-tool-call code{color:var(--sb-muted);background:var(--sb-muted-bg);font:500 11px/1.4 var(--mono);padding:11px 12px;display:block}.studio-board-tool-call footer{min-height:34px;color:var(--sb-muted);justify-content:flex-start;font-size:11px}.studio-board-tool-call footer svg{width:13px;height:13px;color:var(--sb-green)}@keyframes studio-conversation-user{0%,3%{opacity:0;transform:translateY(7px)}8%,90%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(-3px)}}@keyframes studio-conversation-agent{0%,18%{opacity:0;transform:translateY(7px)}24%,90%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(-3px)}}@keyframes studio-conversation-tool{0%,35%{opacity:0;transform:translateY(7px)}42%,90%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(-3px)}}@keyframes studio-conversation-result{0%,55%{opacity:0;transform:translateY(7px)}63%,90%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(-3px)}}@keyframes studio-tool-pulse{0%,to{opacity:.45}50%{opacity:1}}.studio-board-composer-wrap{background:var(--sb-bg);padding:8px 16px 16px}.studio-board-composer{border:1px solid var(--sb-composer-border);background:var(--sb-composer-surface);border-radius:12px;gap:6px;width:min(800px,100%);margin:0 auto;padding:6px;display:grid}.studio-board-composer input{width:100%;min-height:40px;color:var(--sb-ink);background:var(--sb-muted-bg);border-radius:8px;outline:none;padding:0 10px;font-size:14px}.studio-board-composer input::placeholder{color:var(--sb-placeholder)}.home-page .studio-board-composer input:focus,.home-page .studio-board-composer input:focus-visible{box-shadow:none;border-color:#0000;outline:none}.studio-board-composer-bar{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.studio-board-composer-bar>div{align-items:center;gap:4px;min-width:0;display:flex}.studio-board-attach{border:1px solid var(--sb-line)!important;background:0 0!important}.studio-board-model{align-items:center;gap:6px;min-height:32px;display:inline-flex;color:var(--sb-muted)!important;border-radius:8px!important;padding:0 8px!important;font-size:12px!important;font-weight:520!important}.studio-board-model:hover{color:var(--sb-ink)!important}.studio-board-model svg{width:12px;height:12px}.studio-board-send{place-items:center;width:36px;height:36px;display:grid;color:var(--sb-action-ink)!important;background:var(--sb-action)!important;border-radius:8px!important}.studio-board-send:hover{background:var(--sb-action-hover)!important}.studio-board-send:disabled{cursor:default;color:var(--sb-dim)!important;background:var(--sb-muted-bg)!important}.studio-board-send svg{width:17px;height:17px}.studio-board-sessions{border-left:1px solid var(--sb-line);background:var(--sb-bg);min-width:0;min-height:0;overflow:hidden}.studio-board-sessions nav{align-content:start;gap:2px;height:100%;padding:12px;display:grid;overflow-y:auto}.studio-board-sessions button{width:100%;min-width:0;min-height:36px;color:var(--sb-secondary-ink);text-align:left;border-radius:8px;align-items:center;gap:8px;padding:2px 8px 2px 10px;display:flex}.studio-board-sessions button:hover{color:var(--sb-ink)}.studio-board-sessions button[aria-current=page]{color:var(--sb-ink);background:var(--sb-active);font-weight:600}.studio-board-sessions button span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.studio-board-sessions button svg{opacity:0;flex:none;width:14px;height:14px}.studio-board-sessions button:hover svg{opacity:.75}@container studio (width<=1120px){.studio-board-workspace{grid-template-columns:minmax(0,1fr)}.studio-board-sessions{display:none}}@container studio (width<=840px){.studio-board{grid-template-columns:56px minmax(0,1fr)}.studio-board-side{display:none}}@container studio (width<=560px){.studio-board{grid-template-columns:48px minmax(0,1fr);min-height:782px}.studio-board-logo-button{width:40px}.studio-board-head{padding:0 10px}.studio-board-head p>span:last-child{display:none}.studio-board-new{padding:0 10px!important;font-size:12px!important}.studio-board-stage{padding-left:16px;padding-right:16px}.studio-board-conversation{gap:16px}.studio-board-turn p{font-size:13px}.studio-board-composer-wrap{padding-left:10px;padding-right:10px}}@media (prefers-reduced-motion:reduce){.studio-board-turn,.studio-board-tool-call{opacity:1;animation:none;transform:none}.studio-board-tool-call header i{animation:none}}