/* One optional guide, above the working room and within active modal dialogs. */
#studioJames{position:fixed;z-index:140;right:16px;top:120px;width:88px;font:14px/1.45 Arial,sans-serif;color:#294d3b;pointer-events:auto;isolation:isolate}
#studioJames *{box-sizing:border-box}#studioJames [hidden],#studioJames[hidden],#studioHelp{display:none!important}
#studioJames button,#studioJames select,#studioJames summary{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}
#studioJames .james-circle{display:block;position:relative;width:88px;min-height:0;padding:0;border:0;background:none!important;border-radius:50%;box-shadow:none}
#studioJames .james-face{display:block;position:relative;width:88px;height:88px;border:3px solid #f0d46a;border-radius:50%;overflow:hidden;background:#f8f6e8;box-shadow:0 3px 14px #132e3030}
#studioJames .james-face img,#studioJames .james-face video{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:50%}
#studioJames .james-label{display:block;position:relative;margin:-4px -3px 0;padding:4px 6px;border-radius:18px;border:1px solid #ddc16b;background:#fff8dc;font-size:12px;font-weight:700;box-shadow:0 2px 7px #142b2918;white-space:nowrap}
#studioJames .james-badge{position:absolute;bottom:25px;right:-2px;display:grid;place-items:center;width:26px;height:26px;border:2px solid #fffbed;background:#325943;color:#fff;border-radius:50%;font-size:12px;line-height:1}
#studioJames button:focus-visible,#studioJames summary:focus-visible,#studioJames select:focus-visible{outline:3px solid #a77a1e;outline-offset:3px}
#studioJamesHelp{position:absolute;right:0;top:calc(100% + 10px);width:min(310px,calc(100vw - 36px));max-height:min(440px,calc(100dvh - 285px));overflow:auto;overscroll-behavior:contain;padding:19px 20px 14px;border:1px solid #ded0a4;border-radius:22px;background:#fffdf3;box-shadow:0 8px 35px #17362d33;text-align:left}
#studioJames .james-close{position:absolute;right:8px;top:7px;width:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:#f4edcf;font-size:25px;line-height:1}
#studioJames .james-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#6d795c;margin:1px 25px 8px 0}
#studioJames h2{font:400 23px/1.14 Georgia,serif;margin:0 18px 9px 0;color:#294d3b}
#studioJames .james-status{font-size:12px;margin:0 0 10px;color:#526852}
#studioJames progress{display:block;height:4px;width:100%;border:0;border-radius:4px;accent-color:#b99b38;margin:11px 0 14px}
#studioJames progress::-webkit-progress-bar{background:#ece7d3;border-radius:4px}#studioJames progress::-webkit-progress-value{background:#b99b38;border-radius:4px}
#studioJames details{margin:0;border-top:1px solid #e9e1c7;padding:0;background:none;border-radius:0}
#studioJames summary{padding:11px 0;font-size:12px;min-height:40px;font-weight:600}
#studioJames details p{font-size:13px;line-height:1.5;margin:0 0 12px}
#studioJames label{display:block;font-size:12px;margin-bottom:9px}#studioJames select{display:block;max-width:100%;width:100%;margin:6px 0 0;padding:9px 5px;border:1px solid #c9c9b1;background:#fffef8;border-radius:10px;font-size:13px;min-height:44px}
#studioSpeakDialog .intro{padding-right:75px}#studioOutlineDialog>header h2{padding-right:65px}
@media(max-width:600px){#studioJames{width:66px}#studioJames .james-circle{width:66px}#studioJames .james-face{width:66px;height:66px;border-width:2px}#studioJames .james-label{font-size:10px;padding:3px}#studioJames .james-badge{bottom:21px;width:22px;height:22px;font-size:10px}#studioJamesHelp{padding:17px 17px 11px;top:calc(100% + 8px);max-height:calc(100dvh - 250px);width:min(290px,calc(100vw - 36px))}#studioJames h2{font-size:21px}#studioSpeakDialog .intro{padding-right:44px}#studioOutlineDialog>header h2{padding-right:0}}
@media(max-height:520px){#studioJamesHelp{top:0;right:calc(100% + 12px);max-height:calc(100dvh - 130px)}}

/* Keep the room-view switch clear; details sit beside James on wider screens. */
#studioJames[data-scope="editor"] #studioJamesHelp,#studioJames[data-scope="review"] #studioJamesHelp{left:0;right:auto}
.james-help-target{outline:2px solid #d2b344!important;outline-offset:4px}
@media(min-width:750px){#studioJames[data-scope="builder"] #studioJamesHelp,#studioJames[data-scope="details"] #studioJamesHelp{top:0;right:calc(100% + 14px)}}

#studioJames[data-dock="right"] #studioJamesHelp{left:auto;right:0}

#studioJames .james-options{padding:5px 6px;min-height:36px;border:1px solid #ded0a4;border-radius:18px;font-size:11px;font-weight:600;background:#fffdf3;box-shadow:0 2px 8px #132e3020;margin:7px -5px 0;width:calc(100% + 10px)}
@media(max-width:600px){#studioJames .james-options{min-height:38px;font-size:10px}}