.public-scroll-grid:has(>.scroll-slice-background){isolation:isolate}.scroll-slice-background{z-index:-1;pointer-events:none;min-width:0;min-height:0;margin-top:calc(var(--size-13) / -2 - var(--slice-edge-top,0px) + var(--slice-space-before,0px));margin-bottom:calc(var(--size-13) / -2 - var(--slice-edge-bottom,0px) - var(--slice-space-after,0px));margin-left:calc(-1 * var(--slice-bleed-left,0px));margin-right:calc(-1 * var(--slice-bleed-right,0px));isolation:isolate;position:relative}.scroll-slice-background[data-first-slice]{margin-top:calc(-1 * var(--slice-bleed-top,0px))}.scroll-slice-background[data-last-slice]{margin-bottom:calc(-1 * var(--slice-bleed-bottom,0px))}[data-slice-detaching] .scroll-slice-background{overflow:hidden}.scroll-edit-shell [data-slice-detaching] .public-scroll-content{background-color:#0000;background-image:none}.editor-slice-control{z-index:8;height:32px;transform:translateY(calc(-50% - var(--editor-row-gap,13px) / 2));pointer-events:none;align-self:start;position:relative}.editor-slice-handle,.editor-slice-join{border:1px solid var(--color-border-default);width:32px;height:32px;color:var(--color-text-primary);background:var(--color-bg-elevated);cursor:ew-resize;touch-action:none;pointer-events:auto;opacity:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.editor-slice-join{cursor:pointer;pointer-events:none;left:auto;right:0}.editor-slice-join:after{content:"";position:absolute;inset:-6px}.editor-row-insert-control:is(:hover,:focus-visible)+.editor-slice-control .editor-slice-join,.editor-slice-control:is(:hover,:focus-within) .editor-slice-join{opacity:1;pointer-events:auto}.editor-slice-join:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:3px}.editor-slice-control.is-cut .editor-slice-handle{cursor:pointer}.editor-slice-line{width:calc(100% - 32px);height:20px;color:var(--color-text-primary);opacity:0;position:absolute;top:6px;left:32px;overflow:visible}.editor-row-insert-control:is(:hover,:focus-visible)+.editor-slice-control .editor-slice-handle,.editor-slice-control:is(:hover,:focus-within,.is-cutting,.is-cut) .editor-slice-handle,.editor-slice-control.is-cutting .editor-slice-line{opacity:1}.editor-slice-control:has(.editor-slice-handle:is(:hover,:focus-visible)) .editor-slice-line{opacity:1}.editor-slice-handle:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:3px}.editor-slice-control.is-cutting .editor-slice-handle{left:calc(var(--slice-progress) * (100% - 32px))}.editor-slice-control.is-cutting .editor-slice-line{color:var(--color-action-primary)}.editor-slice-control.is-cutting .editor-slice-line polyline{stroke-width:3px;stroke-dasharray:3 4}.scroll-edit-shell .editor-slice-handle{--row-control-ink:oklch(from var(--scroll-background) clamp(0, calc((.65 - l) * 1000), 1) 0 0);--add-row-ink:oklch(from var(--scroll-row-contrast-background,var(--scroll-background)) clamp(0, calc((.65 - l) * 1000), 1) 0 0);color:color-mix(in srgb, var(--add-row-ink) 68%, transparent);border-color:color-mix(in srgb, var(--row-control-ink) 20%, transparent);background:color-mix(in srgb, color-mix(in srgb, var(--scroll-background) 82%, var(--row-control-ink)) 78%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scroll-edit-shell .editor-slice-handle:is(:hover,:focus-visible){color:color-mix(in srgb, var(--add-row-ink) 82%, transparent);border-color:color-mix(in srgb, var(--row-control-ink) 28%, transparent);background:color-mix(in srgb, color-mix(in srgb, var(--scroll-background) 76%, var(--row-control-ink)) 84%, transparent)}@media (hover:none){.editor-slice-handle,.editor-slice-join{opacity:1}.editor-slice-join{pointer-events:auto}}.scroll-slice-style-panel{background:var(--color-bg-elevated);width:min(440px,92vw);max-height:85vh;color:var(--color-text-primary);border-radius:16px;padding:24px;overflow:auto}.scroll-slice-style-panel>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.scroll-slice-remove{border:1px solid var(--color-border-default);background:var(--color-bg-elevated);color:var(--color-text-primary);border-radius:8px;margin-top:20px;padding:10px 16px}.scroll-slice-remove:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:3px}.scroll-edit-shell .editor-slice-control>.editor-slice-style-card{pointer-events:auto;max-width:180px;top:-12px;left:calc(100% + 26px)}[data-slice-detaching] .editor-slice-control{visibility:hidden}@media (max-width:900px){.scroll-edit-shell .editor-slice-control>.editor-slice-style-card{left:0}}.editor-slice-cut-style{font:500 11px/1.3 var(--font-family-primary-ui);position:relative}.editor-slice-cut-style button{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--color-text-primary);background:var(--color-bg-elevated);font:inherit;text-align:left;cursor:pointer;padding:7px 10px}.editor-slice-cut-style small{color:var(--color-text-secondary);margin-bottom:3px;font-size:10px;display:block}.editor-slice-cut-style button:is(:hover,[aria-pressed=true]){background:var(--color-bg-hover)}.editor-slice-cut-style button:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.editor-slice-cut-style>button,.editor-slice-cut-options button{place-items:center;width:44px;min-height:44px;padding:0;display:grid}.editor-slice-cut-options{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-elevated);z-index:10;gap:4px;width:max-content;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.editor-slice-cut-options button{border:0}.editor-slice-line polyline{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.editor-slice-scope-label{font:600 11px/1.3 var(--font-family-primary-ui);color:var(--color-text-primary);margin-bottom:5px;display:block}.public-scroll-grid>[data-slice-spaced]:not([data-slice-gap-control]){margin-top:var(--scroll-grid-row-size)}.public-scroll-grid>[data-slice-gap-control]{top:calc(var(--scroll-grid-row-size) / 2)}.public-scroll-grid>.public-scroll-moment[data-slice-spaced]{height:calc(100% - var(--scroll-grid-row-size));min-height:0}.scroll-edit-shell .editor-slice-control.is-cut{pointer-events:auto}.scroll-edit-shell .editor-row-insert-control[data-slice-side=above]{top:0}.scroll-edit-shell .editor-row-insert-control[data-slice-side=below]{top:var(--scroll-grid-row-size)}.scroll-edit-shell .editor-slice-control>.editor-slice-style-card:has(>.saved-style-dropdown){grid-template-columns:180px 44px;align-items:end;column-gap:8px;width:max-content;max-width:none;display:grid}.editor-slice-style-card .editor-slice-scope-label{grid-area:1/1}.editor-slice-style-card>.saved-style-dropdown{grid-area:2/1}.editor-slice-style-card .editor-slice-cut-style{grid-area:2/2;margin:0}@media (max-width:1100px){.scroll-edit-shell .editor-slice-control>.editor-slice-style-card{left:max(0px,100% - 232px)}}@media (min-width:1101px){.studio-shell.scroll-edit-shell .page-two-composition.focus-scroll-layout:is(.phone-preview,.tablet-mobile-layout) .studio-audience-scroll-shell:has(.editor-slice-cut-style){--editor-style-rail-width:320px}}.scroll-edit-shell .desktop-context-workspace:not(.tablet-mobile-layout) .editor-slice-control>.editor-slice-style-card{left:calc(100% + 44px)}.scroll-edit-shell .desktop-context-workspace:not(.tablet-mobile-layout):has(.editor-slice-cut-style){--tablet-style-rail-width:276px}