/* Guide stays within the dialog, with a fixed close button and scrollable body. */
.roster-image-dialog .rri-upload-heading{flex-wrap:wrap;gap:9px 10px}
.roster-image-dialog .rri-guide-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 10px;margin-left:3px;border:1px solid var(--accent);border-radius:8px;background:var(--accent-light);color:var(--accent);font-family:inherit;font-size:11px;font-weight:750;line-height:1.4;white-space:nowrap;cursor:pointer}
.roster-image-dialog .rri-guide-trigger svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.roster-image-dialog .rri-guide-trigger:hover,.roster-image-dialog .rri-guide-trigger[aria-pressed="true"]{background:var(--accent);color:var(--surface)}
.rri-guide-panel{position:fixed;z-index:60;display:flex;flex-direction:column;box-sizing:border-box;width:min(560px,calc(100vw - 40px));max-height:calc(100dvh - 56px);overflow:hidden;border:1px solid var(--accent);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 18px 65px #0006;font-family:inherit;text-align:left}
.roster-image-dialog .rri-guide-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;background:var(--accent-light);border-bottom:1px solid var(--line);flex:none}
.rri-guide-kicker{display:block;font-size:9px;letter-spacing:.14em;font-weight:750;color:var(--accent);margin-bottom:5px}
.rri-guide-head h3{font-size:15px;line-height:1.5;margin:0;word-break:keep-all;letter-spacing:-.3px}
.roster-image-dialog .rri-guide-close{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:25px;line-height:1;padding:0;cursor:pointer}
.rri-guide-close:hover{border-color:var(--accent)}
.rri-guide-body{padding:15px 18px 18px;min-height:0;overflow:auto;overscroll-behavior:contain}
.rri-guide-mode{margin:0 0 11px;color:var(--muted);font-size:11px;line-height:1.6}
.rri-guide-panel.is-pinned .rri-guide-mode{color:var(--accent)}
.rri-guide-figure{margin:0}
.rri-guide-example{display:block;width:100%;height:auto;border-radius:11px;border:1px solid var(--line);background:#171d24}
.rri-guide-figure figcaption{font-size:10px;line-height:1.65;color:var(--muted);margin:8px 0 0;word-break:keep-all;overflow-wrap:anywhere}
.rri-guide-tips{display:grid;gap:13px;counter-reset:rri-tip;padding:0;margin:18px 0;list-style:none}
.rri-guide-tips li{position:relative;padding-left:29px;counter-increment:rri-tip}
.rri-guide-tips li:before{content:counter(rri-tip);position:absolute;left:0;top:1px;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--accent-light);color:var(--accent);font-size:11px;font-weight:800}
.rri-guide-tips b{display:block;font-size:12px;line-height:1.6;margin-bottom:4px;font-weight:750}
.rri-guide-tips span{display:block;font-size:11px;line-height:1.8;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere}
.rri-guide-save{font-size:11px;line-height:1.7;padding:10px 12px;background:var(--surface2);border:1px solid var(--line);border-radius:9px;color:var(--accent);margin:0;word-break:keep-all}
@media(max-width:640px){.roster-image-dialog .rri-guide-head{padding:12px 13px}.rri-guide-head h3{font-size:14px}.rri-guide-body{padding:12px 13px 15px}.roster-image-dialog .rri-guide-trigger{min-height:34px;margin-left:0}.rri-guide-figure figcaption{font-size:10px}.rri-guide-tips span{font-size:12px}.rri-guide-panel{border-radius:13px}}

.rri-guide-figure figcaption{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.rri-guide-figure figcaption>span{flex:1 1 270px}.rri-guide-enlarge{color:var(--accent);font-size:11px;font-weight:750;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;padding:2px 0}