#view-dialogue-studio{flex-direction:column;gap:22px;color:#edf3e8;padding-bottom:50px;--ds-muted:#9ca899;--ds-line:#313a2d;--ds-accent:#c9f542}
#view-dialogue-studio *{box-sizing:border-box}#view-dialogue-studio h1,#view-dialogue-studio h2,#view-dialogue-studio h3{margin:0}#view-dialogue-studio p{line-height:1.55}#view-dialogue-studio button{cursor:pointer}#view-dialogue-studio button:disabled{cursor:wait;opacity:.5}#view-dialogue-studio input,#view-dialogue-studio select,#view-dialogue-studio textarea{width:100%;background:#111510;color:inherit;border:1px solid var(--ds-line);border-radius:12px;padding:12px;font:inherit}#view-dialogue-studio textarea{resize:vertical;min-height:70px}#view-dialogue-studio input[type=checkbox]{width:18px;height:18px;accent-color:var(--ds-accent)}#view-dialogue-studio label{display:grid;gap:8px;font-size:14px;color:#bdc7b7}#view-dialogue-studio small{color:var(--ds-muted);line-height:1.5}#view-dialogue-studio .ds-hero{padding:26px 30px;background:radial-gradient(ellipse at 95% 0,#384521 0,transparent 60%),#171e14;border:1px solid #3a482d;border-radius:22px;display:flex;justify-content:space-between;gap:24px;align-items:center}#view-dialogue-studio .ds-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--ds-accent);font-size:11px;margin-bottom:10px}#view-dialogue-studio .ds-hero h1{font-size:30px}#view-dialogue-studio .ds-muted{color:var(--ds-muted)}#view-dialogue-studio .ds-stat{display:grid;gap:5px;text-align:right;min-width:130px}#view-dialogue-studio .ds-stat strong{font-size:32px;color:var(--ds-accent)}#view-dialogue-studio .ds-tabs{display:flex;gap:8px;flex-wrap:wrap}#view-dialogue-studio .ds-tabs button,#view-dialogue-studio .ds-button{background:#1d241a;border:1px solid var(--ds-line);border-radius:11px;padding:11px 16px;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:7px;justify-content:center}#view-dialogue-studio .ds-tabs button.on,#view-dialogue-studio .ds-primary{background:var(--ds-accent);color:#192007;border-color:var(--ds-accent);font-weight:650}#view-dialogue-studio .ds-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}#view-dialogue-studio .ds-toolbar label{flex:1;min-width:170px}#view-dialogue-studio .ds-box{padding:22px;border:1px solid var(--ds-line);background:#171b15;border-radius:18px}#view-dialogue-studio .ds-stack{display:grid;gap:18px}#view-dialogue-studio .ds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}#view-dialogue-studio .ds-scene{padding:20px;border:1px solid var(--ds-line);border-radius:16px;background:#171b15;display:flex;flex-direction:column;gap:12px;transition:border-color .15s}#view-dialogue-studio .ds-scene.selected{border-color:#b0d43d;background:#20291a}#view-dialogue-studio .ds-scene h3{font-size:18px;line-height:1.35}#view-dialogue-studio .ds-scene p{font-size:13px;margin:0;color:var(--ds-muted);flex:1}#view-dialogue-studio .ds-row{display:flex;gap:12px;align-items:center;justify-content:space-between}#view-dialogue-studio .ds-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#view-dialogue-studio .ds-badge{display:inline-flex;padding:5px 9px;border-radius:8px;background:#283121;color:#b8cc9e;font-size:12px}#view-dialogue-studio .ds-badge.error{background:#402424;color:#ffb4a9}#view-dialogue-studio .ds-badge.running{color:#d4ff79;background:#34421c}#view-dialogue-studio .ds-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}#view-dialogue-studio .ds-cast-card{padding:18px;border:1px solid var(--ds-line);border-radius:14px;display:grid;gap:12px}#view-dialogue-studio .ds-cast-card.required{border-color:#758b39}#view-dialogue-studio details summary{cursor:pointer;color:#c6d1bd}#view-dialogue-studio details[open] summary{margin-bottom:16px}#view-dialogue-studio .ds-note{border-left:3px solid #9cb83d;padding:10px 14px;background:#222a1b;color:#bdc9a7;font-size:14px;line-height:1.6}#view-dialogue-studio .ds-error{color:#ffb0a4;white-space:pre-wrap;line-height:1.5}#view-dialogue-studio .ds-error:empty{display:none}#view-dialogue-studio .ds-empty{padding:35px;color:var(--ds-muted);text-align:center}#view-dialogue-studio .ds-run{padding:20px;border:1px solid var(--ds-line);border-radius:16px;display:grid;gap:15px}#view-dialogue-studio progress{width:100%;height:7px;accent-color:var(--ds-accent)}#view-dialogue-studio dialog{background:#12180f;color:#e9f1e2;border:1px solid #46533a;border-radius:20px;width:min(1000px,94vw);max-height:90vh;padding:0}#view-dialogue-studio dialog::backdrop{background:#050805c9;backdrop-filter:blur(4px)}#view-dialogue-studio .ds-modal-head{padding:20px 24px;border-bottom:1px solid var(--ds-line);display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:0;background:#182013;z-index:2}#view-dialogue-studio .ds-modal-body{padding:24px;display:grid;gap:16px}#view-dialogue-studio .ds-bubble{background:#20291b;border:1px solid #35402c;border-radius:5px 16px 16px 16px;padding:15px 18px;max-width:90%;display:grid;gap:9px;overflow-wrap:anywhere}#view-dialogue-studio .ds-bubble:nth-child(even){margin-left:auto;background:#29351e;border-radius:16px 5px 16px 16px}#view-dialogue-studio .ds-bubble b{color:#cbe48e;font-size:14px}#view-dialogue-studio .ds-bubble p{white-space:pre-wrap;margin:0}#view-dialogue-studio .ds-bubble.ai{border-style:dashed}#view-dialogue-studio .ds-media img,#view-dialogue-studio .ds-media video{max-width:100%;max-height:400px;border-radius:12px}#view-dialogue-studio .ds-media{display:grid;gap:8px}#view-dialogue-studio .ds-footer{position:sticky;bottom:0;border-top:1px solid var(--ds-line);padding:18px 24px;background:#182013;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}#view-dialogue-studio .ds-selected{padding:13px 18px;background:#27331a;border:1px solid #60752e;border-radius:12px}#view-dialogue-studio .ds-memory{padding:12px 0;border-bottom:1px solid var(--ds-line)}#view-dialogue-studio .ds-memory p{margin:6px 0}#view-dialogue-studio [hidden]{display:none!important}
@media(max-width:760px){#view-dialogue-studio .ds-hero{padding:22px;align-items:start}#view-dialogue-studio .ds-hero h1{font-size:24px}#view-dialogue-studio .ds-stat{display:none}#view-dialogue-studio .ds-split{grid-template-columns:1fr}#view-dialogue-studio .ds-bubble{max-width:100%}#view-dialogue-studio .ds-box{padding:16px}}

#view-dialogue-studio input:not([type=checkbox]),#view-dialogue-studio select{height:46px!important;min-height:46px;line-height:1.4!important;padding:10px 12px!important}

/* The host shell is fixed-height: every Studio tab must own its vertical scroll. */
#view-dialogue-studio{height:100%;max-height:100%;min-height:0;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-right:10px}
#view-dialogue-studio>header,#view-dialogue-studio>nav,#view-dialogue-studio>section,#view-dialogue-studio>#ds-error{flex-shrink:0}
#view-dialogue-studio .ds-profile{white-space:pre-wrap;line-height:1.6;color:#b9c5b1;overflow-wrap:anywhere}
#view-dialogue-studio .ds-persona-name{font-size:19px;color:#d9edb5}

/* Source context is a read-only chronological view, separate from the run plan. */
#view-dialogue-studio .ds-scene-tabs{display:flex;flex-wrap:wrap;gap:8px}
#view-dialogue-studio .ds-context{display:grid;gap:16px;min-width:0}
#view-dialogue-studio .ds-context>.ds-row{flex-wrap:wrap}
#view-dialogue-studio .ds-context p{margin:0;line-height:1.6}
#view-dialogue-studio .ds-context-timeline{display:grid;gap:16px}
#view-dialogue-studio .ds-context-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;scroll-margin-top:105px}
#view-dialogue-studio .ds-context-order{padding-top:18px;color:#889c79;font:600 13px/1.5 monospace;text-align:center}
#view-dialogue-studio .ds-context-message{display:grid;gap:12px;min-width:0;background:#20291b;border:1px solid #35402c;border-radius:14px;padding:18px;overflow-wrap:anywhere}
#view-dialogue-studio .is-private .ds-context-message{background:#18282a;border-color:#345457}
#view-dialogue-studio .is-main .ds-context-message{border-color:#9ab956;box-shadow:0 0 0 1px #9ab956}
#view-dialogue-studio .ds-context-message p{white-space:pre-wrap}
#view-dialogue-studio .ds-context-message time{font-size:12px;color:#b2bfa8}
#view-dialogue-studio .ds-context-message .ds-row{flex-wrap:wrap;gap:6px}
#view-dialogue-studio .ds-context-message b{color:#d6e5bb;font-size:14px}
#view-dialogue-studio .ds-badge.private{background:#29484d;color:#a5dde2}
#view-dialogue-studio .ds-context-marker{font-size:12px;color:#c9f542}
#view-dialogue-studio .ds-source-link{color:#adc98c;font-size:12px;text-decoration:none;width:fit-content}
#view-dialogue-studio .ds-source-link:hover{text-decoration:underline}
#view-dialogue-studio .ds-context-evidence,#view-dialogue-studio .ds-preview-contexts>details{padding:14px;border:1px solid #35402c;border-radius:12px}
#view-dialogue-studio .ds-context-evidence p{margin-bottom:10px}
#view-dialogue-studio .ds-preview-contexts{display:grid;gap:12px}
#view-dialogue-studio .ds-media audio{width:100%;max-width:420px}
@media(max-width:600px){#view-dialogue-studio .ds-context-item{grid-template-columns:23px minmax(0,1fr);gap:5px}#view-dialogue-studio .ds-context-message{padding:13px}#view-dialogue-studio .ds-modal-body{padding:16px}}

#view-dialogue-studio .ds-launch-bar{position:sticky;top:12px;z-index:3;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 8px 24px #0004}
#view-dialogue-studio .ds-scene-actions{margin-top:auto}#view-dialogue-studio .ds-scene-actions .ds-primary{flex:1}#view-dialogue-studio .ds-scene>.ds-row>label{display:flex;align-items:center;gap:7px}
@media(max-width:600px){#view-dialogue-studio .ds-launch-bar{top:6px}#view-dialogue-studio .ds-launch-bar .ds-button{width:100%}}

#view-dialogue-studio .dtp-chat{background-color:#b4d3a0;background-image:linear-gradient(110deg,#7db79f55,#e1e48f77);padding:22px 20px 32px;border-radius:16px;display:flex;flex-direction:column;gap:9px;min-height:260px;color:#111;font-family:Arial,sans-serif}
#view-dialogue-studio .dtp-row{display:flex;align-items:flex-end;gap:12px;max-width:100%;scroll-margin:100px}
#view-dialogue-studio .dtp-avatar{flex:0 0 42px;width:42px;height:42px;border-radius:50%;position:relative;display:grid;place-items:center;color:#fff;font-size:16px;margin-bottom:2px;overflow:hidden}
#view-dialogue-studio .dtp-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#view-dialogue-studio .dtp-message{position:relative;display:flow-root;background:#fff;border-radius:17px 17px 17px 4px;padding:9px 13px 6px;min-width:115px;max-width:min(760px,calc(100% - 56px));box-shadow:0 1px 1px #0001}
#view-dialogue-studio .dtp-message:before{content:"";position:absolute;bottom:0;left:-7px;width:14px;height:13px;background:inherit;clip-path:polygon(100% 0,100% 100%,0 100%)}
#view-dialogue-studio .dtp-name{display:block;font-weight:600;font-size:16px;line-height:1.3;margin-bottom:3px}
#view-dialogue-studio .dtp-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.42;color:#111}
#view-dialogue-studio .dtp-time{float:right;color:#96a5b3;font-size:12px;line-height:18px;margin:2px 0 0 12px;white-space:nowrap}
#view-dialogue-studio .dtp-reply{border-left:3px solid var(--reply-color,#8a50db);border-radius:4px;background:color-mix(in srgb,var(--reply-color,#8a50db) 11%,white);padding:5px 9px;margin:4px 0 7px;max-width:100%;cursor:pointer}
#view-dialogue-studio .dtp-reply strong{display:block;color:var(--reply-color,#8a50db);font-size:14px;font-weight:600}
#view-dialogue-studio .dtp-reply span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5;max-width:650px;color:#222}
#view-dialogue-studio .dtp-day{align-self:center;color:#fff;background:#6c9168a6;padding:5px 12px;border-radius:16px;font-size:13px;margin:8px 0}
#view-dialogue-studio .dtp-media{position:relative;display:grid;gap:4px;max-width:100%;margin:4px 0;min-height:60px;min-width:140px}
#view-dialogue-studio .dtp-media img,#view-dialogue-studio .dtp-media video{display:block;max-width:100%;width:auto;max-height:520px;border-radius:9px;object-fit:contain;min-height:70px}
#view-dialogue-studio .dtp-media audio{max-width:100%}
#view-dialogue-studio .dtp-media.is-round{width:280px;height:280px;border-radius:50%;overflow:hidden;background:#ffffff55}
#view-dialogue-studio .dtp-media.is-round video{width:100%;height:100%;border-radius:50%;object-fit:cover}
#view-dialogue-studio .dtp-media.is-sticker{width:200px;min-height:150px}
#view-dialogue-studio .dtp-media.is-sticker img,#view-dialogue-studio .dtp-media.is-sticker video{max-height:220px;max-width:220px}
#view-dialogue-studio .dtp-tgs{width:200px;height:200px}
#view-dialogue-studio .dtp-transparent{background:transparent;box-shadow:none;padding-left:0}
#view-dialogue-studio .dtp-transparent:before{display:none}
#view-dialogue-studio .dtp-transparent .dtp-name{background:#ffffffe0;border-radius:8px;padding:3px 9px;width:fit-content}
#view-dialogue-studio .dtp-transparent .dtp-time{color:#fff;background:#48795699;padding:0 7px;border-radius:9px}
#view-dialogue-studio .dtp-loading{font-size:12px;color:#557363;padding:8px;background:#e3efdc;border-radius:8px}
#view-dialogue-studio .ds-footer{align-items:center}
@media(max-width:600px){#view-dialogue-studio .dtp-chat{padding:14px 8px;gap:8px}#view-dialogue-studio .dtp-avatar{flex-basis:32px;width:32px;height:32px;font-size:12px}#view-dialogue-studio .dtp-row{gap:7px}#view-dialogue-studio .dtp-message{max-width:calc(100% - 39px);padding:8px 10px 5px}#view-dialogue-studio .dtp-text{font-size:15px}#view-dialogue-studio .dtp-name{font-size:14px}#view-dialogue-studio .dtp-media.is-round{width:230px;height:230px}}