/* Exact design states and layout rules shared across all screen sizes. */
[hidden]{display:none!important}.contact-selected::after{content:none!important}.contact-check{position:absolute;left:124px;top:116px;width:60px;height:60px;pointer-events:none}.contact-scroll{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;touch-action:pan-x}.contact-scroll::-webkit-scrollbar{display:none}
.edit-note{left:48px;width:860px;color:#92929b!important}.design-canvas textarea.edit-note{font-size:inherit}.edit-note::placeholder{color:#92929b}[data-screen=share-ready] .edit-note{font-size:36px!important}
.play-toggle{position:relative}.play-toggle>img{position:absolute!important;left:50%!important;top:50%!important;width:var(--toggle-icon-size,72.222%)!important;height:var(--toggle-icon-size,72.222%)!important;transform:translate(-50%,-50%);object-fit:contain}.play-toggle>div{display:contents}.play-toggle>div img{position:absolute!important;left:50%!important;top:50%!important;width:var(--toggle-icon-size,72.222%)!important;height:var(--toggle-icon-size,72.222%)!important;transform:translate(-50%,-50%);object-fit:contain}.play-toggle::after{content:none!important}
.video-effects{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:10}.reaction-effect{pointer-events:none}.hub-scrub{position:absolute;left:37px;right:37px;bottom:25px;height:78px;display:flex;align-items:flex-end;gap:33px;z-index:15}.hub-scrub-toggle{width:56px;height:56px;padding:0;flex-shrink:0;background:none;border:0;color:white}.hub-scrub .summary-rail{width:auto;min-width:0;flex:1;height:78px}
.fixed-moment-rod{position:absolute;top:-27px;width:10px;height:163px;background:white;opacity:.5;border-radius:5px 5px 0 0;transform:translateX(-50%);pointer-events:none}.placed-emoji{top:-294px;z-index:3}.placed-emoji.snapped{top:-234px}.placed-emoji .remove-mark{width:54px;height:54px;top:0;right:-1px;background:none;border:0!important;padding:0}.placed-emoji .remove-mark img{width:54px;height:54px}.mark-plus.at-limit{background:#83838c}.moment-cursor{z-index:4}.emoji-bubble{z-index:6}
.summary-detail{display:block;position:relative;width:1116px;height:88px;overflow:visible!important}.summary-chip{position:absolute;top:0;width:182px;height:88px;transform:translateX(-50%);padding:0 24px;justify-content:center;gap:18px}.summary-chip .chip-glyph{width:36px;height:36px;flex-shrink:0}.summary-chip.clip{width:390px}.summary-chip.clip img{width:44px;height:44px}
.rail-base{z-index:0}.rail-played{z-index:1}.rail-range,.viewer-range{z-index:2}.rail-point,.viewer-marker{z-index:3}.rail-ball{z-index:5}.rail-point::after{content:none}.rail-point{overflow:visible}.rail-point .pin-complete{position:absolute;inset:0;width:70px;height:70px}.rail-point .pin-base{position:absolute;left:3.117px;top:1px;width:64px;height:63px}.rail-point .pin-emoji{position:absolute;left:10.5px;top:7.7px;width:49px;height:49px}.rail-point .pin-tail{position:absolute;left:27.3px;top:62px;width:15.4px;height:7px}
.clip-duration{position:absolute;top:2072px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#202023;border-radius:38px;padding:16px 36px;font-size:40px}.clip-duration img{width:44px;height:44px}.clip-timeline .range-box{pointer-events:none;z-index:6}.range-grab{position:absolute;left:20px;right:20px;height:16px;pointer-events:auto;cursor:grab;touch-action:none}.range-grab.top{top:-10px}.range-grab.bottom{bottom:-10px}.range-handle{pointer-events:auto;z-index:7}.clip-timeline .clip-playhead{pointer-events:auto;cursor:ew-resize;touch-action:none;z-index:5}.clip-playhead::before{content:'';position:absolute;left:-12px;right:-12px;top:16px;bottom:16px}.clip-timeline .range-time{z-index:1}
.design-canvas [data-name=消息输入栏] input.reply-input{position:relative;left:auto;top:auto;flex-shrink:0;width:580px;height:60px;font-size:48px!important;margin:0;padding:0}.reply-send{right:18px;top:20px;width:116px;height:96px}.reply-input::placeholder{color:#98989c}.prototype-toast{max-width:1080px}

.summary-chip .chip-glyph-slot{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center}

/* The original 40×30 tail overlaps the body by 8 px, then follows its rounded edge. */
.emoji-bubble::after{content:none}
.emoji-bubble .bubble-tail{position:absolute;width:40px;height:30px;max-width:none;transform-origin:20px 0;pointer-events:none;user-select:none}

/* Outside selection stroke: the clear inner edges remain the exact start/end times. */
.clip-timeline .range-box{top:0;height:136px;border:0!important;border-radius:0;outline:10px solid #f13f5c;outline-offset:0}
.clip-timeline .range-handle{top:-10px;height:156px;width:34px}
.clip-timeline .range-handle.start{left:-34px}
.clip-timeline .range-handle.end{right:-34px}
.clip-timeline .range-grab{left:0;right:0;height:10px}
.clip-timeline .range-grab.top{top:-10px}
.clip-timeline .range-grab.bottom{bottom:-10px}