#guide-dialog{width:min(560px,calc(100% - 24px));max-height:92vh;max-height:92dvh;padding:0;border:1px solid #e8e3f3;border-radius:20px;overflow:hidden;color:#303343;background:#fff}
#guide-dialog[open]{display:flex;flex-direction:column}
.guide-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 12px;flex-shrink:0}.guide-header h2{font-size:21px}.guide-header .eyebrow{font-size:11px;letter-spacing:0;margin-bottom:5px}
.guide-dots{display:flex;gap:10px;padding:0 22px 14px;flex-shrink:0}.guide-dots button{flex:1;border-radius:8px;background:#f3f0fb;color:#71628e;height:32px;font-size:13px}.guide-dots button[aria-current=step]{background:#7361cc;color:#fff;font-weight:700}
.guide-content{overflow-y:auto;min-height:0;padding:0 22px 12px;overscroll-behavior:contain}.guide-copy{min-height:108px}.guide-copy>span{font-size:11px;color:#8876ab}.guide-copy h3{font-size:18px;margin:8px 0}.guide-copy p{font-size:13px;line-height:1.8;color:#666375}
.guide-figure{margin:14px 0 8px}.guide-photo-frame{max-height:44vh;max-height:44dvh;overflow:auto;overscroll-behavior:contain;background:#f6f7fa;border:1px solid #e8e3f3;border-radius:12px;scrollbar-width:thin}.guide-photo-frame img{display:block;width:100%;max-width:360px;height:auto;margin:0 auto}.guide-figure figcaption{text-align:center;color:#7361cc;font-size:12px;padding:10px 0 4px}.guide-note{font-size:11px;line-height:1.6;color:#8b8799;text-align:center}
.guide-controls{display:flex;justify-content:space-between;gap:12px;padding:14px 22px max(14px,env(safe-area-inset-bottom));border-top:1px solid #ece8f4;background:#fff;flex-shrink:0}.guide-controls button{min-height:42px;padding:10px 20px;font-size:13px}.guide-controls button:disabled{cursor:default;opacity:.4}
@media(max-width:480px){.guide-header{padding:16px 16px 12px}.guide-dots{padding:0 16px 12px}.guide-content{padding:0 16px 10px}.guide-controls{padding-left:16px;padding-right:16px}.guide-copy{min-height:0}.guide-copy h3{font-size:17px}.guide-photo-frame{max-height:42dvh}}