.media-attachments{align-items:flex-start}.photo-compose>.media-error{color:var(--negative,#b33848);line-height:1.5}.photo-image{border-radius:inherit;background:var(--surface-soft,#eee);width:100%;height:100%;min-height:40px;position:relative;overflow:hidden}.photo-image-open{border-radius:inherit;cursor:zoom-in;width:100%;height:100%;color:inherit;background:0 0;border:0;padding:0;display:block}.photo-image img{object-fit:contain;width:100%;height:100%;display:block}.photo-image[data-image-state=failed] img{visibility:hidden}.photo-loading{pointer-events:none;background:linear-gradient(100deg,#0000 20%,#ffffff24 45%,#0000 70%) 0 0/250% 100%;place-items:center;animation:1.6s ease-in-out infinite asset-image-shimmer;display:grid;position:absolute;inset:0}.photo-spinner{width:22px;height:22px;color:var(--purple,#b52c48);border:2px solid;border-right-color:#0000;border-radius:50%;animation:.85s linear infinite photo-spin;display:inline-block}.photo-reload{background:var(--surface-soft,#eee);color:var(--ink,#222);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex;position:absolute;inset:0}.photo-reload button{background:var(--surface,#fff);border:1px solid var(--line,#ccc);min-height:36px;color:var(--purple,#b52c48);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;display:flex}.photo-overlay{z-index:4200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a10e8;position:fixed;inset:0}.photo-gallery{--surface:#202128;--surface-soft:#17181e;--ink:#f5f5f7;--line:#ffffff30;--muted:#c2c3cd;--purple:#ff9aa9;z-index:4201;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:var(--ink);outline:none;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid;position:fixed;inset:0}.photo-gallery>header{align-items:center;gap:12px;min-width:0;display:flex}.photo-gallery header>div{flex:1;min-width:0}.photo-gallery h2{white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:16px;overflow:hidden}.photo-gallery header p{color:var(--muted);font-size:12px}.photo-gallery .icon-btn{width:42px;height:42px;color:var(--ink);background:#ffffff16;border-radius:50%;flex-shrink:0}.photo-gallery .icon-btn:hover{background:#ffffff30}.photo-stage{touch-action:pan-y pinch-zoom;place-items:center;min-width:0;min-height:0;padding:0 56px;display:grid;overflow:auto}.photo-stage>.photo-image{background:0 0;border-radius:10px;width:100%;height:100%}.photo-stage .photo-image img{object-fit:contain}.photo-stage .photo-image-open{cursor:default}.photo-stage.is-zoomed{touch-action:pan-x pan-y pinch-zoom;display:block}.photo-stage.is-zoomed>.photo-image{width:200%;max-width:none;height:200%}.photo-stage.is-zoomed .photo-image-open{cursor:zoom-out}.photo-prev,.photo-next{color:#fff;z-index:1;background:#ffffff1f;border-radius:14px;place-items:center;width:44px;height:64px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.photo-prev{left:18px}.photo-next{right:18px}.photo-prev:hover,.photo-next:hover{background:#ffffff38}.photo-prev:disabled,.photo-next:disabled{opacity:.25;cursor:default}.photo-filmstrip{justify-content:safe center;gap:8px;min-width:0;padding:4px;display:flex;overflow-x:auto}.photo-filmstrip>button{opacity:.55;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.photo-filmstrip>button[aria-current=true]{opacity:1;border-color:#ff9aa9}.photo-filmstrip img{object-fit:cover}.photo-filmstrip .photo-image-open{cursor:pointer}.photo-filmstrip .photo-reload{display:none}.photo-menu{z-index:4300;border:1px solid var(--line,#ddd);background:var(--surface,#fff);min-width:210px;max-width:calc(100vw - 24px);color:var(--ink,#222);border-radius:14px;padding:7px;animation:.12s ease-out photo-menu-in;box-shadow:0 14px 50px #0004}.photo-menu [role=menuitem]{cursor:pointer;border-radius:9px;outline:none;align-items:center;gap:12px;padding:11px 12px;font-size:13px;display:flex}.photo-menu [role=menuitem][data-highlighted]{background:var(--lavender,#f9e6e8);color:var(--purple,#b52c48)}.photo-menu [role=menuitem].danger{color:var(--negative,#ae3045)}.photo-menu [data-disabled]{opacity:.45;pointer-events:none}.photo-notice{color:#fff;text-align:center;background:#30313b;border-radius:12px;max-width:min(480px,90vw);padding:12px 16px;font-size:13px;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.photo-compose{gap:8px;min-width:0}.photo-draft-strip{align-items:flex-start;gap:12px;width:100%;padding:7px 5px 10px;display:flex;overflow-x:auto}.photo-draft-tile{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;flex-shrink:0;height:92px;position:relative}.photo-draft-tile>.photo-image{border-radius:11px}.photo-draft-tile img{object-fit:cover}.photo-draft-remove{z-index:3;background:var(--surface);width:24px;height:24px;color:var(--ink);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 6px #0003}.photo-draft-remove .icon{width:14px;height:14px}.photo-draft-remove:disabled{opacity:.5}.photo-upload-state{pointer-events:none;color:#fff;background:#0006;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex;position:absolute;inset:0}.photo-upload-state .photo-spinner{color:#fff}.photo-upload-retry{background:var(--surface);color:var(--negative);border-radius:7px;justify-content:center;align-items:center;gap:4px;min-height:30px;padding:6px 3px;font-size:11px;display:flex;position:absolute;bottom:4px;left:4px;right:4px;box-shadow:0 1px 8px #0004}.photo-tile-notice{background:var(--surface);color:var(--ink);padding:7px;font-size:11px;position:absolute;inset:auto 0 0}.photo-compose>.media-error{overflow-wrap:anywhere;flex-basis:100%}.photo-compose .photo-reload>span{display:none}@keyframes photo-spin{to{transform:rotate(360deg)}}@keyframes photo-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.photo-gallery{gap:8px;padding-inline:10px}.photo-stage{padding:0}.photo-prev,.photo-next{background:#0008;width:32px;height:44px}.photo-prev{left:12px}.photo-next{right:12px}.photo-gallery>header{gap:6px}.photo-gallery .icon-btn{width:36px;height:36px}.photo-gallery h2{font-size:14px}.photo-filmstrip>button{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.photo-spinner,.photo-loading,.photo-menu{animation:none}}