/* Clean-room Paddle messaging surface: original code, Telegram-like interaction grammar. */
.pm-inbox { background: linear-gradient(180deg,#f7f6f2 0,#f3f4f7 100%); }
.pm-paid-strip { margin: 2px -5px 14px; padding: 13px 10px 11px; overflow: hidden; border: 1px solid rgba(78,58,131,.12); border-radius: 24px; background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,240,255,.92)); box-shadow: 0 16px 34px rgba(48,32,92,.09); }
.pm-paid-strip > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 3px 10px; }
.pm-paid-strip > header span { display: flex; align-items: center; gap: 6px; font-size: 9px; font-weight: 780; }
.pm-paid-strip > header span b { width: 6px; height: 6px; border-radius: 50%; background: #a665ef; box-shadow: 0 0 0 5px rgba(166,101,239,.1); animation: pm-premium-dot 1.8s ease-in-out infinite; }
.pm-paid-strip > header small { color: var(--pm-muted); font-size: 7px; }
.pm-paid-strip > div { display: flex; gap: 8px; overflow-x: auto; padding: 3px 2px 6px; scrollbar-width: none; scroll-snap-type: x proximity; }
.pm-paid-circle { min-width: 78px; min-height: 112px; display: grid; justify-items: center; align-content: start; gap: 2px; position: relative; padding: 3px 3px 6px; border-radius: 18px; background: transparent; scroll-snap-align: start; }
.pm-paid-circle__halo { width: 63px; height: 63px; position: relative; display: grid; place-items: center; margin-bottom: 3px; }
.pm-paid-circle__halo::before { content:""; position: absolute; inset: -3px; border-radius: 50%; background: conic-gradient(from 30deg,#ffca67,#ff756d,#b767ed,#527bf4,#7ee3d0,#ffca67); animation: pm-premium-spin 4.8s linear infinite; box-shadow: 0 7px 20px rgba(116,73,200,.24),0 0 0 4px rgba(255,255,255,.8); }
.pm-paid-circle__halo::after { content:""; position: absolute; inset: -8px; border: 1px solid rgba(178,103,238,.18); border-radius: 50%; animation: pm-premium-breathe 2.6s ease-in-out infinite; }
.pm-paid-circle__halo > i { position: absolute; inset: 1px; z-index: 1; border: 2px solid white; border-radius: 50%; background: white; }
.pm-paid-circle img { position: relative; z-index: 2; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.pm-paid-circle__halo b { position: absolute; z-index: 3; right: -4px; bottom: 0; width: 22px; height: 22px; display: grid; place-items: center; border: 2px solid white; border-radius: 50%; color: white; background: linear-gradient(135deg,#f6a52d,#d94e88); box-shadow: 0 5px 12px rgba(195,66,120,.25); }
.pm-paid-circle > strong { max-width: 72px; overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.pm-paid-circle > small { color: #8a56c6; font-size: 7px; font-weight: 750; }
.pm-paid-circle > em { margin-top: 2px; padding: 3px 7px; border-radius: 999px; color: #8052b3; background: rgba(137,83,196,.09); font-size: 7px; font-style: normal; font-weight: 750; }

.pm-chat-list { overflow: hidden; margin: 0 -8px; border-radius: 23px; background: rgba(255,255,255,.86); box-shadow: 0 8px 28px rgba(20,32,58,.055); }
.pm-chat-list > button { width: 100%; min-height: 78px; display: grid; grid-template-columns: 56px minmax(0,1fr) auto; align-items: center; gap: 10px; position: relative; padding: 9px 12px; text-align: left; background: transparent; }
.pm-chat-list > button + button::before { content:""; position: absolute; left: 78px; right: 12px; top: 0; height: 1px; background: var(--pm-line); }
.pm-chat-list__avatar { width: 54px; height: 54px; position: relative; display: grid; place-items: center; overflow: visible; border-radius: 50%; color: white; background: linear-gradient(145deg,#234eac,#112b62); font-size: 12px; font-weight: 800; }
.pm-chat-list__avatar img { width: 54px; height: 54px; border-radius: inherit; object-fit: cover; }
.pm-chat-list__avatar.is-online::after { content:""; position: absolute; right: 0; bottom: 1px; width: 12px; height: 12px; border: 3px solid white; border-radius: 50%; background: #12b77c; }
.pm-chat-list__avatar--club { background: linear-gradient(145deg,#1cad80,#087653); }
.pm-chat-list__avatar--event { background: linear-gradient(145deg,#fe6e60,#c92f54); }
.pm-chat-list__copy { min-width: 0; display: grid; gap: 4px; }
.pm-chat-list__copy > span { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pm-chat-list__copy strong { overflow: hidden; font-size: 11px; letter-spacing: -.12px; text-overflow: ellipsis; white-space: nowrap; }
.pm-chat-list__copy time { flex: 0 0 auto; color: #98a0ac; font-size: 7px; font-variant-numeric: tabular-nums; }
.pm-chat-list__copy > small { min-width: 0; display: flex; align-items: center; gap: 3px; overflow: hidden; color: #626c7b; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.pm-chat-list__copy > small b { color: var(--pm-blue); }
.pm-chat-list__copy > em { color: #9ca2ac; font-size: 6.5px; font-style: normal; letter-spacing: .15px; }
.pm-inbox__end { margin: 15px 24px 0; color: #989faa; font-size: 7px; line-height: 1.45; text-align: center; }

.pm-chat-topbar,.pm-editor-topbar { position: absolute; z-index: 32; left: 0; right: 0; top: 46px; height: 58px; display: grid; grid-template-columns: 44px minmax(0,1fr) 44px 44px; align-items: center; padding: 4px 8px; border-bottom: 1px solid rgba(7,19,39,.07); background: rgba(255,255,255,.86); backdrop-filter: blur(24px) saturate(1.35); }
.pm-chat-topbar > button,.pm-editor-topbar > button { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; color: var(--pm-blue); background: transparent; }
.pm-chat-topbar__person { width: auto !important; grid-template-columns: 39px minmax(0,1fr); justify-content: stretch !important; gap: 9px; color: var(--pm-ink) !important; text-align: left; }
.pm-chat-topbar__person > span { width: 38px; height: 38px; position: relative; }
.pm-chat-topbar__person img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.pm-chat-topbar__person i { position: absolute; right: 0; bottom: 0; width: 10px; height: 10px; border: 2px solid white; border-radius: 50%; background: #13b67b; }
.pm-chat-topbar__person b { min-width: 0; display: grid; gap: 2px; }
.pm-chat-topbar__person strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.pm-chat-topbar__person small { color: #16a36f; font-size: 7px; font-weight: 650; }
.pm-chat-thread { inset: 104px 0 0; padding: 12px 14px calc(98px + var(--safe-bottom)); background: radial-gradient(circle at 15% 10%,rgba(64,112,212,.08),transparent 26%),radial-gradient(circle at 90% 60%,rgba(240,129,107,.07),transparent 25%),#edf0f4; }
.pm-chat-thread::before { content:""; position: fixed; inset: 104px 0 0; opacity: .12; pointer-events: none; background-image: radial-gradient(circle,rgba(74,91,124,.3) 0 1px,transparent 1.5px); background-size: 23px 23px; }
.pm-chat-order { width: 100%; min-height: 51px; position: sticky; z-index: 8; top: 0; display: grid; grid-template-columns: 34px minmax(0,1fr) 17px; align-items: center; gap: 8px; padding: 7px 9px; border: 1px solid rgba(110,71,169,.13); border-radius: 16px; text-align: left; background: rgba(252,250,255,.91); backdrop-filter: blur(18px); box-shadow: 0 8px 22px rgba(51,36,82,.08); }
.pm-chat-order > span { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 11px; color: white; background: linear-gradient(145deg,#7e5aca,#4d2d90); }
.pm-chat-order p { min-width: 0; display: grid; gap: 3px; }
.pm-chat-order small { color: #8d5ccb; font-size: 6px; font-weight: 820; letter-spacing: .75px; }
.pm-chat-order strong { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.pm-chat-day { position: relative; z-index: 2; display: grid; place-items: center; margin: 13px 0 10px; }
.pm-chat-day span { padding: 5px 9px; border-radius: 999px; color: #667184; background: rgba(255,255,255,.75); backdrop-filter: blur(10px); box-shadow: 0 3px 9px rgba(35,48,75,.08); font-size: 7px; font-weight: 700; }
.pm-bubble { max-width: 79%; position: relative; z-index: 2; display: grid; gap: 5px; margin: 4px 0; padding: 9px 11px 7px; border-radius: 17px 17px 17px 5px; background: white; box-shadow: 0 2px 5px rgba(34,47,74,.08); animation: pm-bubble-in 380ms var(--pm-ease-emphasized) both; }
.pm-bubble p { font-size: 10px; line-height: 1.45; }
.pm-bubble > small,.pm-bubble p > small { display: flex; justify-content: flex-end; align-items: center; gap: 3px; color: #9299a5; font-size: 6.5px; }
.pm-bubble--out { margin-left: auto; border-radius: 17px 17px 5px 17px; background: #dce8ff; }
.pm-bubble--out > small { color: #5b77ac; }
.pm-bubble--reply blockquote { display: grid; gap: 2px; margin: -2px 0 2px; padding: 3px 7px; border-left: 2px solid var(--pm-blue); color: #61729b; font-size: 7px; }
.pm-bubble--reply blockquote strong { color: var(--pm-blue); }
.pm-bubble--voice { grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; width: 78%; min-height: 61px; }
.pm-bubble--voice > button { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--pm-blue); }
.pm-waveform { height: 30px; display: flex; align-items: center; gap: 2px; overflow: hidden; }
.pm-waveform b { width: 2px; height: var(--peak); min-height: 3px; border-radius: 3px; background: #6b88c6; animation: pm-wave 1.6s ease-in-out infinite alternate; animation-delay: calc(var(--peak) * -7ms); }
.pm-bubble--voice > span { display: grid; gap: 4px; }
.pm-bubble--voice > span strong { font-size: 7px; }
.pm-bubble--voice > span small { color: #969daa; font-size: 6px; }
.pm-bubble--photo { max-width: 78%; padding: 3px; overflow: hidden; }
.pm-bubble--photo > img { width: 100%; height: 150px; border-radius: 14px 14px 7px 7px; object-fit: cover; }
.pm-bubble--photo > div { display: grid; gap: 3px; padding: 5px 7px 4px; }
.pm-bubble--photo strong { font-size: 9px; }
.pm-bubble--photo span { font-size: 8px; line-height: 1.35; }
.pm-bubble--photo small { justify-self: end; color: #969daa; font-size: 6px; }
.pm-bubble--media-row { max-width: 87%; grid-template-columns: 79px minmax(0,1fr); align-items: end; padding: 6px; }
.pm-video-note { width: 76px; height: 76px; position: relative; display: grid; place-items: center; overflow: hidden; border: 3px solid #748fe0; border-radius: 50%; background: #13264d; box-shadow: 0 0 0 3px rgba(93,124,214,.13); }
.pm-video-note img { width: 100%; height: 100%; object-fit: cover; }
.pm-video-note > span { position: absolute; width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: white; background: rgba(6,17,38,.6); backdrop-filter: blur(5px); }
.pm-video-note i { position: absolute; right: 7px; bottom: 5px; padding: 2px 4px; border-radius: 5px; color: white; background: rgba(6,17,38,.55); font-size: 6px; font-style: normal; }
.pm-bubble--media-row > p { display: grid; gap: 6px; padding: 5px; }
.pm-bubble--sticker { width: 118px; min-height: 112px; padding: 0; background: transparent; box-shadow: none; }
.pm-bubble--sticker img { width: 112px; height: 112px; object-fit: contain; filter: drop-shadow(0 9px 12px rgba(26,38,69,.16)); animation: pm-sticker-float 3.4s ease-in-out infinite; }
.pm-bubble--sticker-out { margin-left: auto; }
.pm-bubble--sticker-out > small { justify-content: flex-end; color: #71809d; }
.pm-chat-seen { position: relative; z-index: 2; display: flex; align-items: center; justify-content: flex-end; gap: 5px; margin: 5px 3px 0; color: #7e8796; font-size: 6.5px; }
.pm-chat-seen img { width: 16px; height: 16px; border-radius: 50%; object-fit: cover; }
.pm-chat-composer { position: absolute; z-index: 36; left: 8px; right: 8px; bottom: calc(10px + var(--safe-bottom)); min-height: 59px; display: grid; grid-template-columns: 44px minmax(0,1fr) 44px; align-items: center; gap: 5px; padding: 6px; border: 1px solid rgba(255,255,255,.88); border-radius: 22px 22px 30px 30px; background: rgba(255,255,255,.9); backdrop-filter: blur(24px) saturate(1.35); box-shadow: 0 14px 34px rgba(24,38,66,.18); }
.pm-chat-composer > button { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 15px; color: var(--pm-blue); background: #edf2ff; }
.pm-chat-composer > button:last-child { color: white; background: var(--pm-blue); box-shadow: 0 7px 15px rgba(23,70,176,.24); }
.pm-chat-composer > button.is-recording { background: var(--pm-red); animation: pm-recording 1s ease-in-out infinite; }
.pm-chat-composer > div { height: 44px; display: grid; grid-template-columns: minmax(0,1fr) 44px; align-items: center; border: 1px solid rgba(7,19,39,.08); border-radius: 15px; background: rgba(247,248,251,.9); }
.pm-chat-composer input { min-width: 0; height: 42px; padding: 0 4px 0 12px; border: 0; outline: 0; background: transparent; font-size: 10px; }
.pm-chat-composer div button { width: 44px; height: 44px; display: grid; place-items: center; color: #8a92a0; background: transparent; }

.pm-attachment-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin-top: 12px; }
.pm-attachment-grid button { min-height: 92px; display: grid; grid-template-columns: 37px 1fr; grid-template-rows: auto auto; align-content: center; gap: 3px 8px; padding: 10px; border-radius: 18px; background: #f4f6fa; text-align: left; }
.pm-attachment-grid button > span { grid-row: 1 / 3; width: 37px; height: 37px; display: grid; place-items: center; border-radius: 12px; color: white; background: var(--pm-blue); }
.pm-attachment-grid button:nth-child(2) > span { background: #8d57c5; }.pm-attachment-grid button:nth-child(3) > span{background:#16a875}.pm-attachment-grid button:nth-child(4)>span{background:#d27528}
.pm-attachment-grid strong { align-self: end; font-size: 9px; }.pm-attachment-grid small{align-self:start;color:var(--pm-muted);font-size:6px}
.pm-sticker-picker { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; margin-top: 10px; }
.pm-sticker-picker button { min-height: 72px; display: grid; place-items: center; border-radius: 17px; background: #f2f4f8; font-size: 31px; }
.pm-sticker-picker img { width: 68px; height: 68px; object-fit: contain; }
.pm-chat-menu-list { overflow: hidden; margin-top: 10px; border-radius: 19px; background: #f5f6f9; }
.pm-chat-menu-list button { width: 100%; min-height: 63px; display: grid; grid-template-columns: 38px minmax(0,1fr) 18px; align-items: center; gap: 9px; position: relative; padding: 8px 10px; text-align: left; background: transparent; }
.pm-chat-menu-list button + button::before { content:""; position:absolute;left:57px;right:10px;top:0;height:1px;background:var(--pm-line); }
.pm-chat-menu-list button > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: var(--pm-blue); background: white; box-shadow: 0 5px 12px rgba(20,36,67,.06); }
.pm-chat-menu-list p { display: grid; gap: 3px; }.pm-chat-menu-list strong{font-size:9px}.pm-chat-menu-list small{color:var(--pm-muted);font-size:7px}
.pm-call-preview { display: grid; justify-items: center; padding: 9px 18px 19px; text-align: center; }
.pm-call-preview > span { width: 88px; height: 88px; position: relative; margin-bottom: 12px; }
.pm-call-preview img { width: 88px; height: 88px; border: 4px solid white; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 3px var(--pm-blue),0 15px 30px rgba(23,70,176,.21); }
.pm-call-preview i { position:absolute;right:2px;bottom:3px;width:17px;height:17px;border:4px solid white;border-radius:50%;background:#12b77c; }
.pm-call-preview small { color: var(--pm-green); font-size: 7px; font-weight: 850; letter-spacing: 1px; }.pm-call-preview h2{margin-top:5px;font-size:20px;letter-spacing:-.5px}.pm-call-preview p{margin-top:6px;color:var(--pm-muted);font-size:8px;line-height:1.45}

.pm-editor-topbar { grid-template-columns: 44px minmax(0,1fr) 58px; }
.pm-editor-topbar > div { display: grid; justify-items: center; gap: 2px; }
.pm-editor-topbar > div small { color: #8d96a5; font-size: 6px; font-weight: 800; letter-spacing: .8px; }
.pm-editor-topbar > div strong { font-size: 11px; }
.pm-editor-topbar > button:last-child { width: 58px; color: var(--pm-blue); font-size: 9px; font-weight: 760; }
.pm-video-library,.pm-video-editor,.pm-video-preview { inset: 104px 0 0; padding-top: 11px; }
.pm-media-source { min-height: 47px; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; padding: 8px 11px; border-radius: 15px; background: white; }
.pm-media-source > span { display: flex; align-items: center; gap: 6px; color: #536076; font-size: 8px; }.pm-media-source>button{min-height:44px;padding:0 8px;color:var(--pm-blue);background:transparent;font-size:8px;font-weight:750}
.pm-media-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 3px; overflow: hidden; border-radius: 18px; }
.pm-media-grid button { aspect-ratio: .82; min-height: 115px; position: relative; display: grid; place-items: center; overflow: hidden; background: #e7eaf0; }
.pm-media-grid img { width: 100%; height: 100%; object-fit: cover; }
.pm-media-grid button > span { position: absolute; right: 7px; top: 7px; width: 22px; height: 22px; display: grid; place-items: center; border: 2px solid white; border-radius: 50%; color: white; background: var(--pm-blue); box-shadow: 0 3px 8px rgba(7,19,39,.2); }
.pm-media-grid button > small { position: absolute; right: 5px; bottom: 5px; display: flex; align-items: center; gap: 3px; padding: 3px 5px; border-radius: 6px; color: white; background: rgba(6,17,38,.62); font-size: 6px; }
.pm-media-grid button:last-child { align-content: center; gap: 5px; color: #697589; }.pm-media-grid button:last-child strong{font-size:8px}
.pm-media-contract,.pm-private-delivery { display: flex; gap: 9px; margin-top: 11px; padding: 12px; border: 1px solid #dcebe7; border-radius: 17px; color: var(--pm-green); background: #eff9f6; }
.pm-media-contract p,.pm-private-delivery p { display: grid; gap: 3px; color: var(--pm-ink); }.pm-media-contract strong,.pm-private-delivery strong{font-size:8px}.pm-media-contract small,.pm-private-delivery small{color:var(--pm-muted);font-size:7px;line-height:1.35}
.pm-editor-cta { position: absolute; z-index: 35; left: 10px; right: 10px; bottom: calc(10px + var(--safe-bottom)); padding: 6px; border: 1px solid rgba(255,255,255,.78); border-radius: 22px 22px 29px 29px; background: rgba(255,255,255,.89); backdrop-filter: blur(22px); box-shadow: 0 15px 35px rgba(17,31,62,.17); }
.pm-editor-cta .pm-button { min-height: 50px; }
.pm-editor-canvas { height: 368px; position: relative; display: grid; place-items: center; overflow: hidden; border-radius: 24px; background: #071020; box-shadow: 0 18px 35px rgba(6,17,38,.19); }
.pm-editor-canvas > img:first-child { width: 100%; height: 100%; object-fit: cover; opacity: .88; transition: transform 4s linear,filter var(--pm-normal); }
.pm-editor-canvas.is-playing > img:first-child { transform: scale(1.06) translateX(-2%); }
.pm-editor-canvas::after { content:""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg,rgba(4,10,22,.14),transparent 30%,transparent 68%,rgba(4,10,22,.36)); }
.pm-editor-canvas > button { position: absolute; z-index: 3; width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; color: white; background: rgba(5,14,31,.5); backdrop-filter: blur(9px); box-shadow: 0 8px 22px rgba(0,0,0,.24); }
.pm-editor-canvas > time { position: absolute; z-index: 3; right: 11px; bottom: 10px; padding: 4px 7px; border-radius: 7px; color: white; background: rgba(3,10,23,.58); font-size: 7px; font-variant-numeric: tabular-nums; }
.pm-timeline-editor { margin-top: 11px; padding: 10px; border-radius: 18px; background: white; box-shadow: 0 8px 20px rgba(21,35,62,.06); }
.pm-timeline-editor header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; color: #9ba2ad; font-size: 6px; }.pm-timeline-editor header strong{color:var(--pm-ink);font-size:8px}
.pm-timeline-track { height: 53px; position: relative; display: flex; overflow: hidden; border-radius: 8px; background: #0a152a; }
.pm-timeline-track img { width: calc(100% / 7); height: 100%; object-fit: cover; opacity: .8; }
.pm-timeline-track > em { position: absolute; z-index: 5; top: -4px; bottom: -4px; width: 2px; background: white; box-shadow: 0 0 0 1px rgba(4,12,27,.3); }
.pm-timeline-track > em::before { content:""; position:absolute;left:-3px;top:-2px;width:8px;height:8px;border-radius:50%;background:white; }
.pm-trim-mask { position: absolute; z-index: 2; top: 0; bottom: 0; width: 9%; background: rgba(4,10,23,.65); }.pm-trim-mask--left{left:0}
.pm-trim-handle { position: absolute; z-index: 4; top: 0; bottom: 0; width: 8px; background: #ffd563; }.pm-trim-handle::after{content:"";position:absolute;left:3px;top:19px;width:2px;height:15px;border-radius:2px;background:#6d5512}.pm-trim-handle--left{left:9%}.pm-trim-handle--right{right:7%}
.pm-timeline-editor input { width: 100%; height: 18px; margin: 5px 0 -4px; opacity: 0; cursor: ew-resize; }
.pm-editor-tools { display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; margin-top: 9px; }
.pm-editor-tools button { min-height: 58px; display: grid; place-items: center; gap: 4px; padding: 5px; border-radius: 16px; color: #778194; background: rgba(255,255,255,.72); }
.pm-editor-tools button.is-active { color: white; background: var(--pm-ink); box-shadow: 0 9px 20px rgba(7,19,39,.16); }.pm-editor-tools small{font-size:6px;font-weight:700}
.pm-editor-hint { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 11px 12px 0; color: #8b93a1; font-size: 7px; line-height: 1.4; text-align: center; }
.pm-video-annotate .pm-editor-canvas { height: 420px; }
.pm-editor-canvas > svg { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; overflow: visible; }
.pm-editor-canvas > svg path,.pm-editor-canvas > svg circle { fill: none; stroke: #ff6d61; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 2px 2px rgba(0,0,0,.28)); }
.pm-editor-canvas > svg text { fill: white; stroke: rgba(6,17,38,.35); stroke-width: 1px; paint-order: stroke; font: 750 14px var(--pm-font); }
.pm-editor-canvas .pm-editor-sticker { position: absolute; z-index: 3; right: 16px; top: 22px; width: 62px; height: 62px; object-fit: contain; opacity: 1; filter: drop-shadow(0 6px 9px rgba(0,0,0,.22)); }
.pm-annotation-line,.pm-annotation-arrow { stroke-dasharray: 330; stroke-dashoffset: 330; animation: pm-draw-line 1.1s .25s var(--pm-ease-emphasized) forwards; }
.pm-color-row { min-height: 57px; display: flex; align-items: center; gap: 6px; margin-top: 9px; padding: 5px 8px; border-radius: 16px; background: white; }
.pm-color-row button { width: 44px; height: 44px; position: relative; border-radius: 50%; background: transparent; }.pm-color-row button::before{content:"";position:absolute;inset:11px;border-radius:50%;background:#ff6d61}.pm-color-row button:nth-child(2)::before{background:white;box-shadow:inset 0 0 0 1px #d4d8df}.pm-color-row button:nth-child(3)::before{background:var(--pm-blue)}.pm-color-row button:nth-child(4)::before{background:#ffd563}.pm-color-row button.is-active::before{box-shadow:0 0 0 4px white,0 0 0 6px #ff6d61}
.pm-color-row span { margin-left: auto; padding: 6px 9px; border-radius: 9px; color: #6f7887; background: #f0f2f5; font-size: 7px; }
.pm-editor-history { display: grid; grid-template-columns: repeat(2,1fr); gap: 7px; margin-top: 8px; }.pm-editor-history button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:14px;color:#6e788b;background:white;font-size:7px;font-weight:700}
.pm-video-preview .pm-editor-canvas { height: 344px; }
.pm-preview-meta { margin-top: 10px; padding: 12px; border-radius: 20px; background: white; }
.pm-preview-meta label { display: grid; gap: 6px; }.pm-preview-meta label>span{font-size:8px;font-weight:760}.pm-preview-meta textarea{height:68px;resize:none;padding:9px;border:1px solid var(--pm-line);border-radius:13px;outline:0;background:#f6f7f9;color:var(--pm-ink);font:9px/1.4 var(--pm-font)}
.pm-preview-meta > div { display: flex; gap: 5px; margin-top: 8px; }.pm-preview-meta>div span{display:flex;align-items:center;gap:3px;padding:5px 7px;border-radius:9px;color:#657087;background:#f0f3f7;font-size:6px}
.pm-private-delivery { margin-top: 9px; }
.pm-video-receipt { text-align: center; }
.pm-delivery-orbit { display: grid; justify-items: center; position: relative; overflow: hidden; padding: 31px 10px 24px; }
.pm-delivery-orbit::before { content:""; position:absolute;width:220px;height:220px;top:-67px;border:1px solid rgba(23,70,176,.12);border-radius:50%;box-shadow:0 0 0 28px rgba(23,70,176,.04),0 0 0 56px rgba(23,70,176,.025);animation:pm-premium-spin 12s linear infinite }
.pm-delivery-orbit > span { z-index:2;width:68px;height:68px;display:grid;place-items:center;margin-bottom:13px;border-radius:50%;color:white;background:var(--pm-blue);box-shadow:0 0 0 11px rgba(23,70,176,.09),0 13px 26px rgba(23,70,176,.25)}
.pm-delivery-orbit > span b { width:26px;height:26px;border:3px solid rgba(255,255,255,.35);border-top-color:white;border-radius:50%;animation:pm-premium-spin .8s linear infinite }
.pm-delivery-orbit.is-done > span{background:var(--pm-green);box-shadow:0 0 0 11px rgba(11,150,105,.09),0 13px 26px rgba(11,150,105,.23);animation:pm-success-pop 560ms var(--pm-ease-emphasized) both}
.pm-delivery-orbit small,.pm-delivery-orbit h2,.pm-delivery-orbit p{z-index:2}.pm-delivery-orbit small{color:var(--pm-blue);font-size:7px;font-weight:850;letter-spacing:1px}.pm-delivery-orbit h2{margin-top:6px;font-size:20px;letter-spacing:-.6px}.pm-delivery-orbit p{max-width:285px;margin-top:5px;color:var(--pm-muted);font-size:8px;line-height:1.4}
.pm-delivery-card { min-height:72px;display:grid;grid-template-columns:52px minmax(0,1fr) 21px;align-items:center;gap:10px;padding:9px;border-radius:18px;background:white;text-align:left;box-shadow:0 8px 22px rgba(18,31,58,.06)}.pm-delivery-card>img{width:52px;height:52px;border-radius:13px;object-fit:cover}.pm-delivery-card>div{min-width:0;display:grid;gap:4px}.pm-delivery-card strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.pm-delivery-card small{color:var(--pm-muted);font-size:7px}.pm-delivery-card i{height:4px;overflow:hidden;border-radius:4px;background:#e5e8ee}.pm-delivery-card i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pm-blue),#65a1ff);transition:width 340ms ease}.pm-delivery-card>svg{color:var(--pm-green)}
.pm-delivery-steps { display:grid;margin-top:11px;padding:12px;border-radius:19px;background:white;text-align:left }.pm-delivery-steps p{min-height:50px;display:grid;grid-template-columns:25px 1fr;gap:8px;position:relative}.pm-delivery-steps p:not(:last-child)::after{content:"";position:absolute;left:12px;top:25px;bottom:0;border-left:1px solid #dae0e8}.pm-delivery-steps p>i{z-index:2;width:25px;height:25px;display:grid;place-items:center;border:2px solid #d8dde5;border-radius:50%;background:white}.pm-delivery-steps p.is-done>i{color:white;border-color:var(--pm-green);background:var(--pm-green)}.pm-delivery-steps p.is-live>i{border-color:var(--pm-blue);box-shadow:0 0 0 4px var(--pm-blue-soft)}.pm-delivery-steps p.is-live>i::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--pm-blue)}.pm-delivery-steps span{display:grid;align-content:start;gap:3px;padding-top:2px}.pm-delivery-steps strong{font-size:8px}.pm-delivery-steps small{color:var(--pm-muted);font-size:7px}

@keyframes pm-premium-spin { to { transform: rotate(1turn); } }
@keyframes pm-premium-breathe { 50% { opacity: .25; transform: scale(1.12); } }
@keyframes pm-premium-dot { 50% { opacity: .48; transform: scale(.8); } }
@keyframes pm-bubble-in { from { opacity: 0; transform: translate3d(-8px,7px,0) scale(.97); } }
@keyframes pm-wave { to { opacity: .55; transform: scaleY(.72); } }
@keyframes pm-sticker-float { 50% { transform: translateY(-4px) rotate(1.5deg); } }
@keyframes pm-recording { 50% { box-shadow: 0 0 0 8px rgba(243,58,53,.13); } }
@keyframes pm-draw-line { to { stroke-dashoffset: 0; } }
@keyframes pm-success-pop { 0%{opacity:0;transform:scale(.55) rotate(-15deg)}70%{transform:scale(1.08) rotate(2deg)} }

@media (hover:hover) and (pointer:fine) {
  .pm-chat-list > button:hover { background: rgba(234,240,255,.56); }
  .pm-paid-circle:hover .pm-paid-circle__halo { transform: translateY(-3px) scale(1.035); transition: transform var(--pm-normal) var(--pm-ease-emphasized); }
  .pm-editor-tools button:hover,.pm-attachment-grid button:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(19,34,63,.1); }
}

@media (prefers-reduced-motion:reduce) {
  .pm-paid-circle__halo::before,.pm-paid-circle__halo::after,.pm-paid-strip>header span b,.pm-waveform b,.pm-bubble,.pm-bubble--sticker img,.pm-delivery-orbit::before,.pm-delivery-orbit>span b,.pm-annotation-line,.pm-annotation-arrow { animation-duration: .001s !important; animation-iteration-count: 1 !important; }
  .pm-editor-canvas > img:first-child { transition-duration: .001s; }
}