.studio-guide-shell{--guide-bg:#fff;--guide-soft:#eef2f7;--guide-border:#b9c4d3;--guide-text:#192435;--guide-muted:#4d5c70;--guide-accent:#b53c35;color:var(--guide-text);font:13px/1.55 Inter,"Segoe UI",system-ui,sans-serif}
html[data-theme=dark] .studio-guide-shell{--guide-bg:#1b2028;--guide-soft:#272e39;--guide-border:#465267;--guide-text:#edf2f8;--guide-muted:#b5c1d0;--guide-accent:#ffb1a9;color-scheme:dark}
.studio-guide-shell [hidden],.guide-target[hidden]{display:none!important}
.studio-guide-shell button{cursor:pointer;font:600 12px/1.35 Inter,"Segoe UI",system-ui,sans-serif}
.studio-guide-shell button:disabled{opacity:.5;cursor:default}
.studio-guide-shell :is(button,textarea,select):focus-visible{outline:2px solid var(--guide-accent);outline-offset:3px}
.studio-guide-shell .guide-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;max-width:100%;min-height:32px;padding:6px 9px;border:1px solid var(--guide-border);border-radius:2px;background:var(--guide-soft);color:var(--guide-text);white-space:normal;text-align:center;box-shadow:none}
.studio-guide-shell .guide-button:hover{filter:brightness(.96)}
.studio-guide-shell .guide-primary{background:#b83e36;border-color:#b83e36;color:#fff}
html[data-theme=dark] .studio-guide-shell .guide-primary{background:#a9342e;border-color:#dc655c}
.guide-launcher{position:fixed;z-index:75;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;width:auto;min-height:40px;padding:7px 12px;border:1px solid var(--guide-border);border-radius:3px;background:var(--guide-bg);color:var(--guide-text);box-shadow:0 4px 20px #0002}
.guide-launcher>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--guide-border);border-radius:3px;color:var(--guide-accent);font-size:15px}
.studio-guide{position:fixed;z-index:80;inset:72px auto 14px 14px;width:356px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 86px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--guide-border);border-radius:3px;background:var(--guide-bg);box-shadow:0 12px 40px #0004;text-align:left}
.guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:14px;border-bottom:1px solid var(--guide-border);background:var(--guide-soft)}
.guide-header h2{margin:0;color:var(--guide-text);font-size:16px;line-height:1.4;font-weight:700;letter-spacing:-.2px}
.guide-header p{margin:4px 0 0;font-size:10px;line-height:1.5;color:var(--guide-muted)}
.studio-guide-shell .guide-icon-button{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;padding:0;border:1px solid var(--guide-border);border-radius:2px;background:var(--guide-bg);color:var(--guide-text);font-size:21px;line-height:1}
.guide-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-bottom:1px solid var(--guide-border)}
.guide-toolbar .guide-button{min-height:29px;padding:5px 7px;font-size:10px}
.guide-messages{flex:1 1 auto;min-height:0;padding:14px 12px;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--guide-border) transparent}
.guide-message{margin:0 14px 12px 0;padding:11px 12px;border:1px solid var(--guide-border);border-radius:2px;background:var(--guide-soft);overflow-wrap:anywhere}
.guide-user{margin:0 0 12px 28px;background:var(--guide-bg);border-left:3px solid var(--guide-accent)}
.guide-speaker{display:block;margin-bottom:5px;color:var(--guide-muted);font-size:9px;letter-spacing:.4px;font-weight:700;text-transform:uppercase}
.guide-message-copy,.guide-step-copy{margin:0;font-size:12px;line-height:1.65;color:var(--guide-text);white-space:pre-wrap}
.guide-message-actions,.guide-topic-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.guide-message-actions .guide-button,.guide-topic-list .guide-button{font-size:11px;min-height:30px;padding:5px 8px}
.guide-step-title{font-weight:700;margin-bottom:8px}
.guide-step-status{margin:9px 0 0;color:var(--guide-muted);font-size:11px;line-height:1.5}
.guide-composer{flex:0 0 auto;padding:11px 12px;border-top:1px solid var(--guide-border);background:var(--guide-bg)}
.guide-composer>label{display:block;margin:0 0 7px;color:var(--guide-text);font-size:11px;font-weight:600}
.guide-composer>div{display:flex;gap:8px;align-items:stretch}
.studio-guide-shell #studio-guide-input{display:block;flex:1 1 auto;width:0;min-width:0;max-height:110px;min-height:56px;margin:0;padding:8px 9px;border:1px solid var(--guide-border);border-radius:2px;background:var(--guide-soft);color:var(--guide-text);resize:vertical;font-family:inherit;font-size:12px;line-height:1.5}
.studio-guide-shell #studio-guide-input::placeholder{color:var(--guide-muted);opacity:1}
.guide-composer>p{margin:7px 0 0;color:var(--guide-muted);font-size:9px;line-height:1.5}
.studio-guide-shell #studio-guide-send{align-self:stretch;flex:0 0 76px;width:76px;min-height:56px;padding:9px 12px;font-size:13px}
.guide-preview-status{display:flex;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid var(--guide-border);background:var(--guide-soft)}
.guide-preview-status p{margin:0;color:var(--guide-text);font-size:11px;line-height:1.45}
.guide-preview-status .guide-button{margin-left:auto;white-space:nowrap}
.guide-broadcast-reminder{flex:none;margin:0;padding:8px 12px;border-top:1px solid var(--guide-border);background:var(--guide-soft);color:var(--guide-text);font-size:11px;line-height:1.5}
.guide-permission{border-left:3px solid var(--guide-accent)}
.guide-permission-note{margin:9px 0 0;font-size:11px;line-height:1.5;color:var(--guide-muted)}
.guide-track-picker{margin-top:9px;display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.guide-track-picker label{width:100%;color:var(--guide-text);font-size:11px}
.studio-guide-shell .guide-track-picker select{width:100%;max-width:100%;min-width:0;margin:0;padding:8px 32px 8px 8px;border:1px solid var(--guide-border);border-radius:2px;background-color:var(--guide-bg);color:var(--guide-text);font-size:12px;appearance:none;background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px}
#studio-guide :is(#studio-guide-track,#studio-guide-load-track){background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px}
.guide-tip{position:fixed;z-index:76;bottom:66px;left:max(14px,env(safe-area-inset-left));width:306px;max-width:calc(100vw - 28px);padding:12px;border:1px solid var(--guide-border);border-top:3px solid var(--guide-accent);border-radius:3px;background:var(--guide-bg);box-shadow:0 8px 28px #0003}
.guide-tip-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
.guide-tip .guide-icon-button{width:25px;height:25px;font-size:18px}
.guide-tip>p{margin:9px 0 12px;color:var(--guide-text);font-size:12px;line-height:1.6}
.guide-tip-actions{display:flex;gap:7px;flex-wrap:wrap}
.guide-tip-actions .guide-button{font-size:11px}
.guide-target{position:fixed;z-index:70;pointer-events:none;border:2px solid #d9473f;border-radius:3px;box-shadow:0 0 0 3px #d9473f22}
.admin-studio-guide{margin:20px 0;padding-top:18px;border-top:1px solid var(--studio-dialog-border,#b9c4d3)}
.admin-studio-guide h3{margin:0 0 6px;font-size:15px;font-weight:650}
.admin-studio-guide>.help{margin:6px 0;font-size:12px}
#admin-panel .admin-guide-switch{display:flex;align-items:center;gap:9px;margin:13px 0;color:var(--studio-dialog-text,#192435);font-size:12px;font-weight:600;cursor:pointer}
#admin-panel #admin-guide-enabled{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:#c9473f}
html[data-theme=dark] #admin-panel .admin-guide-switch{color:#edf2f8}
@media(max-width:699px){.studio-guide{inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px;width:auto;max-width:none;height:min(660px,calc(100dvh - 30px));max-height:calc(100dvh - 30px)}.guide-header{padding:12px}.guide-header h2{font-size:15px}.guide-message{margin-right:8px;padding:10px}.guide-user{margin-left:18px;margin-right:0}.guide-launcher{left:10px;bottom:max(10px,env(safe-area-inset-bottom));min-height:38px;padding:6px 10px}.guide-tip{left:10px;bottom:60px;max-width:calc(100vw - 20px)}.studio-guide-shell #studio-guide-input{font-size:16px}.guide-composer>p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.studio-guide-shell *{scroll-behavior:auto!important}}

@media(max-width:699px){.studio-guide-shell #studio-guide-send{flex-basis:68px;width:68px;padding:9px 10px}}