.reel-panel{background:var(--surface-1);min-height:0;box-shadow:var(--shadow-dialog);color:var(--text-1);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.reel-panel-head{flex:none;align-items:flex-start;gap:16px;padding:16px;display:flex}.reel-panel-avatar{width:24px;height:24px;font-size:var(--small-caption-size);background:var(--accent);color:var(--on-accent);font-weight:600;line-height:var(--small-caption-line);border-radius:999px;flex:none;place-items:center;display:grid}.reel-panel-body{overscroll-behavior:contain;flex-direction:column;flex:1;justify-content:flex-start;gap:16px;min-height:0;padding:0 16px 16px;display:flex;overflow-y:auto}.reel-block{background:var(--surface-2);border-radius:12px;flex:none;padding:16px}.reel-block-label{align-items:center;gap:var(--small-gap);margin:0 0 var(--small-gap);color:var(--text-2);font-size:var(--small-caption-size);font-weight:500;line-height:var(--small-caption-line);display:flex}.reel-block-count{color:var(--text-3);font-family:var(--font-number);font-size:var(--small-caption-size);line-height:var(--small-caption-line)}.reel-inputs{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.reel-inputs li{background:var(--surface-3);border-radius:10px;width:64px;height:64px;position:relative;overflow:hidden}.reel-inputs img{object-fit:cover}.reel-panel-foot{border-top:1px solid var(--border);flex:none;padding:12px 14px 14px}.reel-actions{flex-direction:column;gap:8px;display:flex}.reel-actions-main{justify-content:center;width:100%}.reel-panel-identity{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.reel-panel-kicker{color:var(--text-2);font-size:var(--small-caption-size);font-weight:400;line-height:var(--small-caption-line);flex-basis:100%;margin:0}.reel-panel-author{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;margin:0;font-size:14px;line-height:1.5;display:flex}.reel-prompt-heading{justify-content:space-between;align-items:center;gap:8px;min-height:28px;margin-bottom:8px;display:flex}.reel-prompt-heading .reel-block-label{margin:0}.reel-prompt-text{overscroll-behavior:contain;overflow-wrap:anywhere;white-space:pre-wrap;max-height:5.14286em;margin:0;font-size:14px;line-height:1.71429;overflow-y:auto}.reel-prompt-text[data-fade]{-webkit-mask-image:linear-gradient(to bottom, var(--text-1) 75%, transparent);mask-image:linear-gradient(to bottom, var(--text-1) 75%, transparent)}.reel-prompt-text[data-expanded]{max-height:none}.reel-prompt-text:focus-visible,.reel-input-thumb:focus-visible{outline:2px solid var(--text-2);outline-offset:2px}.reel-prompt-note{align-items:flex-start;gap:var(--small-gap);margin:var(--small-gap) 0 0;color:var(--text-2);font-size:var(--small-caption-size);line-height:var(--small-caption-line);display:flex}.reel-prompt-note svg{flex:none;margin-top:2px}.reel-prompt-locked .q1-placeholder-prompt>span{background:var(--text-2);height:8px}.reel-prompt-locked .q1-lock-preview{min-height:112px}.reel-input-thumb{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.reel-input-lightbox{--dialog-width:960px}.reel-input-lightbox img{object-fit:contain;width:100%;height:auto;max-height:70dvh;display:block}.reel-tools{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.reel-tool{border-radius:var(--radius-control);background:var(--surface-1);min-height:36px;box-shadow:inset 0 0 0 1px var(--border);color:var(--text-1);align-items:center;gap:8px;padding:0 8px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.reel-tool:hover{box-shadow:inset 0 0 0 1px var(--border-strong)}.reel-tool>svg{color:var(--text-2)}.reel-tool-icon{background:var(--accent);width:24px;height:24px;color:var(--on-accent);font-size:var(--small-caption-size);line-height:var(--small-caption-line);border-radius:8px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.reel-tool-icon img{object-fit:cover}.reel-parameters{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.reel-parameter{background:var(--surface-3);min-height:24px;color:var(--text-2);font-size:var(--small-caption-size);line-height:var(--small-caption-line);border-radius:8px;align-items:center;padding:0 8px;display:inline-flex}.reel-prompt-samples{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;display:grid}.reel-details{background:var(--surface-2);border-radius:12px;flex:none}.reel-details>summary{min-height:44px;color:var(--text-2);font-size:var(--small-caption-size);line-height:var(--small-caption-line);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;list-style:none;display:flex}.reel-details>summary::-webkit-details-marker{display:none}.reel-details>summary:focus-visible{outline:2px solid var(--text-2);outline-offset:-2px;border-radius:12px}.reel-details>summary svg{transition:transform var(--dur-base) var(--ease-ui);flex:none}.reel-details[open]>summary svg{transform:rotate(180deg)}.reel-details-body{grid-template-columns:1fr 1fr;gap:8px 12px;margin:0;padding:0 16px 16px;display:grid}.reel-details-body>div{min-width:0}.reel-details-body dt{color:var(--text-3);font-size:var(--small-caption-size);line-height:var(--small-caption-line)}.reel-details-body dd{overflow-wrap:anywhere;color:var(--text-1);font-size:var(--small-caption-size);line-height:var(--small-caption-line);margin:2px 0 0}.reel-variants{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.reel-variants::-webkit-scrollbar{display:none}.reel-variants>li{scroll-snap-align:start;flex:none;width:92px}.reel-variant{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.reel-variant-media{aspect-ratio:9/16;background:var(--surface-3);width:100%;box-shadow:inset 0 0 0 1px var(--border);border-radius:10px;display:block;position:relative;overflow:hidden}.reel-variant-media img,.reel-variant-media video{object-fit:cover;width:100%;height:100%;display:block}.reel-variant[data-active] .reel-variant-media{box-shadow:inset 0 0 0 2px var(--accent)}.reel-variant-label{color:var(--text-2);font-size:var(--small-caption-size);line-height:var(--small-caption-line);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;display:block;overflow:hidden}.reel-variant[data-active] .reel-variant-label{color:var(--text-1)}.reel-guide{color:var(--text-2);font-size:var(--small-meta-size);line-height:var(--small-meta-line);overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.reel-guide+.reel-tools,.reel-guide+.reel-parameters{margin-top:var(--space-3)}@media (pointer:coarse){.reel-input-thumb{min-width:44px;min-height:44px}}.reel-prompt-text{max-height:5.14286em;overflow:hidden}.reel-actions-main{min-height:44px}
.reel-interactions{--heart-deep:#b9183c;--heart-red:#ed3c57;--heart-coral:#ff8676;--heart-edge:#ffb0a0;--heart-glint:#fff0dd;pointer-events:none;z-index:2;position:absolute;inset:0}.reel-touch-surface{cursor:pointer;pointer-events:auto;touch-action:manipulation;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.reel-social-rail{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:56px;right:12px}.reel-social-button{width:48px;color:var(--reel-text,#fff);font:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;text-decoration:none;display:flex;position:relative}.reel-social-disc{-webkit-backdrop-filter:blur(14px);background:linear-gradient(150deg,#ffffff17,#ffffff03),#11111165;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 .5px #ffffff38,0 3px 10px #00000029}.reel-heart-icon,.reel-bookmark-icon{display:inline-flex}.reel-heart-icon{width:31px;height:31px}.reel-heart-icon svg{width:100%;height:100%}.reel-social-label{font-size:var(--small-caption-size);font-weight:500;line-height:var(--small-caption-line);text-shadow:0 1px 5px #000}.reel-social-tutorial .reel-social-disc{color:var(--on-accent);background:var(--brand-material);box-shadow:var(--brand-ring)}.reel-social-button:focus-visible,.reel-touch-surface:focus-visible{outline:2px solid var(--reel-text,#fff);outline-offset:4px;border-radius:24px}.reel-like-burst{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.reel-like-ring{border:1px solid var(--heart-coral);border-radius:50%;position:absolute;inset:0}.reel-like-particle{background:var(--heart-coral);border-radius:50%;width:4px;height:4px;position:absolute}.reel-like-particle[data-tone="1"]{background:var(--heart-red)}.reel-like-particle[data-tone="3"]{background:var(--accent);width:3px;height:3px}.reel-floating-heart{pointer-events:none;filter:drop-shadow(0 8px 16px #6c071e40);width:96px;height:96px;margin:-48px;position:absolute}.reel-floating-heart svg{width:100%;height:100%}.reel-player-controls{z-index:3}.reel-source-meta .viral-flame{margin-left:4px}.reels-card-tag,.hc-reel-tag{gap:4px}.reel-block-title h2 .viral-flame,.reel-slide-info h2 .viral-flame{margin-left:5px}.reel-interactions[data-demo]{background:linear-gradient(145deg,#82776f,#252027);border-radius:20px;width:88px;min-height:330px;position:relative}.reel-interactions[data-demo] .reel-social-rail{justify-content:center;inset:18px 0}.ds-reel-interactions{align-items:center;gap:24px;display:flex}@media (max-width:767px){.reel-slide .reel-social-rail{right:10px;bottom:max(calc(env(safe-area-inset-bottom) + 178px), 24%);gap:13px}.reel-slide .reel-slide-info{pointer-events:none;right:76px}.reel-slide-info .reel-actions{pointer-events:auto}}@media (max-height:700px){.reel-social-rail{gap:7px;bottom:42px}.reel-slide .reel-social-rail{bottom:calc(env(safe-area-inset-bottom) + 150px);gap:6px}.reel-social-disc{width:40px;height:40px}}@media not (min-width:48rem){.reel-stage .reel-social-rail{gap:4px;max-height:60%;top:auto;bottom:24px;right:8px}.reel-stage .reel-social-button{width:44px;height:48px;min-height:44px}.reel-stage .reel-social-disc{width:32px;height:32px}.reel-stage .reel-social-label{font-size:var(--small-label-size);line-height:var(--small-label-line)}}.reel-slide .reel-social-rail{gap:4px;top:auto;bottom:24px;right:8px}.reel-slide .reel-social-button{width:44px;height:48px;min-height:44px}.reel-slide .reel-social-disc{width:32px;height:32px}.reel-slide .reel-social-label{font-size:var(--small-label-size);line-height:var(--small-label-line)}
.reel-feed{z-index:var(--z-modal);overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;background:var(--surface-1);position:fixed;inset:0;overflow-y:auto}.reel-feed::-webkit-scrollbar{display:none}.reel-feed-close{top:calc(env(safe-area-inset-top) + 12px);z-index:3;width:40px;height:40px;position:fixed;left:12px}.reel-slide{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.reel-slide-media{background:var(--on-accent);flex:none;height:48dvh;position:relative}.reel-slide-media .reel-player{width:min(100%,27dvh);left:50%;right:auto;transform:translate(-50%)}.reel-slide .reel-player-controls{top:calc(env(safe-area-inset-top) + 14px);z-index:2}.reel-slide .reel-panel{box-shadow:none;border-radius:0;flex:1}.reel-slide .reel-panel-foot{padding-bottom:calc(16px + env(safe-area-inset-bottom));flex:none}@media (pointer:coarse){.reel-feed-close{min-width:44px;min-height:44px}}.reel-feed[data-preview]{width:min(100%, var(--reel-preview-mobile-width));height:var(--reel-preview-height);z-index:auto;position:relative}.reel-feed[data-preview] .reel-feed-close{top:var(--space-3);margin-bottom:-40px;position:sticky}.reel-feed[data-preview] .reel-slide{height:var(--reel-preview-height)}.reel-feed[data-preview] .reel-slide .reel-player-controls{top:var(--space-4)}.reel-slide{overscroll-behavior-y:contain;overflow-y:auto}.reel-slide-media{aspect-ratio:9/16;width:100%;height:auto}.reel-slide-media .reel-player{width:100%;inset:0;transform:none}.reel-slide .reel-panel{flex:none;height:auto;min-height:320px}.reel-slide .reel-player-controls{top:calc(env(safe-area-inset-top) + 12px);right:12px}.reel-feed-close{width:44px;height:44px}.reel-feed[data-preview] .reel-slide-media{height:auto}
.reel-stage{--reel-panel-w:clamp(380px, 28vw, 420px);--reel-stage-h:100dvh;isolation:isolate;grid-template-columns:minmax(0, 1fr) var(--reel-panel-w);align-items:center;height:100%;padding:0;display:grid;position:relative}.reel-stage-main{grid-column:1;justify-content:center;align-items:center;gap:24px;min-width:0;height:100%;display:flex}.reel-stage[data-mode=page]{--reel-stage-h:clamp(520px, calc(100dvh - 220px), 960px);max-width:1600px;height:auto;margin-inline:auto;padding:0}.reel-stage-backdrop{z-index:-1;opacity:.2;pointer-events:none;position:absolute;inset:-8%}.reel-stage-backdrop img{object-fit:cover}.reel-stage-media{width:auto;height:min(calc(var(--reel-stage-h) - 48px), calc((100vw - var(--reel-panel-w) - 120px) * 16 / 9));aspect-ratio:9/16;background:var(--on-accent);border-radius:16px;flex:none;justify-self:center;max-width:100%;position:relative;overflow:hidden}.reel-stage .reel-panel{height:var(--reel-stage-h);max-height:var(--reel-stage-h);box-shadow:none;border-left:1px solid var(--border);border-radius:0;grid-column:2;align-self:center}.reel-stage[data-mode=page] .reel-panel{box-shadow:var(--shadow-dialog);border-left:0;border-radius:16px}.reel-stage-nav{color:var(--reel-text);flex-direction:column;flex:none;align-items:center;gap:10px;display:flex;position:static;transform:none}.reel-stage-nav button{background:color-mix(in srgb, var(--reel-text) 14%, transparent);width:44px;height:44px;color:inherit;cursor:pointer;transition:transform var(--dur-base) var(--ease-glide);border:0;border-radius:999px;place-items:center;display:grid}.reel-stage-nav button:hover:not(:disabled){transform:scale(1.06)}.reel-stage-nav button:disabled{opacity:.3;cursor:default}.reel-stage-nav span{font-family:var(--font-number);font-size:var(--small-caption-size);opacity:1;line-height:var(--small-caption-line);color:var(--media-muted)}.reel-stage-nav i{opacity:.6;margin-inline:2px;font-style:normal}.reel-stage[data-mode=page] .reel-stage-nav{color:var(--text-1)}.reel-stage[data-mode=page] .reel-stage-nav button{background:var(--surface-3)}.reels-detail{padding:var(--space-6) var(--layout-gutter) var(--space-12)}.reel-player{background:var(--on-accent);position:absolute;inset:0}.reel-player img{object-fit:cover}.reel-player-video{object-fit:cover;opacity:0;cursor:pointer;width:100%;height:100%;transition:opacity var(--dur-base) var(--ease-ui);position:absolute;inset:0}.reel-player[data-ready] .reel-player-video{opacity:1}.reel-player-progress{background:color-mix(in srgb, var(--reel-text) 28%, transparent);pointer-events:none;border-radius:2px;height:3px;position:absolute;bottom:12px;left:12px;right:12px;overflow:hidden}.reel-player-progress>i{background:var(--reel-text);transform-origin:0;height:100%;transition:transform .25s linear;display:block;transform:scaleX(0)}.reel-player-controls{gap:8px;display:flex;position:absolute;top:12px;right:12px}.reel-player-button,.reel-feed-close{background:color-mix(in srgb, var(--on-accent) 40%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:36px;height:36px;box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--reel-text) 20%, transparent);color:var(--reel-text);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.reel-player-video,.reel-player-progress>i,.reel-stage-nav button,.reel-details>summary svg{transition:none}}@media (pointer:coarse){.reel-stage-nav button{min-width:44px;min-height:44px}}.reel-stage[data-mode=preview]{--reel-stage-h:var(--reel-preview-height);column-gap:var(--space-4);padding:var(--space-4);max-width:100%;height:auto;color:var(--text-1);grid-template-columns:minmax(0,9fr) minmax(0,8fr)}.reel-stage[data-mode=preview] .reel-stage-main{grid-column:1;height:auto}.reel-stage[data-mode=preview] .reel-stage-media{width:100%;height:auto;max-height:var(--reel-preview-height)}.reel-stage[data-mode=preview] .reel-panel{min-width:0;height:auto;max-height:var(--reel-preview-height);box-shadow:var(--shadow-dialog);border:0;border-radius:16px;grid-column:2}.reel-stage[data-mode=preview] .reel-stage-nav{display:none}@media not (min-width:48rem){.reel-stage,.reel-stage[data-mode=preview],.reel-stage[data-mode=page]{flex-direction:column;align-items:stretch;gap:0;height:auto;min-height:100%;padding:0;display:flex}.reel-stage .reel-stage-main,.reel-stage[data-mode=preview] .reel-stage-main{flex-direction:column;align-items:stretch;gap:0;height:auto}.reel-stage .reel-stage-media,.reel-stage[data-mode=preview] .reel-stage-media{aspect-ratio:9/16;flex-shrink:0;width:100%;height:auto;max-height:none}.reel-stage .reel-panel,.reel-stage[data-mode=preview] .reel-panel{height:auto;min-height:320px;max-height:none;box-shadow:none;border:0;border-radius:0}.reel-stage-nav,.reel-stage[data-mode=preview] .reel-stage-nav{padding:var(--space-4);flex-direction:row;justify-content:center;display:flex;position:static;transform:none}.reel-player-button,.reel-feed-close{min-width:44px;min-height:44px}.reel-player-controls{right:var(--space-3);top:var(--space-3)}}