/* Original Work scene with the animated Xingxiang material on a transparent canvas. */
#stone-agent.sa-native-spine { z-index:90; background:none; }
.sa-native-spine .sa-atmosphere,
.sa-native-spine .sa-chapter-index,.sa-native-spine .sa-compact-nav { display:none!important; }
.sa-native-spine .sa-visual { display:block; left:2%; right:2%; top:20%; bottom:23%; pointer-events:none; mask-image:radial-gradient(ellipse,#000 62%,transparent 84%); mix-blend-mode:screen; }
.sa-native-spine .sa-field-note { position:absolute; right:6%; top:43%; display:flex; flex-direction:column; gap:13px; color:#acc7cb; font-size:11px; letter-spacing:2px; }
.sa-native-spine .sa-field-note small { font:8px/1.6 "nbarchitekt",monospace; letter-spacing:1.6px; color:#789c9f; }
.sa-native-spine .sa-field-note i { height:1px; background:linear-gradient(90deg,#7bbcb855,transparent); }
.sa-native-spine .sa-wave i { animation:none!important; min-height:3px; transition:height .08s,color .5s; background:#75bfb4; }
.sa-native-spine[data-phase=speaking] .sa-dot { background:#e4bd74; box-shadow:0 0 12px #d9ae6155; }
.sa-native-spine[data-phase=thinking] .sa-dot { background:#98bcf0; }
.sa-native-spine[data-phase=listening] .sa-dot { background:#79e4c4; }
.sa-native-spine .sa-grid,.sa-native-spine .sa-coordinate { display:none; }
.sa-native-spine .sa-sidebar>.sa-kicker { top:15%; font-size:9px; letter-spacing:3px; }
.sa-native-spine h1 { top:19%; font-size:clamp(26px,2.5vw,38px); font-weight:400; letter-spacing:4px; color:#e6f5ff; text-shadow:0 2px 14px #020a13,0 0 24px #97ceff30; }
.sa-native-spine .sa-presence { top:27%; font-size:10px; color:#c5d6e8; text-shadow:0 1px 8px #020a13; }
.sa-native-spine .sa-signal { top:43%; left:6%; width:140px; }
.sa-native-spine .sa-conversation { bottom:9%; width:min(600px,62%); }
.sa-native-spine .sa-welcome { font-size:12px; letter-spacing:1.5px; }
.sa-native-spine .sa-welcome small { display:none; }
.sa-native-spine .sa-chat-meta { font-size:9px; }
.sa-native-spine .sa-accountbar { top:auto; bottom:28px; right:5%; }
.sa-native-spine .sa-accountbar>button,.sa-native-spine .sa-account button { background:rgba(8,15,24,.3); backdrop-filter:blur(8px); font-size:11px; padding:6px 12px; }
.sa-native-spine .sa-model-label select { background:rgba(8,15,24,.45); }
.sa-native-spine #sa-chat { background:rgba(8,15,24,.4); border-color:#9ca5bd55; }
@media(max-width:700px) {
 .sa-native-spine .sa-field-note { display:none; }
 .sa-native-spine .sa-visual { left:-12%; right:-12%; top:28%; bottom:32%; }
 .sa-native-spine .sa-sidebar>.sa-kicker { top:16%; }
 .sa-native-spine h1 { top:20%; font-size:24px; }
 .sa-native-spine .sa-conversation { width:88%; bottom:15%; }
 .sa-native-spine .sa-signal { top:62%; left:50%; transform:translateX(-50%); width:auto; text-align:center; }
 .sa-native-spine .sa-wave,.sa-native-spine #sa-voice-state { display:none; }
 .sa-native-spine .sa-signal button { padding:8px; }
 .sa-native-spine .sa-accountbar { top:auto; left:6%; right:6%; bottom:22px; }
}

/* Quiet conversation surface: the orb, one voice action, and optional text. */
#stone-agent.sa-native-spine .sa-presence,
#stone-agent.sa-native-spine .sa-signal,
#stone-agent.sa-native-spine .sa-field-note,
#stone-agent.sa-native-spine .sa-model-label,
#stone-agent.sa-native-spine .sa-suggestions,
#stone-agent.sa-native-spine .sa-chat-meta,
#stone-agent.sa-native-spine .sa-welcome,
#stone-agent.sa-native-spine #sa-chat,
#stone-agent.sa-native-spine .sa-accountbar { display:none; }
#stone-agent.sa-native-spine .sa-conversation { bottom:8%; width:min(1040px,86%); max-width:1040px; }
.sa-native-spine .sa-voice-controls { position:relative; display:flex; align-items:center; justify-content:center; margin-bottom:24px; pointer-events:auto; }
#stone-agent.sa-native-spine #sa-voice {
 display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px;
 min-width:108px; min-height:104px; padding:4px 12px; border:0; border-radius:20px;
 background:none; color:#bdd0cf; font-size:12px; font-weight:400; line-height:1.6;
 letter-spacing:3px; box-shadow:none; backdrop-filter:none;
}
.sa-native-spine .sa-mic-disc {
 display:grid; place-items:center; width:62px; height:62px; border-radius:50%;
 border:1px solid #d2e9e533;
 background:radial-gradient(circle at 35% 20%,#c0e3dc20,transparent 65%),linear-gradient(155deg,#183535b3,#0b161b99);
 box-shadow:inset 0 1px 0 #edfff51a,0 8px 28px #0003,0 0 30px #9fcdb509;
 color:#d9e9e5; backdrop-filter:blur(12px);
 transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;
}
.sa-native-spine #sa-voice svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; }
.sa-native-spine #sa-voice:hover .sa-mic-disc { transform:translateY(-2px); border-color:#d2e9e577; box-shadow:inset 0 1px 0 #edfff522,0 8px 30px #0003,0 0 32px #9fcdb51a; }
#stone-agent.sa-native-spine #sa-voice[aria-pressed=true] .sa-mic-disc { border-color:#79bdff; background:radial-gradient(circle at 35% 20%,#7ecbff99,#1465cce6); box-shadow:inset 0 1px 0 #e6f5ff66,0 0 0 7px #3c9eff14,0 0 36px #268bff59; color:#f2f9ff; }
#stone-agent.sa-native-spine #sa-voice[aria-pressed=true] [data-voice-label] { color:#9bd0ff; }
.sa-native-spine .sa-voice-controls #sa-jarvis { position:absolute; top:15px; left:calc(50% + 58px); display:grid; place-items:center; width:40px; height:40px; padding:10px; border:0; border-radius:50%; background:none; color:#78928f; transition:color .2s,background .2s; }
.sa-native-spine .sa-voice-controls #sa-jarvis:hover,.sa-native-spine .sa-voice-controls #sa-jarvis:focus-visible { color:#d3e6e0; background:#aecacb0c; }
.sa-native-spine #sa-jarvis svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:round; }
@media(prefers-reduced-motion:reduce){.sa-native-spine .sa-mic-disc{transition:none}.sa-native-spine #sa-voice:hover .sa-mic-disc{transform:none}}
.sa-native-spine #sa-messages:empty { display:none; }
.sa-native-spine #sa-messages {
 max-height:clamp(130px,24vh,250px);
 padding:12px 24px 18px;
 margin:0 0 12px;
 mask-image:none;
 overflow-x:hidden;
 overflow-y:auto;
 scrollbar-width:none;
 -ms-overflow-style:none;
 overscroll-behavior:contain;
}
.sa-native-spine #sa-messages::-webkit-scrollbar { display:none; width:0; height:0; }
.sa-native-spine #sa-messages::-webkit-scrollbar-button { display:none; width:0; height:0; }
.sa-native-spine #sa-messages .sa-message {
 width:fit-content;
 max-width:100%;
 margin:0 0 26px;
 padding:0;
 border:0;
 border-radius:0;
 background:transparent;
 color:#dce9e8;
 font-family:"PingFang SC","Microsoft YaHei",sans-serif;
 font-size:clamp(16px,1.15vw,18px);
 font-weight:400;
 line-height:2;
 letter-spacing:.45px;
 text-align:left;
 text-shadow:0 2px 12px #020c10;
}
.sa-native-spine #sa-messages .sa-message > small { display:none; }
.sa-native-spine #sa-messages .sa-message.assistant {
 padding:3px 0;
 border-left:0;
}
.sa-native-spine #sa-messages .sa-message.user {
 margin-left:auto;
 max-width:85%;
 padding:9px 16px;
 border:1px solid #a6c9c31a;
 border-radius:18px 18px 5px 18px;
 background:linear-gradient(125deg,#5a9d8e1a,#4575860d);
 color:#a8c6c1;
 font-size:14px;
 line-height:1.8;
 text-shadow:none;
}
.sa-native-spine #sa-messages .sa-message:last-child { margin-bottom:0; }
.sa-native-spine #sa-messages .sa-message button {
 margin-left:12px;
 padding:3px 12px;
 border:1px solid #9fc9c23b;
 border-radius:14px;
 color:#b4dbd3;
 font-size:12px;
}
.sa-native-spine #sa-chat { box-shadow:0 8px 32px #0002; }
.sa-native-spine #sa-chat:focus-within { border-color:#9ecdc27a; }
@media(max-width:700px){
 .sa-native-spine #sa-messages { max-height:22vh; padding-inline:6px; }
 .sa-native-spine #sa-messages .sa-message { font-size:15px; max-width:96%; line-height:1.85; }
 .sa-native-spine #sa-messages .sa-message.user { font-size:13px; }
}
.sa-native-spine.is-panel .sa-voice-controls { visibility:hidden; }
@media(max-width:700px){#stone-agent.sa-native-spine .sa-conversation{bottom:10%;width:88%}.sa-native-spine .sa-voice-controls{margin-bottom:14px}}
@media(max-height:600px) {
 .sa-native-spine .sa-sidebar>.sa-kicker { top:10%; }
 .sa-native-spine h1 { top:15%; font-size:22px; }
 .sa-native-spine .sa-conversation { bottom:13%; }
 .sa-native-spine .sa-presence { top:25%; }
 .sa-native-spine .sa-welcome,.sa-native-spine .sa-chat-meta { display:none; }
 .sa-native-spine .sa-accountbar { bottom:12px; }
}

/* The upstream HUD presents one paged utterance beneath the core. */
#stone-agent.sa-native-spine .sa-conversation {
 pointer-events:none;
 display:flex; flex-direction:column; align-items:center; gap:12px;
 bottom:5%; width:min(1040px,86%);
}
#stone-agent.sa-native-spine #sa-messages[data-caption-mode] {
 pointer-events:none;overscroll-behavior:auto;
 order:0; width:100%; height:110px; min-height:110px; max-height:none;
 margin:0; padding:0 24px; overflow:hidden; mask-image:none;
 background:radial-gradient(ellipse at center,#07101573,transparent 72%);
}
.sa-native-spine .sa-caption-stage {
 height:78px; display:flex; flex-direction:column; align-items:center;
 justify-content:center; gap:6px; text-align:center;
}
.sa-native-spine .sa-caption-speaker {
 color:#91aaa7; font-size:9px; font-weight:400; letter-spacing:3px; line-height:1.2;
}
.sa-native-spine .sa-caption-text {
 width:100%; margin:0; color:#dce7e5;
 font:400 clamp(15px,1.1vw,18px)/1.7 "PingFang SC","Microsoft YaHei",sans-serif;
 letter-spacing:.3px; white-space:pre; text-align:center;
 text-shadow:0 2px 16px #01070b,0 0 24px #01070b;
}
.sa-native-spine [data-speaker=user] .sa-caption-text { color:#9fbbb7; }
.sa-native-spine .sa-caption-nav {
 pointer-events:auto;
 height:30px; display:flex; justify-content:center; align-items:center; gap:12px;
 opacity:0; transition:opacity .2s; color:#8fa5a3;
}
.sa-native-spine #sa-messages:hover .sa-caption-nav,
.sa-native-spine #sa-messages:focus-within .sa-caption-nav { opacity:1; }
.sa-native-spine .sa-caption-nav button {
 min-width:30px; height:30px; padding:0 7px; border:0; background:none;
 color:#a7c3be; font-size:20px; line-height:1;
}
.sa-native-spine .sa-caption-nav button:disabled { opacity:.2; }
.sa-native-spine .sa-caption-position { font:10px/1.5 system-ui; letter-spacing:1px; }
.sa-native-spine .sa-caption-nav [data-caption-latest] { font-size:10px; letter-spacing:1px; }
.sa-native-spine #sa-messages[data-caption-mode]:focus-visible { outline:1px solid #94b9b33b; outline-offset:5px; border-radius:12px; }
#stone-agent.sa-native-spine .sa-voice-controls { order:1; margin:0; width:100%; }
@media(max-width:700px) {
 #stone-agent.sa-native-spine .sa-conversation { width:92%; bottom:5%; gap:8px; }
 #stone-agent.sa-native-spine #sa-messages[data-caption-mode] { height:104px; min-height:104px; padding:0 10px; }
 .sa-native-spine .sa-caption-text { font-size:14px; letter-spacing:.2px; }
 .sa-native-spine .sa-caption-nav { opacity:.65; }
}
@media(prefers-reduced-motion:reduce){.sa-native-spine .sa-caption-nav{transition:none}}

/* Original upstream columns; their internal styling lives in the shadow root. */
.stone-workflow-nav{position:fixed;left:4%;right:4%;bottom:28px;z-index:91;display:flex;align-items:center;justify-content:center;gap:18px;pointer-events:auto;color:#afc4ca;font:11px/1.6 "Microsoft YaHei",sans-serif;text-shadow:0 2px 12px #02080c}
.stone-workflow-nav[hidden]{display:none}
.stone-workflow-nav button{border:0;border-bottom:1px solid transparent;padding:8px 0;background:none;color:#91a6af;font:inherit;cursor:pointer;white-space:nowrap}
.stone-workflow-nav button:hover,.stone-workflow-nav button[aria-current=true]{color:#eff9f8;border-bottom-color:#bcd4d5}
.stone-workflow-nav button:focus-visible{outline:1px solid #a4c8c9;outline-offset:4px}
.stone-team-label{margin-right:auto;white-space:nowrap;letter-spacing:2px}
.stone-workflow-nav button:last-child{margin-left:auto}
body:has(#stone-agent.is-panel) .stone-workflow-nav{visibility:hidden}
@media(max-width:850px){.stone-workflow-nav{gap:14px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;bottom:18px}.stone-team-label{display:none}.stone-workflow-nav::-webkit-scrollbar{display:none}}
#stone-agent.sa-native-spine .sa-original-hud {
 position:absolute; inset:23% 3.5% auto; height:49%; z-index:3;
}
#stone-agent.sa-native-spine:not([data-chapter=agent]) .sa-original-hud,
#stone-agent.sa-native-spine.is-panel .sa-original-hud { visibility:hidden; }
@media(max-width:700px) {
 #stone-agent.sa-native-spine .sa-original-hud { inset:21% 2% auto; }
}

.sa-native-spine.is-voice-active #sa-voice .sa-mic-disc{background:rgba(24,126,231,.3);border-color:#55bbff;box-shadow:0 0 25px #1889e855;color:#92d8ff}.sa-native-spine.is-voice-active #sa-voice{color:#8fd5ff}