.screen{--nav-h: 156px;--bar-h: 84px;position:relative;width:402px;height:874px;overflow:hidden;background:var(--screen-bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Segoe UI,Roboto,Arial,sans-serif;font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;isolation:isolate}.screen *{box-sizing:border-box}.screen.is-rounded{border-radius:55px}.statusbar{position:absolute;inset:0 0 auto 0;height:62px;display:flex;align-items:center;justify-content:space-between;padding:6px 32px 0 42px;z-index:40;pointer-events:none}.statusbar-left,.statusbar-right{display:flex;align-items:center;gap:7px}.statusbar-right{gap:5px}.statusbar-time{font-size:18px;font-weight:600;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.statusbar-carrier{font-size:12px;font-weight:600;letter-spacing:-.1px}.glass{background-image:var(--glass-sheen),var(--glass-grad);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:inset 0 .8px 0 var(--glass-rim),inset 0 -.8px 0 var(--glass-rim-bottom),inset 0 0 0 .5px var(--glass-edge),var(--glass-shadow)}.glass-strong{background-image:var(--glass-sheen),var(--glass-grad-strong)}.screen.is-exporting .glass,.screen.is-exporting .sticker-btn .dot-1,.screen.is-exporting .sticker-btn .dot-2{-webkit-backdrop-filter:none;backdrop-filter:none}.navbar{position:absolute;inset:0 0 auto 0;height:var(--nav-h);z-index:30;background:rgba(var(--nav-bg),var(--nav-alpha, .94));border-bottom:.5px solid var(--hairline)}.navbar.is-transparent{background:transparent;border-bottom-color:transparent}.nav-back{position:absolute;left:16px;top:62px;height:44px;min-width:44px;padding:0 10px;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:1px;color:var(--fg)}.nav-back-count{font-size:17px;font-weight:500;letter-spacing:-.3px;padding-right:2px}.nav-title{position:absolute;left:0;right:0;top:62px;display:flex;flex-direction:column;align-items:center}.nav-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;background:#b6bccb;display:flex;align-items:center;justify-content:center;color:#fff;font-size:23px;font-weight:500;letter-spacing:.2px;box-shadow:0 2px 10px #00000024}.nav-avatar img{width:100%;height:100%;object-fit:cover;display:block}.nav-name{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:600;letter-spacing:-.3px;padding:6px 12px;margin-top:-4px;border-radius:16px;max-width:260px}.nav-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-name svg{color:var(--fg);flex:none;opacity:.85}.thread-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.thread-layer.is-blurred{filter:blur(var(--thread-blur, 18px))}.thread-edge{z-index:11;filter:blur(var(--edge-blur, 7px));-webkit-mask-image:linear-gradient(180deg,#000 0,#000 var(--edge-solid, 92px),transparent var(--edge-fade, 168px));mask-image:linear-gradient(180deg,#000 0,#000 var(--edge-solid, 92px),transparent var(--edge-fade, 168px))}.top-scrim{position:absolute;top:0;left:0;right:0;height:var(--edge-fade, 168px);z-index:12;background:linear-gradient(180deg,rgba(var(--overlay-wash),var(--scrim, .55)),rgba(var(--overlay-wash),calc(var(--scrim, .55) * .82)) 52%,rgba(var(--overlay-wash),0))}.thread{position:absolute;left:0;right:0;bottom:var(--bar-h);padding:0 16px 6px;display:flex;flex-direction:column}.row{display:flex;flex-direction:column;margin-top:2px}.row.gap-new{margin-top:10px}.row.side-in{align-items:flex-start}.row.side-out{align-items:flex-end}.row.is-hidden{visibility:hidden}.bubble{position:relative;max-width:292px;padding:8px 13px 9px;border-radius:19px;font-size:17px;line-height:21.5px;letter-spacing:-.32px;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.bubble.side-in{background:var(--in-bg);color:var(--in-fg);--tail: var(--in-bg)}.bubble.side-out{background:var(--out-bg);color:#fff;--tail: var(--out-solid)}.bubble a,.bubble .link{color:inherit;text-decoration:underline;text-underline-offset:2px}.bubble.side-in .link{color:var(--link)}.bubble-tail{position:absolute;bottom:-1px;pointer-events:none}.bubble-tail path{fill:var(--tail);stroke:var(--tail);stroke-width:.6;stroke-linejoin:round}.bubble-tail.tail-out{right:-8px}.bubble-tail.tail-in{left:-8px;transform:scaleX(-1)}.date-sep{align-self:center;text-align:center;font-size:11px;letter-spacing:0;color:var(--fg-secondary);padding:14px 0 6px;max-width:320px}.date-sep b{font-weight:600}.receipt{font-size:11px;color:var(--fg-secondary);padding:2px 4px;letter-spacing:-.05px}.receipt b{font-weight:600}.effect-label{font-size:11px;color:var(--fg-secondary);padding:2px 6px 0}.msg-image{border-radius:19px;overflow:hidden;max-width:292px;background:var(--in-bg);line-height:0}.msg-image img{width:100%;height:auto;display:block}.msg-caption{margin-top:3px}.link-card{width:262px;border-radius:19px;overflow:hidden;background:var(--in-bg);color:var(--in-fg)}.link-card.side-out{background:var(--out-bg);color:#fff}.link-card-media{width:100%;aspect-ratio:1.91 / 1;background:#78788038;display:flex;align-items:center;justify-content:center;line-height:0;overflow:hidden}.link-card-media img{width:100%;height:100%;object-fit:cover;display:block}.link-card-media .placeholder{font-size:26px;opacity:.55}.link-card-body{padding:9px 12px 11px;background:#0000000f}.link-card.side-out .link-card-body{background:#00000021}.link-card-title{font-size:14px;font-weight:500;line-height:18px;letter-spacing:-.2px}.link-card-domain{font-size:12px;line-height:16px;opacity:.62;margin-top:1px}.link-url{font-size:17px;line-height:21.5px;letter-spacing:-.32px;padding:8px 13px 4px;text-decoration:underline;text-underline-offset:2px}.link-card.side-in .link-url{color:var(--link)}.audio-bubble{display:flex;align-items:center;gap:10px;padding:9px 14px 9px 11px;min-width:176px}.audio-play{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff3d;flex:none;padding-left:2px}.bubble.side-in .audio-play{background:#78788038}.audio-wave{display:flex;align-items:center;gap:2px;height:22px;flex:1}.audio-wave i{display:block;width:2px;border-radius:1px;background:currentColor;opacity:.9}.audio-duration{font-size:12px;opacity:.75;font-variant-numeric:tabular-nums;flex:none}.audio-transcript{font-size:15px;line-height:19px;opacity:.9;padding:0 2px 2px;max-width:260px}.typing{width:62px;height:38px;border-radius:19px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0}.typing i{width:8px;height:8px;border-radius:50%;background:#8e8e93;display:block;animation:typing-pulse 1.4s infinite ease-in-out}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes typing-pulse{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:.95;transform:translateY(-1.5px)}}.inputbar{position:absolute;left:0;right:0;bottom:0;height:var(--bar-h);padding:8px 13px 38px;display:flex;align-items:center;gap:9px;z-index:32;background:rgba(var(--nav-bg),var(--nav-alpha, .94))}.input-plus{width:34px;height:34px;border-radius:50%;background:var(--chip-bg);color:var(--fg-secondary);display:flex;align-items:center;justify-content:center;flex:none}.input-field{flex:1;height:36px;border-radius:18px;border:.7px solid var(--field-stroke);background:var(--field-bg);display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;color:var(--fg-secondary);font-size:17px;letter-spacing:-.32px}.home-indicator{position:absolute;bottom:9px;left:50%;transform:translate(-50%);width:144px;height:5px;border-radius:3px;background:var(--home-indicator);z-index:45}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20}.overlay-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--overlay-wash),var(--wash, .06))}.lifted{position:absolute;display:flex;flex-direction:column}.lifted .bubble{box-shadow:0 10px 34px #00000024}.tapbar{position:absolute;height:52px;border-radius:26px;display:flex;align-items:center;gap:13px;padding:0 15px;max-width:372px;overflow:hidden}.tapback-emoji{line-height:1;display:block}.tapback-haha{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.02;font-weight:800;letter-spacing:.3px;color:#3ba3ff;width:30px;-webkit-text-stroke:.6px #2b8ce6}.ctxmenu{position:absolute;width:258px;border-radius:15px;overflow:hidden;padding:4px 0}.ctxmenu-item{height:45px;display:flex;align-items:center;gap:15px;padding:0 17px;font-size:17px;letter-spacing:-.32px;color:var(--fg)}.ctxmenu-item.is-danger{color:#ff3b30}.ctxmenu-item svg{flex:none}.ctxmenu-sep{height:1px;background:var(--menu-sep);margin:3px 17px}.sticker-btn{position:absolute;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;line-height:1}.sticker-btn .dot-1,.sticker-btn .dot-2{position:absolute;border-radius:50%;background-image:var(--glass-sheen),var(--glass-grad-strong);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:inset 0 0 0 .5px var(--glass-edge),0 2px 6px #0000001f}.sticker-btn .dot-1{width:11px;height:11px;bottom:-4px;left:-1px}.sticker-btn .dot-2{width:5px;height:5px;bottom:-11px;left:-6px}:root{--bg: #14161a;--bg-2: #1b1e24;--bg-3: #22262e;--line: #2f343d;--text: #e8eaee;--muted: #99a1ae;--primary: #3b82f6;--danger: #ef4444;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:13px}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--bg-2);flex:none}.brand{display:flex;align-items:baseline;gap:10px}.brand strong{font-size:15px;letter-spacing:-.2px}.brand span{color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:8px}.workspace{display:grid;grid-template-columns:430px minmax(0,1fr);flex:1;min-height:0}.sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--bg-2)}.tabs{display:flex;gap:2px;padding:8px 8px 0;flex:none;overflow-x:auto}.tabs button{flex:1;padding:8px 10px;border:0;border-radius:8px 8px 0 0;background:transparent;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap}.tabs button.is-active{background:var(--bg-3);color:var(--text)}.sidebar-body{flex:1;min-height:0;overflow-y:auto;padding:14px;background:var(--bg-3)}.panel{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.field-hint,.hint{color:var(--muted);font-size:11px;line-height:1.4;margin:0}.grid{display:grid;gap:12px}.input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:7px 9px;font:inherit;min-width:0}.input:focus{outline:2px solid var(--primary);outline-offset:-1px}.textarea{resize:vertical;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:22px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 13px) 14px,calc(100% - 8px) 14px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.slider-wrap{display:flex;align-items:center;gap:10px}.slider{flex:1;accent-color:var(--primary);min-width:0}.slider-value,.readout{color:var(--muted);font-variant-numeric:tabular-nums;min-width:46px;text-align:right;font-size:12px}.segmented{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:2px;gap:2px}.segmented button{border:0;background:transparent;color:var(--muted);font:inherit;padding:5px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}.segmented button.is-active{background:var(--primary);color:#fff}.toggle{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text);font:inherit;cursor:pointer;padding:0}.toggle-track{width:34px;height:20px;border-radius:10px;background:var(--line);position:relative;transition:background .15s;flex:none}.toggle.is-on .toggle-track{background:var(--primary)}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.is-on .toggle-knob{transform:translate(14px)}.toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.btn{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;padding:6px 10px;font:inherit;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.btn:hover{border-color:#444b57}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-danger{color:#ff9a9a;border-color:#4a2a2a}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.swatch.is-active{border-color:#fff;box-shadow:0 0 0 2px var(--primary)}.image-input{display:flex;flex-direction:column;gap:8px}.image-input-row{display:flex;align-items:center;gap:8px}.image-input-row .input{flex:1}.field-hint.error,.error{color:#ff9a9a}.image-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid var(--line)}.quickadd{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2)}.quickadd-actions{display:flex;flex-wrap:wrap;gap:6px}.msg-list{display:flex;flex-direction:column;gap:10px}.msg-card{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--bg-2);display:flex;flex-direction:column;gap:8px}.msg-card.is-target{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset}.msg-card-head,.msg-card-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.msg-card-head .spacer{flex:1}.mini-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.msg-card-foot .select{width:auto;min-width:110px}.badge{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:2px 6px}.target-chip{display:inline-block;max-width:100%;padding:4px 8px;border-radius:6px;background:var(--bg);border:1px solid var(--line);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px}.section-head h3{margin:0;font-size:13px}.section-actions{display:flex;gap:6px}.menu-editor{display:flex;flex-direction:column;gap:6px}.menu-row{display:grid;grid-template-columns:22px 92px minmax(0,1fr) auto auto auto auto;align-items:center;gap:4px}.menu-row .btn{padding:5px 7px}.menu-icon-preview{color:var(--muted);display:flex}.tapback-picker{display:flex;gap:6px;flex-wrap:wrap}.tapback-toggle{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.4;filter:grayscale(1)}.tapback-toggle.is-on{opacity:1;filter:none;border-color:var(--primary)}.export-actions{display:flex;gap:8px;flex-wrap:wrap}.status{color:var(--muted);margin:0}.stage{display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(circle at 50% 0%,#23272f,#14161a 70%)}.stage-toolbar{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--line);color:var(--muted);flex:none}.stage-toolbar input[type=range]{width:160px;accent-color:var(--primary)}.stage-canvas{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px}.phone-scaler{transform-origin:top left;flex:none;filter:drop-shadow(0 24px 60px rgba(0,0,0,.55));cursor:grab;touch-action:none}.phone-scaler:active{cursor:grabbing}.stage-toolbar .spacer{flex:1}