.browse-menu{position:relative}.browse-menu-panel{z-index:40;width:200px;max-height:calc(100svh - var(--logo-bar-h,64px) - 16px);border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:8px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 12px 24px #1614111a}.browse-menu-panel[hidden]{display:none}.browse-menu-label{color:#6d6c65;font:10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #c8c6be;margin:0 10px 5px;padding:8px 0 12px;display:block}.browse-menu-panel a{min-height:34px;color:inherit;font:11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding:8px 10px;text-decoration:none;display:flex}.browse-menu-panel a>span{opacity:0}.browse-menu-panel a:is(:hover,:focus-visible,[aria-current=page]){background:var(--ink);color:var(--paper);outline:none}.browse-menu-panel a:is(:hover,:focus-visible,[aria-current=page])>span{opacity:1}@media (max-width:760px){.browse-menu{position:static}.browse-menu>.masthead-browse{display:none}.browse-menu-panel{box-sizing:border-box;width:100%;max-height:calc(100dvh - var(--masthead-h) - 16px);overscroll-behavior:contain;padding:16px max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));border:0;border-bottom:1px solid var(--ink);left:0;right:0}.browse-menu-label{margin:0;padding:8px 4px 14px}.browse-menu-panel a{border-bottom:1px solid #c8c6be;min-height:44px;padding:12px 4px;font-size:13px}.browse-menu-panel a:last-child{border-bottom:0}}.photo-picker{z-index:1000;background:#0a0c0c99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.photo-picker-card{background:var(--paper,#e9e7df);width:min(520px,100%);color:var(--ink,#0a0c0c);border:1px solid var(--ink,#0a0c0c);text-align:center;padding:40px 32px 32px;position:relative}.photo-picker-card.is-over{outline:3px dashed var(--ink,#0a0c0c);outline-offset:-12px}.photo-picker-card h2{font:400 clamp(26px, 4vw, 34px)/1.1 var(--display);letter-spacing:-.02em;margin:0 0 10px}.photo-picker-card>p{max-width:34ch;font:400 16px/1.5 var(--display);margin:0 auto 24px}.photo-picker-actions{justify-items:center;gap:12px;display:grid}.photo-picker-btn{border:1px solid var(--ink,#0a0c0c);width:100%;max-width:320px;color:inherit;font:500 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;padding:16px 20px}.photo-picker-btn.is-primary{background:var(--ink,#0a0c0c);color:var(--paper,#e9e7df)}.photo-picker-btn:disabled{opacity:.5;cursor:progress}:is(.photo-picker-btn:focus-visible,.photo-picker-close:focus-visible){outline:2px solid var(--ink,#0a0c0c);outline-offset:3px}.photo-picker-drop{width:100%;max-width:320px;font:400 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.7;border:1px dashed #0a0c0c66;padding:28px 12px}.photo-picker-close{width:40px;height:40px;font:300 28px/1 var(--display);color:inherit;cursor:pointer;background:0 0;border:0;position:absolute;top:8px;right:10px}.photo-picker-status,.photo-picker-error{font:400 13px var(--mono);margin:16px 0 0}.photo-picker-error{color:#8a1c12}.upload-queue{z-index:60;max-width:calc(100vw - 24px);color:var(--paper,#e9e7df);background:#0d0f0fee;border:1px solid #3a352c;align-items:center;gap:12px;padding:8px 10px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.upload-queue-label{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;flex:none}.upload-queue ul{gap:8px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.upload-queue button{cursor:pointer;background:#040505;border:1px solid #3a352c;width:56px;height:56px;padding:0;display:block}.upload-queue button.is-current{border-color:var(--paper,#e9e7df);box-shadow:0 0 0 2px var(--paper,#e9e7df)}.upload-queue img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:760px){.upload-queue{bottom:8px}.upload-queue button{width:46px;height:46px}}.upload-queue{z-index:2147483000;max-width:min(560px,100vw - 80px);bottom:112px;left:40px;transform:none}.upload-queue button{width:44px;height:44px}@media (max-width:760px){.upload-queue{bottom:auto;left:8px;right:8px;top:calc(var(--logo-bar-h,64px) + 8px);max-width:none}.upload-queue button{width:40px;height:40px}}
