html.studio-open,html.studio-open body{overflow:hidden}html.studio-open #feedback-btn{display:none}.studio-page .st-shell{--kb: 0px;--top-h: 52px;position:fixed;inset:0;z-index:400;display:flex;flex-direction:column;background:var(--bg);height:100dvh}.studio-page .st-shell[hidden]{display:none}.studio-page .st-top{height:var(--top-h);flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 12px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);background:var(--bg-elevated)}.studio-page .st-back,.studio-page .st-top-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 8px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;border-radius:var(--radius-sm)}.studio-page .st-back:hover,.studio-page .st-top-link:hover{color:var(--text);background:var(--bg-surface-hover)}.studio-page .st-top-link[hidden]{display:none}.studio-page .st-title{flex:1;min-width:0;font-weight:600;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-page .st-body{flex:1;min-height:0;position:relative;display:flex}.studio-page .st-preview{flex:1;min-width:0;position:relative;background:var(--bg-band)}.studio-page .st-frame{width:100%;height:100%;border:0;display:block;background:var(--bg)}.studio-page .st-frame[hidden]{display:none}.studio-page .st-preview-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:var(--text-tertiary);font-size:.9rem}.studio-page .st-preview-empty[hidden]{display:none}.studio-page .st-chat{display:flex;flex-direction:column;min-height:0;background:var(--bg-elevated)}.studio-page .st-handle{display:none}.studio-page .st-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:10px}.studio-page .st-msg{max-width:92%;font-size:.92rem;line-height:1.5;overflow-wrap:anywhere}.studio-page .st-msg-user{align-self:flex-end;padding:9px 13px;background:var(--accent-muted);border:1px solid var(--border-accent);border-radius:18px 18px 4px}.studio-page .st-msg-ai{align-self:flex-start;display:flex;flex-direction:column;gap:6px}.studio-page .st-msg-ai:empty{display:none}.studio-page .st-msg p,.studio-page .st-msg .dev-p{margin:0 0 6px}.studio-page .st-msg p:last-child{margin-bottom:0}.studio-page .st-msg .dev-list{margin:4px 0;padding-left:20px}.studio-page .st-msg code{font-family:var(--font-mono);font-size:.85em;background:var(--code-bg);padding:1px 4px;border-radius:4px}.studio-page .st-msg .dev-code{font-family:var(--font-mono);font-size:.8rem;background:var(--code-bg);padding:10px;border-radius:var(--radius-sm);overflow-x:auto;margin:4px 0}.studio-page .st-msg a{color:var(--accent-fg)}.studio-page .st-tool{display:flex;align-items:baseline;gap:8px;font-size:.8rem;color:var(--text-secondary)}.studio-page .st-tool-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--text-tertiary);transform:translateY(-1px)}.studio-page .st-tool.is-ok .st-tool-dot{background:var(--green)}.studio-page .st-tool.is-fail .st-tool-dot{background:var(--red)}.studio-page .st-tool.is-running .st-tool-dot{background:var(--accent);animation:st-pulse 1s ease-in-out infinite}.studio-page .st-tool-name{font-weight:600;color:var(--text);white-space:nowrap}.studio-page .st-tool-sum{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);overflow-wrap:anywhere}.studio-page .st-notice{font-size:.85rem;color:var(--text-secondary);padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.studio-page .st-notice p{margin:0}.studio-page .st-notice.is-error{color:var(--red);background:var(--red-dim);border-color:var(--red)}.studio-page .st-notice-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.studio-page .st-notice-actions .btn{min-height:40px}.studio-page .st-notice-link{display:inline-block;margin-top:6px;color:var(--accent-fg)}.studio-page .st-thinking{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-tertiary)}.studio-page .st-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:st-pulse 1s ease-in-out infinite}@keyframes st-pulse{50%{opacity:.3}}.studio-page .st-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.studio-page .st-chips-lead{font-size:.8rem;color:var(--text-tertiary);width:100%}.studio-page .st-chip{min-height:40px;padding:0 14px;font:inherit;font-size:.85rem;cursor:pointer;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-pill)}.studio-page .st-chip:hover{border-color:var(--border-hover)}.studio-page .st-setcard{padding:0 16px}.studio-page .st-setcard[hidden]{display:none}.studio-page .setcard{padding:12px 14px;margin-bottom:8px;border:1px solid var(--border-accent);border-radius:var(--radius);background:var(--accent-muted)}.studio-page .setcard-title{margin:0 0 8px;font-weight:600;font-size:.92rem}.studio-page .setcard-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.studio-page .setcard-list li{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:.88rem}.studio-page .setcard-label{color:var(--text-secondary)}.studio-page .setcard-val{overflow-wrap:anywhere}.studio-page .setcard-val s{color:var(--text-tertiary)}.studio-page .setcard-error{margin:8px 0 0;font-size:.85rem;color:var(--red)}.studio-page .setcard-actions{display:flex;gap:8px;margin-top:12px}.studio-page .setcard-actions .btn{flex:1;min-height:44px}.studio-page .st-form{display:flex;align-items:flex-end;gap:8px;padding:8px 16px 0}.studio-page .st-form textarea{flex:1;min-width:0;resize:none;max-height:140px;min-height:44px;padding:11px 14px;font:inherit;font-size:16px;line-height:1.35;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);border-radius:22px}.studio-page .st-form textarea:focus{outline:none;border-color:var(--accent)}.studio-page .st-send{width:44px;height:44px;padding:0;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.studio-page .st-send[hidden]{display:none}.studio-page .st-foot{display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 16px calc(6px + env(safe-area-inset-bottom));font-size:.78rem;color:var(--text-tertiary)}.studio-page .st-model{max-width:50%;min-height:32px;font:inherit;font-size:.8rem;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.studio-page .st-model[hidden],.studio-page .st-foot-btn[hidden]{display:none}.studio-page .st-meta{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-page .st-foot-btn{min-height:36px;padding:0 10px;font:inherit;font-size:.8rem;cursor:pointer;color:var(--text-secondary);background:none;border:1px solid var(--border);border-radius:var(--radius-pill)}.studio-page .st-toast{position:fixed;z-index:410;left:50%;transform:translate(-50%);bottom:calc(24px + var(--kb, 0px) + env(safe-area-inset-bottom));display:flex;align-items:center;gap:16px;padding:10px 10px 10px 18px;color:var(--text);background:var(--bg-surface);border:1px solid var(--border-hover);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);font-size:.9rem;max-width:calc(100vw - 32px)}.studio-page .st-toast[hidden]{display:none}.studio-page .st-toast-btn{min-height:40px;padding:0 16px;font:inherit;font-weight:600;cursor:pointer;color:var(--accent-fg);background:none;border:1px solid var(--border-accent);border-radius:var(--radius-pill)}@media(min-width:900px){.studio-page .st-chat{order:-1;width:420px;flex-shrink:0;border-right:1px solid var(--border)}.studio-page .st-toast{left:calc(420px + (100vw - 420px)/2)}}@media(max-width:899px){.studio-page .st-chat{position:absolute;left:0;right:0;bottom:var(--kb);max-height:calc(100dvh - var(--top-h) - var(--kb));border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg)}.studio-page .st-handle{display:flex;justify-content:center;align-items:center;width:100%;min-height:28px;padding:0;border:0;background:none;cursor:pointer}.studio-page .st-handle-bar{width:40px;height:4px;border-radius:2px;background:var(--border-hover)}.studio-page .st-log{display:none;padding:4px 16px 12px}.studio-page.is-expanded .st-chat{height:min(75dvh,calc(100dvh - var(--top-h) - var(--kb)))}.studio-page.is-expanded .st-log{display:flex}.studio-page .st-preview{padding-bottom:120px}.studio-page .st-toast{bottom:auto;top:calc(var(--top-h) + 12px + env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){.studio-page .st-pulse,.studio-page .st-tool.is-running .st-tool-dot{animation:none}}.st-gate-wrap[data-astro-cid-sekeh7u6]{padding:64px 16px;display:flex;justify-content:center}.st-gate[data-astro-cid-sekeh7u6]{max-width:440px;width:100%;padding:32px 24px;text-align:center;flex-direction:column}.st-gate[data-astro-cid-sekeh7u6] h1[data-astro-cid-sekeh7u6]{margin:0 0 10px;font-size:1.6rem}.st-gate[data-astro-cid-sekeh7u6] p[data-astro-cid-sekeh7u6]{margin:0 0 20px;color:var(--text-secondary);line-height:1.5}