/* Optional section shortcut: isolated for an easy rollback. */
.camera-nav{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(100px + env(safe-area-inset-bottom));z-index:35;font-family:inherit}
.camera-nav[hidden],.camera-nav-panel[hidden]{display:none}
.camera-nav-toggle{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #d9d3c8;border-radius:50%;background:#f7f3eb;color:#514b40;box-shadow:0 2px 9px #30271a12;cursor:pointer}
.camera-nav-toggle svg{width:23px;height:23px}
.camera-nav-toggle:focus-visible,.camera-nav-panel a:focus-visible{outline:2px solid #6b7766;outline-offset:4px}
.camera-nav-panel{position:absolute;right:0;bottom:100%;padding:8px;margin-bottom:10px;width:190px;max-width:calc(100vw - 24px);background:#f7f3eb;border:1px solid #ded7ca;border-radius:12px;box-shadow:0 6px 24px #30271a16}
.camera-nav-panel:after{content:"";position:absolute;top:100%;right:0;width:100%;height:12px}
.camera-nav-panel a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:8px 12px;font-size:13px;text-decoration:none;color:#514b40;border-radius:6px}
.camera-nav-panel a:hover{background:#ece6db}
.camera-nav-hint{position:absolute;right:54px;top:50%;transform:translateY(-50%);font-size:11px;letter-spacing:.04em;padding:5px 9px;border-radius:5px;background:#f7f3eb;color:#514b40;opacity:0;pointer-events:none;white-space:nowrap}
@media(hover:hover){.camera-nav:hover .camera-nav-hint{opacity:1}.camera-nav[data-open="true"] .camera-nav-hint{opacity:0}}
body:has(dialog[open]) .camera-nav{visibility:hidden;pointer-events:none}
@media(min-width:1200px){.camera-nav{right:20px;bottom:100px}}