html .webComposer .webMediaOrderGrid,html .webComposer .webSelectedFileStack{display:grid;align-items:stretch;justify-content:stretch;flex-wrap:nowrap}html .webComposer .webMediaOrderGrid{grid-gap:3px;gap:3px}html .webComposer .webMediaOrderItem{display:block}html .webComposer .webMediaOrderGrid button,html .webComposer .webMediaOrderGrid button:focus-visible,html .webComposer .webMediaOrderGrid button:hover{transform:none}html .webComposer .webMediaOrderGrid button:after{display:none}html .webComposer .webMediaOrderPreview,html .webComposer .webMediaOrderPreview:focus-visible,html .webComposer .webMediaOrderPreview:hover{box-shadow:none}html .webComposer .webMediaOrderItem>.webMediaOrderEdit{position:absolute;top:50%;left:50%;z-index:3;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;margin:0;padding:0;border-radius:50%;background:rgb(255 255 255/74%);color:var(--color-primary);box-shadow:0 4px 14px rgb(2 43 84/16%);cursor:pointer;transform:translate3d(-50%,-50%,0)}html .webComposer .webMediaOrderItem>.webMediaOrderEdit:focus-visible,html .webComposer .webMediaOrderItem>.webMediaOrderEdit:hover{background:rgb(255 255 255/90%);color:var(--color-accent);box-shadow:0 5px 16px rgb(2 43 84/20%);transform:translate3d(-50%,-50%,0)}html .webDialogPortal>.webDesktopImageEditor{width:min(1180px,calc(100vw - 32px));max-width:1180px;height:min(820px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);overflow:hidden;border:1px solid #b8c8d2;border-radius:8px;background:#fff;box-shadow:0 20px 56px rgb(15 42 70/18%)}html .webImageEditorBackdrop{background:transparent}html .webDesktopImageEditor .webImageEditorHeader{display:grid;min-height:64px;flex:0 0 auto;grid-template-columns:minmax(76px,auto) minmax(0,1fr) auto;align-items:center;grid-gap:16px;gap:16px;padding:10px 16px;border-bottom:1px solid var(--color-border);background:#fff}.webImageEditorTitle{display:grid;min-width:0;justify-items:center;grid-gap:1px;gap:1px}.webImageEditorTitle strong{color:var(--color-primary);font-size:17px}.webImageEditorTitle span{overflow:hidden;width:100%;color:var(--color-text-muted);font-size:11px;font-weight:600;text-align:center;text-overflow:ellipsis;white-space:nowrap}.webImageEditorHeaderActions{display:flex;align-items:center;justify-content:flex-end;gap:6px}html .webDesktopImageEditor .webImageEditorHeader button{min-height:36px;padding:0 11px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--color-primary);font-size:12px;font-weight:750;cursor:pointer}html .webDesktopImageEditor .webImageEditorHeader button:focus-visible,html .webDesktopImageEditor .webImageEditorHeader button:hover:not(:disabled){background:var(--color-hover)}html .webDesktopImageEditor .webImageEditorCancel{color:var(--color-danger);text-align:left}html .webDesktopImageEditor .webImageHistoryButton{display:grid;width:36px;padding:0;place-items:center;border-color:var(--color-border)}.webImageHistoryButton .webGlyph{width:17px;height:17px}html .webDesktopImageEditor .webImageEditorReset{border-color:var(--color-border)}html .webDesktopImageEditor .webImageEditorApply{min-width:86px;border-color:var(--color-accent);background:var(--color-accent);color:#fff}html .webDesktopImageEditor .webImageEditorApply:focus-visible,html .webDesktopImageEditor .webImageEditorApply:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 86%,#000);color:#fff}.webImageEditorBody{display:grid;min-height:0;flex:1 1 auto;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);overflow:hidden}.webImageEditorWorkspace{display:grid;min-width:0;min-height:0;grid-template-rows:minmax(0,1fr) auto;background:#eef2f4}.webImageCanvasStage{display:grid;min-width:0;min-height:0;overflow:hidden;place-items:center;padding:20px;background:#e8edef}html .webDesktopImageEditor .webImageTransformViewport{width:min(calc(100% - 24px),calc((100dvh - 245px) * var(--crop-aspect)));max-width:100%;max-height:calc(100dvh - 245px);margin:0;border:1px solid rgb(255 255 255/85%);border-radius:4px;background:#17232d;box-shadow:0 12px 32px rgb(15 42 70/18%),0 0 0 9999px rgb(38 54 65/8%);cursor:-webkit-grab;cursor:grab;transition:width .16s ease,aspect-ratio .16s ease}html .webDesktopImageEditor .webImageTransformViewport.isInteracting{cursor:-webkit-grabbing;cursor:grabbing;transition:none}html .webDesktopImageEditor .webImageTransformLayer{will-change:top,left,width,height}html .webDesktopImageEditor .webImageTransformLayer>img{will-change:transform}html .webDesktopImageEditor .webImageCropGrid{opacity:.24;transition:opacity .12s ease}html .webDesktopImageEditor .webImageTransformViewport.isInteracting .webImageCropGrid,html .webDesktopImageEditor .webImageTransformViewport:hover .webImageCropGrid{opacity:.82}html .webDesktopImageEditor .webImageCropHandle:after{inset:16px;border:2px solid #fff;border-radius:2px;background:var(--color-accent);box-shadow:0 1px 4px rgb(0 0 0/24%)}.webImageMediaStrip{display:flex;min-height:86px;align-items:center;justify-content:center;gap:8px;padding:10px 16px;overflow-x:auto;border-top:1px solid var(--color-border);background:#fff}.webImageMediaStrip button{position:relative;width:64px;min-width:64px;height:64px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:6px;background:var(--color-primary-soft);color:var(--color-primary);cursor:pointer}.webImageMediaStrip button.isActive{border-color:var(--color-accent);box-shadow:0 0 0 2px rgb(0 126 120/14%)}.webImageMediaStrip button:disabled{cursor:not-allowed;opacity:.58}.webImageMediaStrip img{width:100%;height:100%;object-fit:cover}.webImageMediaStrip button>.webGlyph{width:22px;height:22px}.webImageMediaStrip button>span{position:absolute;right:3px;bottom:3px;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:rgb(1 34 73/88%);color:#fff;font-size:10px;font-weight:800}.webImageEditorPanel{min-width:0;min-height:0;padding:4px 18px 18px;overflow-y:auto;border-left:1px solid var(--color-border);background:#fff;scrollbar-gutter:stable}.webImageEditorPanel>section{padding:17px 0;border-bottom:1px solid var(--color-border)}.webImageEditorPanel h3{margin:0 0 11px;color:var(--color-text);font-size:12px;font-weight:800}.webImageControlHeading{display:flex;align-items:center;justify-content:space-between;gap:12px}.webImageControlHeading output{color:var(--color-accent);font-size:12px;font-weight:800}.webImageEditorPanel input[type=range]{width:100%;accent-color:var(--color-accent)}html .webDesktopImageEditor .webImageAspectOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;overflow:visible;border:0}html .webDesktopImageEditor .webImageAspectOptions button{min-height:34px;padding:0 7px;border:1px solid var(--color-border);border-radius:5px;background:#fff;color:var(--color-text-muted);cursor:pointer;font-size:11px;font-weight:750}html .webDesktopImageEditor .webImageAspectOptions button:hover{border-color:var(--color-accent);color:var(--color-primary)}html .webDesktopImageEditor .webImageAspectOptions button.isActive{border-color:var(--color-accent);background:var(--color-primary-soft);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}html .webDesktopImageEditor .webImageEditTools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}html .webDesktopImageEditor .webImageEditTools button{display:grid;min-height:54px;padding:6px;place-items:center;grid-gap:2px;gap:2px;border:1px solid var(--color-border);border-radius:5px;background:#fff;color:var(--color-primary);cursor:pointer;font-size:10px;font-weight:750}html .webDesktopImageEditor .webImageEditTools button.isActive,html .webDesktopImageEditor .webImageEditTools button:hover{border-color:var(--color-accent);background:var(--color-primary-soft);color:var(--color-accent)}.webImageEditTools .webGlyph{width:18px;height:18px}.webImageMediaInfo dl{display:grid;grid-gap:6px;gap:6px;margin:0}.webImageMediaInfo dl>div{display:flex;justify-content:space-between;gap:12px;color:var(--color-text-muted);font-size:11px}.webImageMediaInfo dd{margin:0;color:var(--color-text);font-weight:700;text-align:right}.webImagePanelReset{display:flex;width:100%;min-height:38px;align-items:center;justify-content:center;gap:7px;margin-top:16px;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-primary);cursor:pointer;font-size:12px;font-weight:750}.webImagePanelReset:hover{border-color:var(--color-accent);background:var(--color-primary-soft)}.webImagePanelReset .webGlyph{width:16px;height:16px}.webImageUnsupported{display:grid;max-width:320px;place-items:center;grid-gap:8px;gap:8px;color:var(--color-text-muted);text-align:center}.webImageUnsupported .webGlyph{width:34px;height:34px;color:var(--color-primary)}.webImageUnsupported strong{color:var(--color-text)}.webImageUnsupported span{font-size:12px}html .webDesktopImageEditor .webImageFocusError{flex:0 0 auto;margin:0;padding:10px 16px;border-top:1px solid #f0c5c8;background:var(--color-danger-soft)}html .webDialogPortal>.webImageExitConfirm{width:min(460px,calc(100vw - 32px))}.webImageExitConfirm>header{padding:18px}.webImageExitConfirm h2{font-size:17px}.webImageExitConfirm p{margin-top:5px;color:var(--color-text-muted);font-size:13px}html .webComposer .webMediaOrderPreview{display:block;width:100%;height:100%;min-height:0;padding:0;overflow:hidden;border:0;border-radius:0;background:var(--color-surface-elevated);cursor:pointer}html .webComposer .webMediaOrderPreview:disabled{cursor:default;opacity:1}.webMediaOrderPreview>img{width:100%;height:100%;object-fit:cover}.webMediaOrderGrid.count-1 .webMediaOrderPreview>img{object-fit:contain;background:#f8fbfc}html .webComposer .webMediaOrderNumber{z-index:4;min-width:26px;min-height:26px;padding:0;border:2px solid #fff;cursor:pointer}@media (max-width:900px){html .webDialogPortal>.webDesktopImageEditor{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.webImageEditorBody{display:block;overflow-y:auto}.webImageEditorWorkspace{min-height:min(560px,66dvh)}.webImageCanvasStage{min-height:min(430px,52dvh)}html .webDesktopImageEditor .webImageTransformViewport{max-height:min(48dvh,430px)}.webImageEditorPanel{overflow:visible;border-top:1px solid var(--color-border);border-left:0}html .webDesktopImageEditor .webImageAspectOptions{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){html .webDialogPortal>.webDesktopImageEditor{width:calc(100vw - 16px);height:calc(var(--visual-viewport-height, 100svh) - 16px);max-height:calc(var(--visual-viewport-height, 100svh) - 16px)}html .webDesktopImageEditor .webImageEditorHeader{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding:8px 10px}.webImageEditorTitle span,.webImageHistoryButton,html .webDesktopImageEditor .webImageEditorReset{display:none}html .webDesktopImageEditor .webImageEditorHeader button{padding-inline:8px}html .webDesktopImageEditor .webImageEditorApply{min-width:70px}.webImageEditorWorkspace{min-height:min(500px,62dvh)}.webImageCanvasStage{min-height:min(360px,46dvh);padding:12px}html .webDesktopImageEditor .webImageTransformViewport{width:min(calc(100% - 12px),calc(45dvh * var(--crop-aspect)));max-height:45dvh}.webImageMediaStrip{min-height:74px;padding:8px 10px}.webImageMediaStrip button{width:54px;min-width:54px;height:54px}.webImageEditorPanel{padding-inline:14px}html .webDesktopImageEditor .webImageAspectOptions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){html .webDesktopImageEditor .webImageCropGrid,html .webDesktopImageEditor .webImageTransformViewport{transition-duration:.01ms}}.webProfileAvatarOpen{display:block;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.webProfileAvatarOpen>:is(.socialAvatar,.webInitialAvatar){display:grid;place-items:center;width:100%;height:100%;border:4px solid var(--color-surface);border-radius:50%;object-fit:cover;box-shadow:0 5px 16px rgb(1 34 73/16%)}.publicProfileAvatarButton:focus-visible,.webProfileAvatarOpen:focus-visible{outline:3px solid #008b84;outline-offset:3px}.publicProfileAvatarButton{flex:none;width:92px;height:92px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.publicProfileAvatarButton>.publicProfileAvatar{display:block}html .webModalBackdrop.webDialogPortal.profilePhotoBackdrop{background:rgb(245 249 251/82%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}html .webDialogPortal>.webModal.profilePhotoDialog{width:min(960px,calc(100vw - 32px));max-width:960px;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0;border-color:#bfd0da;background:white;animation:profile-photo-in .21s ease-out both}html .webDialogPortal.isClosing>.webModal.profilePhotoDialog{animation:profile-photo-out .2s ease-in both}.profilePhotoToolbar{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid #dce7ec;color:#082d4e}.profilePhotoToolbar strong{font-size:15px}.profilePhotoControls{display:flex;align-items:center;gap:7px}.profilePhotoControls>span{min-width:45px;color:#4e6678;font-size:12px;font-weight:700;text-align:center}.profilePhotoControls>button{width:38px;height:38px;padding:0;border:1px solid #c7d8df;border-radius:6px;background:#f4faf9;color:#0b4460;font:inherit;font-size:22px;cursor:pointer}.profilePhotoControls>button:last-child{margin-left:7px;background:white}.profilePhotoControls>button:disabled{opacity:.45;cursor:default}.profilePhotoControls>button:focus-visible,.profilePhotoError button:focus-visible{outline:2px solid #008b84;outline-offset:2px}.profilePhotoStage{position:relative;display:grid;flex:1 1 auto;height:min(680px,calc(100dvh - 116px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));min-height:0;max-height:calc(100dvh - 116px - env(safe-area-inset-top) - env(safe-area-inset-bottom));place-items:center;overflow:hidden;background:white;touch-action:none}.profilePhotoStage>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;cursor:-webkit-grab;cursor:grab}.profilePhotoStage>img.isLoaded{opacity:1}.profilePhotoStage>img.isLoaded:active{cursor:-webkit-grabbing;cursor:grabbing}.profilePhotoError,.profilePhotoLoading{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;grid-gap:12px;gap:12px;color:#516c7d}.profilePhotoError button{min-height:38px;padding:7px 12px;border:1px solid #b7d3d0;border-radius:6px;background:#eaf7f5;color:#005b59;font:inherit;font-weight:700;cursor:pointer}@keyframes profile-photo-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes profile-photo-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@media (max-width:640px){html .webDialogPortal>.webModal.profilePhotoDialog{width:calc(100vw - 16px)}.profilePhotoToolbar{padding-inline:10px}.profilePhotoStage{height:min(600px,calc(100dvh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}}@media (prefers-reduced-motion:reduce){html .webDialogPortal.isClosing>.webModal.profilePhotoDialog,html .webDialogPortal>.webModal.profilePhotoDialog{animation-duration:1ms}}