.photo-guide-trigger{display:block;width:100%;margin:10px 0 12px;padding:11px 12px;border:1px solid #70517f;border-radius:13px;background:#241b2e;color:#ede0f5;font:inherit;font-size:14px;text-align:center;cursor:pointer}
.photo-guide-sheet{box-sizing:border-box;position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,480px);max-width:100%;max-height:90vh;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;padding:10px 20px max(20px,env(safe-area-inset-bottom));border:1px solid #594461;border-bottom:0;border-radius:24px 24px 0 0;background:#1a1423;color:#f5edf9;font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 -12px 50px #0005}
.photo-guide-sheet::backdrop{background:#08050dbb}
.photo-guide-handle{width:34px;height:4px;background:#766380;border-radius:4px;margin:0 auto 14px}
.photo-guide-sheet header{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}
.photo-guide-sheet h2{margin:0;flex:1;font-size:20px;line-height:1.25;font-weight:650}
.photo-guide-sheet .photo-guide-close{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff0d;color:#d9c8e2;font-size:25px;line-height:1;cursor:pointer}
.photo-guide-sheet p{margin:0 0 14px;color:#c5b7d0;font-size:13px}
.photo-guide-sheet h3{margin:14px 0 8px;font-size:13px;font-weight:600;color:#d6a3ef}
.photo-guide-sheet h3.photo-guide-caution{color:#e1bd78}
.photo-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.photo-guide-grid figure{margin:0;min-width:0}
.photo-guide-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px}
.photo-guide-grid figcaption{padding-top:5px;font-size:11px;line-height:1.3;color:#d8cbdF}
.photo-guide-sheet p.photo-guide-note{margin:16px 0;font-size:12px}
.photo-guide-sheet .photo-guide-done{width:100%;min-height:46px;border:1px solid #c084dc;border-radius:16px;background:linear-gradient(110deg,#8149ca,#ac49bc);box-shadow:inset 0 1px 2px #ffffff40;color:white;font-family:inherit;font-weight:600;font-size:15px;line-height:1.3;cursor:pointer}
.photo-guide-trigger:focus-visible,.photo-guide-sheet button:focus-visible{outline:2px solid #dfb4f3;outline-offset:3px}
@media(max-width:350px){.photo-guide-sheet{padding-inline:14px}.photo-guide-sheet h2{font-size:18px}.photo-guide-grid{gap:8px}}