.studio-shell.scroll-edit-shell{--scroll-editor-sidebar-width:var(--size-240);grid-template-columns:var(--scroll-editor-sidebar-width) minmax(0, 1fr);grid-template-rows:auto minmax(0,1fr);height:100svh;min-height:0;overflow:hidden}.scroll-editor-header{z-index:8;grid-column:1/-1;min-width:0;position:relative}.scroll-editor-header:before{content:"";z-index:5;top:0;bottom:0;left:calc(var(--scroll-editor-sidebar-width) - var(--size-1));width:var(--size-1);background:var(--mtb-neutral-3);pointer-events:none;position:absolute}.scroll-editor-header .workspace-contextbar{padding-left:calc(var(--scroll-editor-sidebar-width) + var(--size-16));background:var(--color-bg-canvas);position:relative}.scroll-editor-header .contextbar-actions{flex-wrap:wrap}.editor-header-left{align-items:center;gap:var(--size-12);min-width:0;display:flex}.editor-header-divider{width:var(--size-1);height:var(--size-24);background:var(--color-border-default);flex:none}.editor-domain{gap:var(--size-3);min-width:0;display:grid}.editor-domain input{width:auto;max-width:min(28vw, var(--size-390));border:var(--size-1) solid transparent;border-radius:var(--radius-sm);background:var(--color-bg-control);min-width:0;color:var(--color-text-primary);font-size:var(--size-14);font-weight:var(--font-weight-600);padding:var(--size-8) var(--size-10)}.editor-domain small{text-overflow:ellipsis;white-space:nowrap;font-size:var(--size-10);color:var(--color-text-secondary);max-width:var(--size-390);overflow:hidden}.scroll-editor-header .experience-library-back{flex:none}.scroll-editor-header .metadata-popover{top:calc(100% + var(--size-10));width:min(var(--size-580), calc(100vw - var(--size-390)));position:absolute;left:0;right:auto}.scroll-editor-library{min-width:0;min-height:0;padding:var(--size-20) var(--size-12);background:var(--color-bg-inverse);border-right:var(--size-1) solid var(--color-border-default);overflow-y:auto}.editor-properties-heading h2{font-size:var(--size-16);line-height:var(--size-22);font-weight:var(--font-weight-700);letter-spacing:0;margin:0 0 var(--size-16)}.scroll-editor-search input{border:var(--size-1) solid var(--color-border-subtle);border-radius:var(--size-9);background:var(--color-bg-control);width:100%;color:var(--color-text-primary);padding:var(--size-9) var(--size-11);font-size:var(--size-12)}.scroll-editor-catalog{margin-top:var(--size-20)}.editor-library-category{margin-bottom:var(--size-8);position:relative}.editor-library-category summary{align-items:center;gap:var(--size-6);min-height:var(--size-36);padding:var(--size-6);padding-right:var(--size-32);font-family:var(--font-label);font-size:var(--size-13);font-weight:var(--font-weight-600);cursor:pointer;border-radius:var(--radius-sm);list-style:none;display:flex}.editor-library-category summary::-webkit-details-marker{display:none}.editor-library-category details:not([open])>summary>svg{transform:rotate(-90deg)}.editor-library-category summary:hover,.scroll-editor-library button:hover:not(:disabled){background:color-mix(in srgb, var(--color-text-primary) 12%, transparent)}.editor-library-type{padding-left:var(--size-12)}.editor-library-type summary{padding-right:var(--size-4);font-size:var(--size-12);font-weight:var(--font-weight-500)}.scroll-editor-library button{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--size-12);padding:var(--size-8);background:0 0;border:0}.scroll-editor-library button:disabled{opacity:.5;cursor:default}.scroll-editor-library .editor-category-add{top:var(--size-3);place-items:center;display:grid;position:absolute;right:0}.scroll-editor-library .editor-library-instance{width:calc(100% - var(--size-20));margin-left:var(--size-20);text-align:left;overflow-wrap:anywhere;display:block}.editor-scroll-outline{border-bottom:var(--size-1) solid var(--color-border-default);margin-bottom:var(--size-24);padding-bottom:var(--size-16)}.editor-scroll-outline h3{font-size:var(--size-12);letter-spacing:0;color:var(--color-text-secondary)}.editor-scroll-outline>div{align-items:center;display:flex}.editor-scroll-outline>div>button:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.editor-scroll-outline button[aria-pressed=true]{color:var(--color-text-primary);background:var(--color-bg-selected-secondary)}.studio-shell.scroll-edit-shell>.main-workspace{grid-template-rows:minmax(0,1fr);min-height:0}.scroll-edit-shell>.main-workspace>.page-scroll{background:var(--mtb-neutral-0);min-height:0;overflow:auto}.scroll-edit-shell .build-page.finished-scroll-editor{grid-template-rows:minmax(0,1fr);height:100%;min-height:0;padding:0;display:grid}.scroll-edit-shell .live-scroll-preview.tablet-scroll-background{background:var(--screen-background,var(--color-scroll-screen-default));min-height:calc(100dvh - var(--studio-header-height) - var(--size-42) - 48px);box-sizing:border-box}.scroll-edit-shell .scroll-editor-actions{padding:var(--size-8) var(--size-16);border-bottom:var(--size-1) solid var(--color-border-default);margin:0;position:static}.scroll-edit-shell .page-two-composition{grid-template-columns:minmax(0, 1fr) var(--size-360);align-items:stretch;gap:0;min-height:0;margin:0;display:grid;overflow:hidden}.scroll-edit-shell .page-two-composition .live-scroll-preview{min-width:0;min-height:0;padding:var(--size-24);background:var(--color-bg-canvas);border:0;align-self:stretch;display:block;position:relative;inset:auto;overflow:auto}.scroll-edit-shell .page-two-composition .live-scroll-stage{padding:var(--size-12);max-width:var(--size-460);margin:auto;position:static}.scroll-edit-shell .page-two-composition .live-scroll-canvas{width:100%;height:auto;min-height:0;max-height:none;overflow:visible}.scroll-edit-shell .page-two-composition .scroll-device-switch{margin:0 auto var(--size-16);position:static;transform:none}.scroll-edit-shell .page-two-composition .studio-audience-scroll-shell{background:0 0;min-height:0;padding:0}.scroll-edit-shell .page-two-composition .studio-audience-preview{width:100%;max-width:100%}.scroll-edit-shell .page-two-composition .tablet-block-tools{width:auto;margin-top:var(--size-8);justify-content:flex-end;display:flex;position:static}.scroll-edit-shell .page-two-composition .tablet-block-drag-handle{width:var(--size-28);height:var(--size-28);position:static}.scroll-edit-shell .public-scroll-moment.editor-selected{outline:var(--size-2) solid var(--color-action-primary);outline-offset:var(--size-3)}.scroll-edit-shell .page-two-composition .block-plan{min-height:0;padding:var(--size-16);border-left:var(--size-1) solid var(--color-border-default);background:var(--color-bg-surface);display:block;overflow:auto}.editor-properties-heading p{font-size:var(--size-13);color:var(--color-text-secondary)}.scroll-edit-shell .block-plan-card{padding:var(--size-12);box-shadow:none}.scroll-edit-shell .block-plan-card>header{flex-wrap:wrap}.scroll-edit-shell .block-plan-add{gap:var(--size-8);margin-top:var(--size-16);grid-template-columns:minmax(0,1fr);display:grid}.scroll-edit-shell .block-card-actions,.scroll-edit-shell .block-card-actions>div{flex-wrap:wrap}.scroll-edit-shell .rsvp-setup>div{grid-template-columns:1fr}.scroll-edit-shell .cs-overlay.side{height:auto;min-height:0;width:min(100%, var(--size-420));z-index:30;position:fixed;top:0;bottom:0;right:0}.scroll-edit-shell .scroll-insights{margin:var(--size-24)}.editor-experience-dialog{width:min(calc(100vw - var(--size-32)), var(--size-1120));max-height:calc(100svh - var(--size-32));padding:var(--size-20);border:var(--size-1) solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-canvas);color:var(--color-text-primary);margin:auto;overflow-y:auto}.editor-experience-dialog::backdrop{background:#000000a6}.editor-experience-dialog>header{justify-content:flex-end;gap:var(--size-8);margin-bottom:var(--size-12);display:flex}.editor-experience-dialog .experience-library-page{padding:var(--size-16);width:100%}.editor-experience-dialog .experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-experience-dialog .experience-maker{display:block}.editor-experience-dialog .experience-maker-playblock{margin-top:var(--size-20)}.editor-experience-dialog.compact{width:min(calc(100vw - var(--size-32)), var(--size-480));max-height:calc(100svh - var(--size-48));border-radius:var(--radius-md);background:var(--color-bg-surface);box-shadow:var(--shadow-floating);padding:0;overflow:hidden}.editor-experience-dialog.compact::backdrop{background:var(--color-alpha-11-11-11-18)}.editor-experience-dialog.compact>header{min-height:var(--size-48);padding:var(--size-8) var(--size-12) var(--size-8) var(--size-20);border-bottom:var(--size-1) solid var(--color-border-default);justify-content:space-between;align-items:center;margin:0}.editor-experience-dialog.compact>header>strong{font-size:var(--size-14);font-weight:var(--font-weight-700)}.editor-experience-dialog.compact>header>button{width:var(--size-32);height:var(--size-32);background:var(--color-transparent);font-size:var(--size-18);border:0;place-items:center;padding:0;display:grid}.editor-experience-dialog.compact .experience-library-page{width:100%;padding:0}.editor-experience-dialog.compact .single-image-maker{width:100%;padding:var(--size-20);margin:0;overflow:visible}.editor-experience-dialog.compact .single-image-maker>footer{margin-top:var(--size-16);border-top:0;padding-top:0}.editor-experience-dialog.compact:has(.media-block-library){width:min(calc(100vw - var(--size-32)), var(--size-1120));height:min(calc(100svh - var(--size-32)), var(--size-760));max-height:calc(100svh - var(--size-32))}.editor-experience-dialog.compact:has(.media-block-library) .experience-library-page{height:100%;min-height:0;overflow:hidden}.media-block-library{height:100%;min-height:0;padding:var(--size-20);gap:var(--size-16);flex-direction:column;display:flex}.media-block-library-toolbar{align-items:center;gap:var(--size-16);grid-template-columns:minmax(0,1fr) auto;display:grid}.media-block-library-toolbar .experiences-button{min-height:var(--size-38);white-space:nowrap}.media-block-library .media-library-notice{margin:0}.media-block-library-grid{min-height:0;padding-right:var(--size-4);flex:1;align-content:start;overflow-y:auto}.media-block-library .media-library-card{cursor:pointer}.media-block-library-empty{min-height:var(--size-260);align-content:center;place-items:center;gap:var(--size-8);color:var(--color-text-secondary);text-align:center;display:grid}.media-block-library-empty>svg{width:var(--size-32);height:var(--size-32)}.media-block-library-empty>strong{color:var(--color-text-primary)}.media-block-library-empty>p{font-size:var(--size-12);margin:0}@media (max-width:1120px){.studio-shell.scroll-edit-shell{--scroll-editor-sidebar-width:calc(var(--size-240) - var(--size-40))}.scroll-edit-shell .page-two-composition{grid-template-columns:minmax(0, 1fr) var(--size-300)}.scroll-edit-shell .page-two-composition .live-scroll-preview{padding:var(--size-12)}}@media (max-width:780px){.media-block-library-toolbar{grid-template-columns:1fr}.media-block-library-toolbar .toibox-search{width:100%}.media-block-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-shell.scroll-edit-shell{--scroll-editor-sidebar-width:var(--size-180)}.scroll-edit-shell .page-two-composition{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(var(--size-240), 1fr) minmax(0, 1fr)}.scroll-edit-shell .page-two-composition .block-plan{border-left:0;border-top:var(--size-1) solid var(--color-border-default)}.editor-experience-dialog .experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-experience-dialog .experience-maker-playblock{grid-template-columns:1fr}}@media (max-width:620px){.studio-shell.scroll-edit-shell{--scroll-editor-sidebar-width:0px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--size-180) minmax(0, 1fr)}.scroll-editor-header .topbar,.scroll-editor-header .contextbar{padding-inline:var(--size-8)}.scroll-editor-header:before{display:none}.scroll-editor-header .editor-sidebar-brand{width:auto}.editor-header-left{gap:var(--size-4)}.editor-domain input{width:100%}.editor-domain small{max-width:var(--size-125)}.editor-header-divider{display:none}.scroll-editor-library{padding:var(--size-12);border-right:0;border-bottom:var(--size-1) solid var(--color-border-default)}.scroll-edit-shell .main-workspace{min-height:0}.editor-experience-dialog .experience-grid{grid-template-columns:1fr}}.scroll-edit-shell .block-plan-card>header{grid-template-columns:var(--size-24) minmax(0, 1fr) auto}.scroll-edit-shell .block-plan-card>header>button:last-child{grid-column:2/-1;justify-self:start}.editor-domain a{color:inherit;text-decoration:none}.editor-domain a:hover{text-decoration:underline}.scroll-editor-library h2{font-family:inherit;font-size:var(--size-12);font-weight:var(--font-weight-700);line-height:var(--size-18);letter-spacing:0;color:var(--color-text-primary);margin:0 0 var(--size-16)}.scroll-editor-header .editor-domain input:focus,.scroll-editor-header .editor-domain input:focus-visible{border-color:var(--color-white);box-shadow:none;outline:none}.scroll-editor-header .metadata-popover>footer{border:0}.editor-scroll-outline>div>button{align-items:center;gap:var(--size-8);touch-action:none;cursor:grab;display:flex}.editor-scroll-outline button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-scroll-outline button svg{color:var(--color-text-secondary);flex:none}.editor-scroll-outline .is-dragging{opacity:.6;box-shadow:inset 0 var(--size-2) var(--color-text-primary)}.editor-temporary-preview{width:100%;margin:auto}.editor-temporary-preview.phone{max-width:var(--size-390)}.scroll-edit-shell .live-scroll-preview .playblock-wireframe>.playblock-render,.scroll-edit-shell .live-scroll-preview .native-experience-wireframe>.native-experience-render{height:auto;max-height:none;overflow:visible}@media (max-width:780px){.studio-shell.scroll-edit-shell{grid-template-rows:auto minmax(0,1fr)}.scroll-editor-header .contextbar-actions{gap:var(--size-8);margin-left:auto}.scroll-editor-header .metadata-popover{width:min(var(--size-390), 48vw)}}@media (max-width:620px){.studio-shell.scroll-edit-shell{grid-template-rows:auto var(--size-180) minmax(0, 1fr)}.editor-domain input{max-width:var(--size-180)}}.scroll-edit-shell .edit-properties-panel{overflow-x:hidden}.scroll-edit-shell .edit-properties-panel .block-plan-card{box-shadow:none;background:0 0;border:0;padding:0}.scroll-edit-shell .edit-properties-panel .block-plan-card>header{gap:var(--size-16);grid-template-columns:minmax(0,1fr) auto;display:grid}.scroll-edit-shell .edit-properties-panel .block-card-summary{grid-area:1/1/auto/-1;width:100%;min-width:0}.scroll-edit-shell .edit-properties-panel .block-card-type-row{color:var(--color-text-secondary);margin-bottom:var(--size-8)}.scroll-edit-shell .edit-properties-panel .block-card-type-row>span{color:var(--color-text-secondary)}.scroll-edit-shell .edit-properties-panel .block-card-toggle{text-align:left;width:100%}.scroll-edit-shell .edit-properties-panel .block-card-toggle strong{font-size:var(--size-16);line-height:var(--size-22);overflow-wrap:anywhere;white-space:normal;display:block}.scroll-edit-shell .edit-properties-panel .block-card-toggle small{margin-top:var(--size-12);color:var(--color-text-secondary);display:block}.scroll-edit-shell .edit-properties-panel .block-card-insights{gap:var(--size-12);border:0;grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding:0;display:grid}.scroll-edit-shell .edit-properties-panel .block-card-insights>span{text-align:left;border:0;min-width:0;padding:0}.scroll-edit-shell .edit-properties-panel .block-card-insights small{font-size:var(--size-10);white-space:normal;color:var(--color-text-secondary)}.scroll-edit-shell .edit-properties-panel .block-card-insights strong{margin-top:var(--size-6);display:block}.scroll-edit-shell .edit-properties-panel .block-card-drag-handle{grid-column:1;justify-self:start}.scroll-edit-shell .edit-properties-panel .block-plan-card>header>.block-on-toggle{grid-column:2;justify-self:end}.scroll-edit-shell .edit-properties-panel .block-plan-body{margin-top:var(--size-24);border:0;padding:0}.scroll-edit-shell .edit-properties-panel .edit-section-title{font-family:var(--font-label);font-size:var(--size-13);line-height:var(--size-18);font-weight:var(--font-weight-700);color:var(--color-text-primary);margin:0}.scroll-edit-shell .edit-properties-panel :is(input,select,textarea){box-sizing:border-box;min-width:0;max-width:100%}.scroll-edit-shell .edit-properties-panel .carousel-card-fields>label{gap:var(--size-2)}.scroll-edit-shell .edit-properties-panel .carousel-card-fields>label>span{font-size:var(--size-10);line-height:var(--size-10)}.scroll-edit-shell .edit-properties-panel .playblock-checkbox{align-items:center;display:flex}.scroll-edit-shell .edit-properties-panel .playblock-checkbox input{flex:none;width:auto}.scroll-edit-shell .edit-properties-panel :is(.playblock-editor-repeater,.native-experience-editor-options,.native-trivia-editor){padding-top:var(--size-8);gap:var(--size-16);border:0}.scroll-edit-shell .edit-properties-panel .playblock-editor-repeater>header strong{font-size:var(--size-13);text-transform:none;letter-spacing:0;color:var(--color-text-primary)}.scroll-edit-shell .edit-properties-panel .edit-repeating-item{border-radius:var(--radius-sm);background:var(--color-bg-control);min-width:0;padding:var(--size-12)}.scroll-edit-shell .edit-properties-panel .edit-repeating-item summary{align-items:center;gap:var(--size-10);cursor:pointer;list-style:none;display:flex}.scroll-edit-shell .edit-properties-panel .edit-repeating-item summary::-webkit-details-marker{display:none}.scroll-edit-shell .edit-properties-panel .edit-repeating-item summary>span{color:var(--color-text-secondary);font-size:var(--size-11)}.scroll-edit-shell .edit-properties-panel .edit-repeating-item summary strong{overflow-wrap:anywhere;min-width:0;font-size:var(--size-12);flex:1}.scroll-edit-shell .edit-properties-panel .edit-repeating-item[open] .edit-item-chevron{transform:rotate(180deg)}.scroll-edit-shell .edit-properties-panel .edit-repeating-item>div{gap:var(--size-16);margin-top:var(--size-20);display:grid}.scroll-edit-shell .edit-properties-panel .edit-repeating-item>button{color:var(--color-text-secondary);padding:var(--size-8) 0;margin-top:var(--size-12);font-size:var(--size-12);cursor:pointer;background:0 0;border:0}.scroll-edit-shell .edit-properties-panel .edit-repeating-item>button:disabled{opacity:.4;cursor:default}.scroll-edit-shell .edit-properties-panel .edit-repeating-item>button:hover:not(:disabled){color:var(--color-text-primary)}.scroll-edit-shell .edit-properties-panel :is(.tracking-toggle,.block-copy-editor,.rsvp-setup,.block-plan-options,.block-card-actions,.playblock-editor-item,.playblock-footer-editor){box-shadow:none;background:0 0;border:0}.scroll-edit-shell .edit-properties-panel :is(.tracking-toggle,.rsvp-setup,.block-plan-options,.block-card-actions){margin-top:var(--size-24);padding:0}.scroll-edit-shell .edit-properties-panel .native-experience-editor{gap:var(--size-20)}.scroll-edit-shell .edit-properties-panel .native-experience-editor-options>div{grid-template-columns:var(--size-20) minmax(0, 1fr)}.scroll-edit-shell .edit-properties-panel .native-experience-editor-options>div>button{grid-column:2;justify-self:start}.scroll-edit-shell .edit-properties-panel .rank-item-editor-list .rank-item-editor{grid-template-columns:var(--size-20) var(--size-100) minmax(0, 1fr)}.scroll-edit-shell .edit-properties-panel .rank-item-editor-list .rank-item-editor>button{grid-column:3;justify-self:end}.scroll-edit-shell .edit-properties-panel .native-trivia-editor>article{padding:var(--size-12);background:var(--color-bg-control);gap:var(--size-16);border:0}.scroll-edit-shell .page-two-composition .live-scroll-stage{padding:var(--size-4);border:var(--size-1) solid var(--color-border-subtle);background:var(--color-bg-surface);border-radius:var(--size-16);box-shadow:none;-webkit-backdrop-filter:none}.scroll-edit-shell .page-two-composition .live-scroll-canvas{border-radius:var(--size-12);padding:var(--size-12);gap:var(--size-16);border:0}.scroll-edit-shell .live-scroll-preview .live-scroll-item{border-radius:var(--scroll-card-radius,var(--size-12))}.scroll-edit-shell .live-scroll-preview .scroll-block-wireframe{border-radius:var(--scroll-card-radius,var(--size-12));padding:var(--size-12);gap:var(--size-12);box-shadow:none;border-color:#0000}.scroll-edit-shell .live-scroll-preview .live-scroll-item:hover .scroll-block-wireframe{border-color:var(--color-border-default);box-shadow:none}.scroll-edit-shell .live-scroll-preview .live-scroll-item.active{outline:var(--size-1) solid var(--color-brand-primary);outline-offset:0;box-shadow:none}.scroll-edit-shell .live-scroll-preview .live-scroll-item.active .scroll-block-wireframe{box-shadow:none;border-color:#0000}.scroll-edit-shell .live-scroll-preview .scroll-block-wireframe>header small{color:var(--color-text-secondary)}.scroll-edit-shell .live-scroll-preview .live-scroll-item.active .scroll-block-wireframe>header small{color:var(--color-brand-primary)}.scroll-edit-shell .live-scroll-preview .public-scroll-moment{border-radius:var(--scroll-card-radius,var(--size-12))}.scroll-edit-shell .live-scroll-preview .public-scroll-moment.editor-selected{outline:var(--size-1) solid var(--color-brand-primary);outline-offset:var(--size-3);box-shadow:none}.scroll-edit-shell .live-scroll-preview :is(.tablet-block-edit-button,.tablet-block-drag-handle){color:var(--color-text-secondary);border:var(--size-1) solid var(--color-border-subtle);background:var(--color-bg-control);box-shadow:none}.scroll-edit-shell .live-scroll-preview :is(.tablet-block-edit-button,.tablet-block-drag-handle):hover{color:var(--color-text-primary);border-color:var(--color-border-default)}.scroll-edit-shell .edit-properties-panel :is(.edit-section-title,.playblock-editor-repeater>header strong,.native-experience-editor>header .eyebrow,.native-experience-editor-options>header strong){color:var(--color-text-primary);font-weight:var(--font-weight-500)}.scroll-edit-shell .edit-properties-panel :is(.playblock-editor,.native-experience-editor) :is(input,select,textarea){border-width:var(--size-1);border-color:var(--color-border-subtle);box-shadow:none}.scroll-edit-shell .edit-properties-panel :is(.playblock-editor,.native-experience-editor) :is(input,select,textarea):focus{border-color:var(--color-text-primary);box-shadow:none;outline:none}.scroll-edit-shell .edit-properties-panel .playblock-image-upload b{border:var(--size-1) solid var(--color-border-subtle);color:var(--color-text-secondary);background:var(--color-bg-control);font-weight:var(--font-weight-500)}.scroll-edit-shell .edit-properties-panel .playblock-image-upload:hover b{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-text-primary) 12%, transparent)}.scroll-edit-shell .edit-properties-panel .playblock-image-upload:focus-within b{border-color:var(--color-text-primary)}.scroll-edit-shell .edit-properties-panel .edit-repeating-item{padding:var(--size-12) 0;background:0 0;border:0;border-radius:0}.scroll-edit-shell .edit-properties-panel .edit-repeating-item+.edit-repeating-item{border-top:var(--size-1) solid var(--color-border-subtle)}.scroll-edit-shell .edit-properties-panel .block-plan-add{gap:var(--size-8);background:0 0;border:0;padding:0}.scroll-edit-shell .edit-properties-panel .block-plan-add button,.scroll-edit-shell .edit-properties-panel .block-card-actions>button{color:var(--color-text-secondary);background:var(--color-bg-control)}.scroll-edit-shell .edit-properties-panel .block-plan-add button:hover,.scroll-edit-shell .edit-properties-panel .block-card-actions>button:hover{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-text-primary) 12%, transparent)}.scroll-edit-shell .edit-properties-panel .block-plan-add .add-icon,.scroll-edit-shell .edit-properties-panel .block-plan-add .button-icon{filter:grayscale()}.scroll-edit-shell .edit-properties-panel .block-on-toggle{box-shadow:none;border-color:#0000}.scroll-edit-shell .edit-properties-panel input[type=checkbox]{accent-color:var(--color-text-secondary)}.scroll-edit-shell .edit-properties-panel .playblock-checkbox{padding:var(--size-4) 0;background:0 0;border:0}.scroll-edit-shell .edit-properties-panel .block-card-insights>span{align-content:start;justify-items:start;width:auto;display:grid}.scroll-edit-shell .edit-properties-panel .block-card-insights :is(small,strong){text-align:left;width:auto}.scroll-edit-shell .edit-properties-panel .block-plan-card{border:var(--size-1) solid var(--color-border-subtle);border-radius:var(--size-12);padding:var(--size-16);margin-bottom:var(--size-16)}.scroll-edit-shell .edit-properties-panel .block-plan-card.active{border:var(--size-1) solid color-mix(in srgb, var(--color-text-primary) 14%, transparent);box-shadow:none;outline:none}.scroll-edit-shell .edit-properties-panel .block-plan-card>header{cursor:pointer}.scroll-edit-shell .edit-properties-panel .edit-collapsed-metrics{gap:var(--size-8);color:var(--color-text-secondary);font-size:var(--size-10);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.scroll-edit-shell .edit-properties-panel .block-plan-card:not(.active)>header>:is(.block-card-drag-handle,.block-on-toggle){display:none}.scroll-edit-shell .page-two-composition.phone-preview .studio-audience-scroll-shell{width:100%;max-width:var(--size-390);margin:auto}.scroll-edit-shell .page-two-composition.phone-preview .public-scroll-content{padding:var(--size-12);border-radius:var(--size-12)}.scroll-edit-shell .live-scroll-preview .public-scroll-moment:focus-visible{outline:var(--size-1) solid var(--color-brand-primary);outline-offset:var(--size-3)}.scroll-edit-shell .edit-properties-panel .edit-block-title{width:100%;color:var(--color-text-primary);font-size:var(--size-16);line-height:var(--size-22);overflow-wrap:anywhere;display:block}.scroll-edit-shell .edit-properties-panel .block-plan-card>header>.block-on-toggle{grid-area:3/1;justify-self:start;display:block}.scroll-edit-shell .edit-properties-panel .block-plan-card>header>.block-card-drag-handle{display:none}.scroll-edit-shell .edit-properties-panel .block-plan-card:not(.active)>header>.block-on-toggle{display:block}.scroll-edit-shell .build-page.finished-scroll-editor{height:auto;min-height:100%;display:block}.scroll-edit-shell .create-scroll-intro{background:var(--color-bg-canvas)}.scroll-edit-shell .create-scroll-intro>.intro{box-sizing:border-box;width:100%;max-width:var(--size-990);padding:var(--size-55) var(--studio-page-gutter) var(--size-30);margin:0}.scroll-edit-shell .create-scroll-intro+.page-two-composition.focus-scroll-layout{min-height:calc(100svh - 2 * var(--studio-header-height))}@media (max-width:780px){.scroll-edit-shell .create-scroll-intro>.intro{padding-top:var(--size-42)}}@media (max-width:620px){.scroll-edit-shell .create-scroll-intro>.intro{padding-top:var(--size-35)}}.scroll-edit-shell .page-two-composition{width:100%;max-width:calc(var(--size-1120) + var(--size-320));padding:var(--size-24);gap:var(--size-24);box-sizing:border-box;grid-template-columns:minmax(0,3fr) minmax(0,5fr);align-items:start;margin-inline:auto;overflow:visible}.scroll-edit-shell .page-two-composition .live-scroll-preview{background:0 0;align-self:start;padding:0;overflow:visible}.scroll-edit-shell .page-two-composition .block-plan{background:0 0;border:0;min-width:0;padding:0;overflow:visible}.scroll-edit-shell .edit-properties-panel .editor-properties-heading h2{font-size:var(--size-12);line-height:var(--size-18);font-weight:var(--font-weight-500);color:var(--color-text-secondary);margin-bottom:var(--size-16)}@media (max-width:780px){.scroll-edit-shell .page-two-composition{padding:var(--size-16);gap:var(--size-24);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr)}}.scroll-edit-shell .paired-scroll-layout :is(.live-scroll-preview,.studio-audience-scroll-shell,.studio-audience-preview,.public-scroll-content,.edit-properties-panel){display:contents}.scroll-edit-shell .paired-scroll-layout .scroll-device-switch{grid-area:1/1;margin-bottom:0}.scroll-edit-shell .paired-scroll-layout .editor-properties-heading{grid-area:1/2}.scroll-edit-shell .paired-scroll-layout .public-scroll-heading{grid-area:2/1;min-width:0;margin:0}.scroll-edit-shell .paired-scroll-layout .public-scroll-moment{grid-column:1;align-self:start;width:100%;min-width:0}.scroll-edit-shell .paired-scroll-layout .block-plan-card{grid-column:2;align-self:start;margin:0}.scroll-edit-shell .paired-scroll-layout .block-plan-add{grid-column:2}.scroll-edit-shell .paired-scroll-layout .public-scroll-addon{grid-column:1}.scroll-edit-shell .paired-scroll-layout.phone-preview .public-scroll-moment,.scroll-edit-shell .paired-scroll-layout.phone-preview .public-scroll-heading{max-width:var(--size-390);justify-self:center}.scroll-edit-shell .paired-scroll-layout .edit-block-description{margin:var(--size-8) 0 0;color:var(--color-text-secondary);font-size:var(--size-13);line-height:var(--size-20);font-weight:var(--font-weight-400)}.scroll-edit-shell .paired-scroll-layout .edit-properties-panel .block-plan-card>header{grid-template-columns:var(--size-20) minmax(0, 1fr) auto;column-gap:var(--size-12)}.scroll-edit-shell .paired-scroll-layout .edit-properties-panel .block-card-summary{grid-column:2/-1}.scroll-edit-shell .paired-scroll-layout .edit-properties-panel .block-plan-card>header>.block-card-drag-handle{grid-area:1/1;place-self:center start;display:block}.scroll-edit-shell .paired-scroll-layout .edit-properties-panel .block-card-insights{grid-column:2/-1}.scroll-edit-shell .paired-scroll-layout .edit-properties-panel .block-plan-card>header>.block-on-toggle{grid-column:2}@media (max-width:780px){.scroll-edit-shell .paired-scroll-layout .editor-properties-heading{grid-area:2/1}.scroll-edit-shell .paired-scroll-layout .public-scroll-heading{grid-area:3/1}.scroll-edit-shell .paired-scroll-layout .public-scroll-moment{grid-column:1;grid-row:calc(var(--experience-index) * 2 + 4)!important}.scroll-edit-shell .paired-scroll-layout .block-plan-card{grid-column:1;grid-row:calc(var(--experience-index) * 2 + 5)!important}.scroll-edit-shell .paired-scroll-layout :is(.block-plan-add,.public-scroll-addon){grid-column:1}}.scroll-edit-shell .paired-scroll-layout .block-plan-add{grid-row:calc(var(--experience-count) + 3)}@media (max-width:780px){.scroll-edit-shell .paired-scroll-layout .block-plan-add{grid-row:calc(var(--experience-count) * 2 + 4)}}.scroll-edit-shell .focus-scroll-layout .live-scroll-preview{top:var(--size-24);max-height:calc(100svh - var(--size-120));scrollbar-width:thin;position:sticky;overflow-y:auto}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-plan-card{margin-bottom:var(--size-16)}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-plan-card>header{grid-template-columns:var(--size-16) minmax(0, 1fr) minmax(0, 1fr) auto var(--size-32);align-items:center;gap:var(--size-16);height:calc(var(--size-88) + var(--size-16));display:grid}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-card-summary{grid-area:1/2;min-width:0}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-card-type-row>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .edit-block-title{-webkit-line-clamp:2;font-size:var(--size-16);line-height:var(--size-22);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scroll-edit-shell .focus-scroll-layout .edit-block-description{display:none}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-card-insights{gap:var(--size-8);grid-area:1/3}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-card-insights small{font-size:var(--size-9);text-transform:uppercase}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-card-insights>span+span{border-left:var(--size-1) solid var(--color-border-subtle);padding-left:var(--size-8)}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-plan-card>header>.block-card-drag-handle{grid-area:1/1;display:block}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-plan-card>header>.block-on-toggle{margin-left:var(--size-8);grid-area:1/4}@media (max-width:1120px){.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-plan-card>header{grid-template-columns:var(--size-16) minmax(0, 1fr) auto var(--size-32);height:calc(var(--size-120) + var(--size-24));gap:var(--size-12);grid-template-rows:1fr 1fr}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-card-summary{grid-column:2/-1}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-card-insights{grid-area:2/1/auto/3}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-plan-card>header>.block-on-toggle{grid-area:2/3}}@media (max-width:780px){.scroll-edit-shell .focus-scroll-layout .live-scroll-preview{max-height:55svh;position:relative;top:auto}}.scroll-edit-shell .focus-scroll-layout .scroll-device-switch{height:var(--size-28);box-sizing:border-box}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel{padding-top:calc(var(--size-28) + var(--size-16))}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-plan-card>header{height:calc(var(--size-120) + var(--size-24));column-gap:var(--size-24);grid-template-columns:var(--size-16) minmax(0, 1.1fr) minmax(0, .9fr) auto var(--size-32)}.scroll-edit-shell .focus-scroll-layout .edit-block-description{-webkit-line-clamp:2;margin:var(--size-8) 0 0;color:var(--color-text-secondary);font-size:var(--size-12);line-height:var(--size-18);font-weight:var(--font-weight-400);overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:1120px){.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-plan-card>header{grid-template-columns:var(--size-16) minmax(0, 1fr) auto var(--size-32);grid-template-rows:minmax(0, 1fr) var(--size-40);height:calc(var(--size-180) + var(--size-20));column-gap:var(--size-12)}}@media (max-width:780px){.scroll-edit-shell .focus-scroll-layout .edit-properties-panel{padding-top:0}}@property --editor-scroll-thumb{syntax:"<color>";inherits:false;initial-value:#0000}.scroll-edit-shell .editor-scroll-surface{--editor-scroll-thumb:transparent;scrollbar-width:thin;scrollbar-color:var(--editor-scroll-thumb) transparent;transition:--editor-scroll-thumb .22s}.scroll-edit-shell .editor-scroll-surface.scrollbar-active{--editor-scroll-thumb:#444}.scroll-edit-shell .editor-scroll-surface::-webkit-scrollbar{width:5px;height:5px}.scroll-edit-shell .editor-scroll-surface::-webkit-scrollbar-track{background:0 0}.scroll-edit-shell .editor-scroll-surface::-webkit-scrollbar-thumb{background:var(--editor-scroll-thumb);border-radius:var(--radius-sm)}.scroll-edit-shell .focus-scroll-layout .live-scroll-preview{border:var(--size-1) solid var(--color-border-subtle);border-radius:var(--size-12);box-shadow:none;box-sizing:border-box}@media (prefers-reduced-motion:reduce){.scroll-edit-shell .editor-scroll-surface{transition:none}}.scroll-edit-shell .focus-scroll-layout .live-scroll-preview{border:0;border-radius:0;max-height:none;overflow:visible}.scroll-edit-shell .focus-scroll-layout .studio-audience-scroll-shell{max-height:calc(100svh - var(--size-180));border:var(--size-1) solid var(--color-border-subtle);border-radius:var(--size-12);box-sizing:border-box;overflow-y:auto}.scroll-edit-shell .editor-overlay-scroll-surface{scrollbar-width:none;scrollbar-gutter:auto}.scroll-edit-shell .editor-overlay-scroll-surface::-webkit-scrollbar{width:0;height:0;display:none}.editor-overlay-scrollbar{z-index:9;opacity:0;pointer-events:none;touch-action:none;background:#444;border-radius:4px;width:4px;transition:opacity .22s;position:fixed}.editor-overlay-scrollbar.active{opacity:1;pointer-events:auto}.scroll-edit-shell .focus-scroll-layout .block-save-button{background:var(--color-brand-primary);color:var(--color-text-on-action);border:var(--size-1) solid transparent}.editor-experience-dialog:has(.experience-unsaved){width:min(var(--size-460), calc(100vw - var(--size-32)))}.experience-unsaved h2{margin:0 0 var(--size-12);font-size:var(--size-20)}.experience-unsaved p{color:var(--color-text-secondary);font-size:var(--size-14);line-height:1.5}.experience-unsaved footer{justify-content:flex-end;gap:var(--size-12);margin-top:var(--size-24);flex-wrap:wrap;display:flex}@media (max-width:780px){.scroll-edit-shell .focus-scroll-layout .studio-audience-scroll-shell{max-height:55svh}}@media (prefers-reduced-motion:reduce){.editor-overlay-scrollbar,.scroll-edit-shell .focus-scroll-layout :is(.public-scroll-moment,.block-plan-card){transition:none}}.experience-edit-fields{border:0;min-width:0;margin:0;padding:0}.editor-experience-dialog[open]:has(.experience-unsaved){grid-template-rows:auto;grid-template-columns:minmax(0, 1fr) var(--size-32);align-content:start;column-gap:var(--size-16);row-gap:var(--size-12);height:fit-content;min-height:0;padding:var(--size-20);border-width:var(--size-1);box-shadow:none;align-items:center;display:grid}.editor-experience-dialog:has(.experience-unsaved)>header{grid-area:1/2;margin:0}.editor-experience-dialog:has(.experience-unsaved)>header>button{width:var(--size-32);height:var(--size-32);place-items:center;min-width:0;padding:0;display:grid}.editor-experience-dialog .experience-unsaved{display:contents}.editor-experience-dialog .experience-unsaved h2{grid-area:1/1;margin:0}.editor-experience-dialog .experience-unsaved p{overflow-wrap:anywhere;grid-column:1/-1;min-width:0;margin:0}.editor-experience-dialog .experience-unsaved footer{justify-content:flex-end;gap:var(--size-12);margin:var(--size-8) 0 0;grid-column:1/-1}.editor-experience-dialog[open]:has(.experience-leave-confirmation){padding:var(--size-28);row-gap:var(--size-20)}.scroll-edit-shell .edit-properties-panel .block-plan-body{border-top:1px solid var(--color-border-subtle);padding-top:var(--size-24)}.scroll-edit-shell .edit-properties-panel .playblock-editor>.edit-section-title:not(:first-child),.scroll-edit-shell .edit-properties-panel .playblock-editor-grid>.edit-section-title,.scroll-edit-shell .edit-properties-panel .playblock-editor-repeater{border-top:1px solid var(--color-border-subtle);padding-top:var(--size-24);margin-top:var(--size-8)}.scroll-edit-shell .edit-properties-panel .edit-section-title{color:var(--color-text-primary)}.scroll-edit-shell .edit-properties-panel .edit-image-asset{gap:var(--size-8);min-width:0;display:grid}.scroll-edit-shell .edit-properties-panel .edit-asset-label{font-size:var(--size-12);color:var(--color-text-secondary)}.scroll-edit-shell .edit-properties-panel .edit-asset-value{align-items:center;gap:var(--size-12);min-width:0;display:flex}.scroll-edit-shell .edit-properties-panel .edit-asset-value img{object-fit:contain;border-radius:var(--radius-sm);background:var(--color-bg-control);flex:none;width:48px;height:48px}.scroll-edit-shell .edit-properties-panel .edit-asset-value>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--size-12);color:var(--color-text-secondary);flex:1;overflow:hidden}.scroll-edit-shell .edit-properties-panel .edit-asset-value button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;flex:none}.scroll-edit-shell .edit-properties-panel .edit-asset-value button:hover{background:var(--color-bg-control);color:var(--color-text-primary)}.scroll-edit-shell .edit-properties-panel .edit-image-asset .playblock-image-upload{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-control);min-height:36px;color:var(--color-text-primary)}.scroll-edit-shell .edit-properties-panel .edit-image-asset .playblock-image-upload b{color:var(--color-text-primary);background:0 0;border:0}.scroll-edit-shell .edit-properties-panel .edit-asset-url{min-width:0;color:var(--color-text-secondary);font-size:var(--size-12)}.scroll-edit-shell .edit-properties-panel .edit-asset-url summary{cursor:pointer}.scroll-edit-shell .edit-properties-panel .edit-asset-url label{margin-top:var(--size-12)}.scroll-edit-shell .edit-properties-panel .edit-asset-url button{margin-top:var(--size-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--size-8) var(--size-12);background:var(--color-bg-control);color:var(--color-text-primary);cursor:pointer}.scroll-edit-shell .edit-properties-panel .block-card-actions{align-items:stretch;gap:var(--size-20);flex-direction:column}.scroll-edit-shell .edit-properties-panel .block-card-actions>button{width:100%;color:var(--color-text-secondary);background:var(--color-bg-control);border-color:var(--color-border-subtle)}.scroll-edit-shell .edit-properties-panel .block-card-actions>div{box-sizing:border-box;justify-content:space-between;gap:var(--size-24);border-top:var(--size-1) solid var(--color-border-subtle);width:100%;padding-top:var(--size-20)}.scroll-edit-shell .edit-properties-panel .block-card-actions .block-delete-button{color:var(--color-status-error);background:0 0;border-color:#0000}.scroll-edit-shell .edit-properties-panel .block-card-actions .block-delete-button:hover,.scroll-edit-shell .edit-properties-panel .block-card-actions .block-delete-button.confirming{background:color-mix(in srgb, var(--color-status-error) 9%, var(--color-bg-surface))}.scroll-edit-shell .edit-properties-panel .block-card-actions .block-save-button{margin-left:auto}.block-card-actions .block-develop-button{color:var(--color-text-primary);background:var(--color-bg-control);border-color:var(--color-border-default);margin-left:auto}.scroll-edit-shell .edit-properties-panel .block-card-actions>div>p{flex-basis:100%;margin:0}.scroll-edit-shell .scroll-editor-header,.scroll-edit-shell .scroll-editor-library,.scroll-edit-shell .editor-scroll-outline,.scroll-edit-shell .focus-scroll-layout .studio-audience-scroll-shell,.scroll-edit-shell .edit-properties-panel .block-plan-card:not(.active){border-color:var(--mtb-neutral-3)}.scroll-edit-shell .editor-header-divider{background:var(--mtb-neutral-3)}.scroll-editor-header .topbar-actions{align-items:center;gap:var(--size-8);display:flex;position:relative}.scroll-editor-header .workspace-contextbar-with-center{grid-template-rows:minmax(34px,auto);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.scroll-editor-header .workspace-contextbar-with-center .scroll-editor-context-left{grid-area:1/1;min-width:0}.scroll-editor-header .workspace-contextbar-with-center>.workspace-contextbar-center{grid-area:1/2;place-self:center stretch;width:100%;min-width:0}.scroll-editor-header .workspace-contextbar-with-center>.contextbar-actions{grid-area:1/3;justify-self:end}.editor-context-analytics{justify-content:center;align-items:center;gap:var(--size-4);display:flex}.editor-context-metrics{justify-content:center;align-items:baseline;gap:var(--size-18);padding:var(--size-5) var(--size-8);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;font-family:inherit;display:flex}.editor-context-metrics>span{align-items:baseline;gap:var(--size-6);white-space:nowrap;line-height:var(--size-18);display:inline-flex}.editor-context-metrics small{color:var(--color-text-secondary);font-size:var(--size-11);font-weight:var(--font-weight-500)}.editor-context-metrics strong{color:var(--color-text-primary);font-size:var(--size-12);font-weight:var(--font-weight-600);font-variant-numeric:tabular-nums}.editor-context-metrics:hover{background:var(--mtb-neutral-2)}.editor-context-metrics:focus-visible{outline:var(--size-2) solid var(--color-text-secondary);outline-offset:var(--size-2)}.scroll-editor-header .editor-context-analytics-button{border-color:var(--color-border-default);background:var(--mtb-neutral-2)}.scroll-editor-header .editor-context-analytics-button:hover,.scroll-editor-header .editor-context-analytics-button[aria-pressed=true]{background:var(--mtb-neutral-3)}@media (max-width:1100px){.editor-context-metrics{gap:var(--size-10)}}.scroll-editor-header :is(.topbar,.contextbar) :is(.tutorials-button,.experiences-button,.scroll-settings-button,.experience-library-back){box-sizing:border-box;height:34px;min-height:34px;padding-block:var(--size-7);justify-content:center;align-items:center;display:inline-flex}.editor-publish-actions{align-items:center;gap:var(--size-7);display:flex;position:relative}.editor-publishing{position:relative}.editor-publishing summary{cursor:pointer;list-style:none}.editor-publishing summary::-webkit-details-marker{display:none}.editor-publishing-popover{right:0;top:calc(100% + var(--size-8));gap:var(--size-16);width:min(300px,100vw - 32px);padding:var(--size-16);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);z-index:20;display:grid;position:absolute}.editor-publishing-popover a{color:var(--color-text-primary);overflow-wrap:anywhere;font-size:var(--size-12)}.editor-publishing-popover time{color:var(--color-text-secondary);font-size:var(--size-11)}.editor-publishing-popover .editor-unpublish{color:var(--color-status-error);text-align:left;cursor:pointer;font-size:var(--size-12);background:0 0;border:0}.editor-publishing-error{background:var(--color-bg-elevated);color:var(--color-text-primary);padding:var(--size-12);font-size:var(--size-12);position:absolute;top:100%;right:0}.scroll-edit-shell .scroll-editor-library{grid-template-columns:var(--size-48) minmax(0, 1fr);padding:0;display:grid;overflow:visible}.editor-sidebar-rail{align-items:center;gap:var(--size-8);padding-block:var(--size-16);border-right:1px solid var(--mtb-neutral-3);flex-direction:column;display:flex}.scroll-edit-shell .editor-sidebar-rail button{width:var(--size-36);height:var(--size-36);padding:var(--size-8);place-items:center;display:grid;position:relative}.scroll-edit-shell .editor-sidebar-rail button[aria-pressed=true]{background:var(--color-bg-control);color:var(--color-text-primary)}.editor-rail-icon{width:var(--size-18);height:var(--size-18);-webkit-mask:var(--rail-icon) center / contain no-repeat;mask:var(--rail-icon) center / contain no-repeat;-webkit-mask:var(--rail-icon) center / contain no-repeat;background:currentColor}.editor-rail-icon.style{--rail-icon:url(/style-guide/icons/palette.svg)}.editor-rail-icon.experiences{--rail-icon:url(/creator-studio/icons/experience-icon.svg)}.editor-sidebar-content{min-width:0;min-height:0;padding:var(--size-12);overflow-y:auto}.editor-sidebar-content>[hidden]{display:none}.scroll-edit-shell .editor-sidebar-content .scroll-style-panel{border-bottom:0;margin:0;padding-bottom:0}.scroll-edit-shell .editor-rail-tooltip{left:calc(100% + var(--size-18));z-index:30;position:absolute;top:50%;transform:translateY(-50%)}.scroll-edit-shell .editor-sidebar-rail button:hover .editor-rail-tooltip,.scroll-edit-shell .editor-sidebar-rail button:focus-visible .editor-rail-tooltip{opacity:1;visibility:visible}.scroll-edit-shell .scroll-editor-header .workspace-topbar{padding-left:var(--size-16)}.scroll-editor-header .workspace-header-title{flex:1;min-width:0}.scroll-editor-header .editor-header-left{width:100%;min-width:0}.scroll-editor-header .editor-sidebar-brand{width:calc(var(--scroll-editor-sidebar-width) - var(--size-16));flex:none;align-items:center;display:flex}.editor-scroll-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-primary);flex:0 auto;overflow:hidden}:is(.editor-header-left,.finished-scroll-controls)>.editor-public-link{--scroll-url-min-width:calc(6ch + var(--size-13) + var(--size-5) + var(--size-5) + var(--size-27) + 2 * var(--size-1));flex:1 0 var(--scroll-url-min-width);min-width:var(--scroll-url-min-width);max-width:360px;font-size:var(--size-14)}.scroll-editor-header .editor-topbar-logo{width:var(--size-32);min-width:var(--size-32);height:var(--size-32);flex:none;align-self:center;overflow:hidden}.scroll-editor-header .editor-topbar-logo>span{width:var(--size-32);min-width:var(--size-32);height:var(--size-32);font-size:var(--size-10);overflow:hidden}.scroll-editor-header .editor-header-left>.scroll-settings-popover-anchor,.scroll-editor-header .topbar-actions{flex-shrink:0}.scroll-editor-context-left{align-items:center;gap:var(--size-8);flex:1;min-width:0;display:flex}.scroll-editor-context-left>.scroll-settings-popover-anchor{flex:none}.editor-see-live{justify-content:center;align-items:center;gap:var(--size-8);min-height:var(--size-34);padding:0 var(--size-12);border:var(--size-1) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-control);color:var(--color-text-primary);font:inherit;font-size:var(--size-12);white-space:nowrap;text-decoration:none;display:inline-flex}.editor-see-live:hover{background:var(--color-bg-hover)}.editor-see-live:focus-visible{outline:var(--size-2) solid var(--color-focus-ring);outline-offset:var(--size-2)}.editor-see-live:disabled{opacity:.5;cursor:not-allowed}.scroll-edit-shell .scroll-editor-header,.scroll-edit-shell .scroll-editor-header .workspace-topbar,.scroll-edit-shell .scroll-editor-header .workspace-contextbar,.scroll-edit-shell .scroll-editor-library,.scroll-edit-shell .editor-sidebar-rail,.scroll-edit-shell .editor-sidebar-content{background:var(--mtb-neutral-1)}.scroll-edit-shell .scroll-editor-library{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.editor-sidebar-tabs{align-items:center;gap:var(--size-2);height:var(--studio-header-height);min-height:var(--studio-header-height);margin:0 var(--size-12);padding-inline:var(--size-3);border-radius:var(--size-8);background:var(--mtb-neutral-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.scroll-edit-shell .editor-sidebar-tabs button{text-align:center;border-radius:var(--size-6);width:100%;min-width:0;padding:var(--size-8) 0;white-space:nowrap;color:var(--color-text-secondary);font-weight:var(--font-weight-500);justify-content:center;align-items:center;gap:var(--size-6);background:0 0;border:0;display:inline-flex;position:relative}.scroll-edit-shell .editor-sidebar-tabs button svg{flex:none}.scroll-edit-shell .editor-sidebar-tabs button:hover{color:var(--color-text-primary);background:0 0}.scroll-edit-shell .editor-sidebar-tabs button[aria-pressed=true]{background:var(--mtb-neutral-3);color:var(--color-text-primary)}@media (max-width:620px){.scroll-editor-header .editor-sidebar-brand{width:var(--size-32);min-width:var(--size-32);margin-inline-end:var(--size-12);overflow:hidden}}.scroll-edit-shell .edit-properties-panel .block-on-toggle{width:auto;height:auto;min-width:var(--size-40);min-height:var(--size-32);padding:var(--size-6) var(--size-12);font-size:var(--size-11);border-radius:999px}.scroll-edit-shell .edit-properties-panel .block-on-toggle.on,.scroll-edit-shell .edit-properties-panel .block-on-toggle.on:hover{background:var(--color-brand-primary);color:var(--color-black)}.scroll-edit-shell .edit-properties-panel .block-on-toggle.off,.scroll-edit-shell .edit-properties-panel .block-on-toggle.off:hover{background:var(--mtb-neutral-5);color:var(--color-text-primary)}.scroll-edit-shell .edit-properties-panel .block-on-toggle.on{font-weight:var(--font-weight-600)}.scroll-edit-shell .focus-scroll-layout.desktop-context-workspace{max-width:none;display:block;position:relative}.scroll-edit-shell .desktop-context-workspace .live-scroll-preview{width:100%;max-height:none;position:relative;top:auto}.scroll-edit-shell .desktop-context-workspace .studio-audience-scroll-shell{background:var(--screen-background,var(--color-scroll-screen-default));width:calc(100% - 480px);min-width:240px;max-height:calc(100svh - 180px);margin-inline:auto;overflow:auto}.scroll-edit-shell .desktop-context-workspace .studio-audience-preview{zoom:var(--desktop-scale,.5);width:1440px;max-width:none;padding:64px var(--size-24);background:var(--screen-background,var(--color-scroll-screen-default))}.scroll-edit-shell .desktop-context-workspace .public-scroll-content{width:var(--desktop-scroll-width);max-width:var(--desktop-scroll-max-width);border-radius:var(--size-12);margin-inline:auto}.scroll-edit-shell .desktop-context-workspace .public-scroll-moment[draggable=true]{cursor:grab}.scroll-edit-shell .desktop-context-workspace .public-scroll-moment.dragging{opacity:.5;cursor:grabbing}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel{top:var(--context-top,44px);right:var(--size-24);z-index:4;width:216px;padding:0;position:absolute}.scroll-edit-shell .desktop-context-workspace .editor-properties-heading{display:none}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .block-plan-card{background:var(--color-bg-surface);padding:var(--size-12);flex-direction:column;display:flex}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .block-plan-card>header{align-items:stretch;gap:var(--size-12);flex-direction:column;height:auto;display:flex}.scroll-edit-shell .desktop-context-workspace .block-card-drag-handle,.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .block-card-insights{width:100%}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .block-on-toggle{align-self:flex-start;margin:0}.scroll-edit-shell .desktop-context-workspace .desktop-context-edit{margin-top:var(--size-12);order:1;justify-content:center}.scroll-edit-shell .desktop-context-workspace .experience-edit-fields{order:2;min-width:0}.scroll-edit-shell .desktop-context-workspace .grid-footprint-controls{grid-template-columns:minmax(0,1fr);display:grid}@media (max-width:900px){.scroll-edit-shell .desktop-context-workspace .studio-audience-scroll-shell{width:100%;min-width:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel{right:var(--size-24);max-width:calc(100% - 48px)}}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel{left:var(--context-left,auto);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);scrollbar-width:thin;width:232px;max-width:calc(100% - 24px);right:auto;overflow:hidden auto}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .block-plan-card{width:100%;min-width:0;padding:var(--size-16);border-radius:inherit;border:0;margin:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .block-plan-card>header{gap:var(--size-12);grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;height:auto;display:grid}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .block-card-summary{display:contents}.scroll-edit-shell .desktop-context-workspace .block-card-type-row{grid-area:1/1;min-width:0}.scroll-edit-shell .desktop-context-workspace .block-card-type-row>span{white-space:normal;overflow-wrap:anywhere;font-size:var(--size-9)}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .block-plan-card>header>.block-on-toggle{grid-area:1/2;align-self:center;margin:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .edit-block-title{overflow-wrap:anywhere;min-width:0;font-size:var(--size-14);line-height:var(--size-20);grid-area:2/1/auto/-1}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .edit-block-description{grid-area:3/1/auto/-1;margin:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .block-card-insights{gap:var(--size-6);grid-area:4/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.scroll-edit-shell .desktop-context-workspace .block-card-insights span{min-width:0}.scroll-edit-shell .desktop-context-workspace .block-card-insights small{white-space:normal;overflow-wrap:anywhere;font-size:8px}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .experience-edit-fields{width:100%;min-width:0;margin:0;padding:0}.scroll-edit-shell .desktop-context-workspace .experience-edit-fields :is(input,select,textarea,button){min-width:0;max-width:100%}.scroll-edit-shell .desktop-context-workspace .experience-edit-fields button{white-space:normal;overflow-wrap:anywhere}.scroll-edit-shell .desktop-context-workspace .desktop-context-edit{flex-shrink:0;width:100%}.scroll-edit-shell .phone-preview .mobile-context-edit{width:100%;margin-top:var(--size-12);grid-area:2/1/auto/-1;justify-content:center}.scroll-edit-shell .focus-scroll-layout.desktop-context-workspace{gap:var(--size-24);grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;display:grid}.scroll-edit-shell .desktop-context-workspace .live-scroll-preview{grid-column:1;min-width:0}.scroll-edit-shell .desktop-context-workspace .studio-audience-scroll-shell{width:100%;min-width:0;margin:0;padding:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel{top:var(--size-24);grid-column:2;width:100%;min-width:0;max-width:100%;max-height:calc(100svh - 180px);margin-top:44px;position:sticky;left:auto;right:auto;overflow:hidden auto}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(:has(.block-plan-card)){visibility:hidden;border:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .block-plan-card>header{gap:var(--size-16)}.scroll-edit-shell .desktop-context-workspace .block-card-type-row>span{font-size:var(--size-10)}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .block-card-insights{gap:var(--size-12)}.scroll-edit-shell .desktop-context-workspace .block-card-insights small{font-size:var(--size-9)}.scroll-edit-shell .desktop-context-workspace .desktop-context-edit{margin-top:var(--size-20)}.desktop-edit-scrollbar{width:3px}@media (max-width:780px){.scroll-edit-shell .focus-scroll-layout.desktop-context-workspace{gap:var(--size-12);grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .block-plan-card{padding:var(--size-12)}}@media (max-width:540px){.scroll-edit-shell .focus-scroll-layout.desktop-context-workspace{grid-template-columns:minmax(0,1fr)}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel{grid-column:1;margin-top:0;position:relative;top:auto}}.scroll-edit-shell .focus-scroll-layout.desktop-context-workspace{grid-template-columns:minmax(0,1fr) minmax(340px,400px)}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .block-plan-card{padding:var(--size-24)}.scroll-edit-shell .desktop-context-workspace .experience-edit-fields{min-inline-size:0}.scroll-edit-shell .desktop-context-workspace .experience-edit-fields :is(.playblock-editor-grid,.native-experience-editor-grid){grid-template-columns:minmax(0,1fr)}@media (max-width:900px){.scroll-edit-shell .focus-scroll-layout.desktop-context-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}}@media (max-width:600px){.scroll-edit-shell .focus-scroll-layout.desktop-context-workspace{grid-template-columns:minmax(0,1fr)}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel{grid-column:1;margin-top:0;position:relative;top:auto}}.scroll-edit-shell .editor-empty-slot{--empty-slot-ink:oklch(from var(--scroll-background) clamp(0, calc((.65 - l) * 1000), 1) 0 0);appearance:none;aspect-ratio:1.4;border:1px solid color-mix(in srgb, var(--empty-slot-ink) 16%, transparent);background:color-mix(in srgb, var(--empty-slot-ink) 8%, transparent);width:100%;min-width:0;color:var(--empty-slot-ink);cursor:pointer;opacity:.65;border-radius:16px;align-self:start;place-items:center;padding:0;transition:translate .17s ease-out,border-color .17s ease-out,background-color .14s,opacity .14s,scale .14s;display:grid;position:relative}.scroll-edit-shell .editor-scroll-frame[data-scope-guides=visible] .editor-empty-slot.editor-onboarding-empty-slot{opacity:1;border-color:var(--color-action-primary);background:color-mix(in srgb, var(--color-action-primary) 10%, transparent);box-shadow:inset 0 0 0 var(--size-1) var(--color-action-primary)}.scroll-edit-shell .editor-scroll-frame[data-scope-guides=visible] .editor-empty-slot.editor-onboarding-empty-slot>svg{opacity:1;color:var(--color-action-primary);scale:1}.scroll-edit-shell .editor-empty-slot>svg{opacity:0;transition:opacity .12s,scale .12s;scale:.82}.scroll-edit-shell .editor-empty-slot:hover,.scroll-edit-shell .editor-empty-slot:focus-visible{opacity:1;border-color:color-mix(in srgb, var(--empty-slot-ink) 32%, transparent);background:color-mix(in srgb, var(--empty-slot-ink) 8%, transparent)}.scroll-edit-shell .editor-scroll-frame[data-scope-guides=visible] .editor-empty-slot.editor-onboarding-empty-slot:is(:hover,:focus-visible){border-color:var(--color-action-primary);background:color-mix(in srgb, var(--color-action-primary) 14%, transparent)}.scroll-edit-shell .editor-onboarding-grid-outline{z-index:4;border:var(--size-2) solid var(--color-action-primary);border-radius:var(--size-16);opacity:0;pointer-events:none;min-width:0;transition:opacity .78s cubic-bezier(.22,1,.36,1);position:relative}.scroll-edit-shell .editor-scroll-frame[data-scope-guides=visible] .editor-onboarding-grid-outline{opacity:1}.scroll-edit-shell .editor-empty-slot:hover>svg,.scroll-edit-shell .editor-empty-slot:focus-visible>svg{opacity:1;scale:1}.scroll-edit-shell .editor-empty-slot:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.scroll-edit-shell .editor-placement-grid.is-arranging>.editor-empty-slot{pointer-events:auto;opacity:1;border-style:dashed;border-color:color-mix(in srgb, var(--empty-slot-ink) 22%, transparent);background:color-mix(in srgb, var(--empty-slot-ink) 7%, transparent)}.scroll-edit-shell .editor-placement-grid.is-arranging>.editor-empty-slot>svg{opacity:0}.scroll-edit-shell .editor-placement-grid.is-arranging>.editor-empty-slot:hover{border-color:color-mix(in srgb, var(--empty-slot-ink) 48%, transparent);background:color-mix(in srgb, var(--empty-slot-ink) 13%, transparent);scale:.97}.scroll-edit-shell :is(.editor-row-insert-control,.editor-row-remove-control){z-index:7;background:0 0;border:0;justify-content:center;justify-self:stretch;align-items:center;width:100%;padding:0;display:flex;position:relative}.scroll-edit-shell .editor-placement-grid{--editor-row-gap:var(--size-13);row-gap:var(--editor-row-gap)}.scroll-edit-shell .phone-preview .editor-placement-grid,.scroll-edit-shell .tablet-mobile-layout .editor-placement-grid{--editor-row-gap:var(--size-13)}.scroll-edit-shell .editor-row-insert-control{height:var(--size-18);transform:translateY(calc(-50% - var(--editor-row-gap) / 2));cursor:pointer;align-self:start}.scroll-edit-shell .editor-row-insert-control.bottom-gutter{transform:translateY(calc(50% + var(--editor-row-gap) / 2));align-self:end}.scroll-edit-shell .studio-audience-preview .public-scroll-content:has(>.editor-placement-grid){padding-top:var(--size-22);padding-bottom:var(--size-22)}.scroll-edit-shell .editor-row-remove-control{width:var(--size-32);height:var(--size-32);cursor:pointer;place-self:center end;min-height:0;margin-right:0;transform:translate(50%)}.scroll-edit-shell :is(.editor-row-insert-control,.editor-row-remove-control):before{content:"";height:var(--size-1);background:var(--color-action-primary);opacity:0;transition:opacity .12s,transform .12s;position:absolute;inset-inline:0;transform:scaleX(.96)}.scroll-edit-shell .editor-row-remove-control:before{display:none}.scroll-edit-shell :is(.editor-row-insert-control,.editor-row-remove-control)>span{--row-control-ink:oklch(from var(--scroll-background) clamp(0, calc((.65 - l) * 1000), 1) 0 0);z-index:1;width:var(--size-22);height:var(--size-22);border:var(--size-1) solid 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);color:var(--color-action-primary);font-size:var(--size-15);opacity:0;border-radius:50%;place-items:center;font-weight:400;line-height:1;transition:opacity .17s ease-out,scale .17s ease-out,background-color .17s ease-out,border-color .17s ease-out;display:grid;position:relative;scale:.96}.scroll-edit-shell :is(.editor-row-insert-control,.editor-row-remove-control):hover:before,.scroll-edit-shell :is(.editor-row-insert-control,.editor-row-remove-control):focus-visible:before{opacity:1;transform:scaleX(1)}.scroll-edit-shell :is(.editor-row-insert-control,.editor-row-remove-control):hover>span,.scroll-edit-shell :is(.editor-row-insert-control,.editor-row-remove-control):focus-visible>span,.scroll-edit-shell .editor-row-remove-control.is-visible>span{opacity:1;scale:1}.scroll-edit-shell :is(.editor-row-insert-control,.editor-row-remove-control):focus-visible{outline:none}.scroll-edit-shell :is(.editor-row-insert-control,.editor-row-remove-control):is(:hover,:focus-visible)>span{background:color-mix(in srgb, color-mix(in srgb, var(--scroll-background) 76%, var(--row-control-ink)) 84%, transparent);border-color:color-mix(in srgb, var(--row-control-ink) 28%, transparent);scale:1.04}@media (prefers-reduced-motion:reduce){.scroll-edit-shell :is(.editor-row-insert-control,.editor-row-remove-control)>span{transition:none}}.scroll-edit-shell :is(.editor-row-insert-control,.editor-row-remove-control){--add-row-ink:oklch(from var(--scroll-row-contrast-background,var(--scroll-background)) clamp(0, calc((.65 - l) * 1000), 1) 0 0)}.scroll-edit-shell .editor-row-insert-control:before{background:color-mix(in srgb, var(--add-row-ink) 18%, transparent)}.scroll-edit-shell :is(.editor-row-insert-control,.editor-row-remove-control)>span{color:color-mix(in srgb, var(--add-row-ink) 68%, transparent)}.scroll-edit-shell .editor-row-insert-control:is(:hover,:focus-visible):before{background:color-mix(in srgb, var(--add-row-ink) 26%, transparent)}.scroll-edit-shell :is(.editor-row-insert-control,.editor-row-remove-control):is(:hover,:focus-visible)>span{color:color-mix(in srgb, var(--add-row-ink) 82%, transparent)}.grid-footprint-dimensions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid-footprint-dimensions label{gap:6px;min-width:0;display:grid}.grid-footprint-dimensions :is(input,select){width:100%;min-width:0}.scroll-edit-shell .editor-scroll-frame{display:contents}.scroll-edit-shell .focus-scroll-layout .editor-scroll-frame{width:min(100%,1024px);max-width:100%;margin-inline:auto;display:block;position:relative}.scroll-edit-shell :is(.phone-preview,.desktop-context-workspace.tablet-mobile-layout) .editor-scroll-frame{width:min(100%, var(--size-390))}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment{align-self:stretch;transition:opacity .15s,filter .18s,background-color .16s}.scroll-edit-shell .desktop-context-workspace .public-scroll-content:has(:is(.editor-block-scope-callout,.editor-add-block-scope-callout)){overflow:visible}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment[data-editor-scope-anchor=block]{anchor-name:--editor-first-block}.scroll-edit-shell .editor-scope-callout{display:none}.scroll-edit-shell .editor-scroll-frame>.editor-scroll-scope-callout,.scroll-edit-shell .editor-scroll-frame>.editor-block-scope-callout,.scroll-edit-shell .editor-empty-slot>.editor-add-block-scope-callout{--scope-line-length:var(--size-14);--scope-pointer-width:var(--size-7);--scope-nudge-distance:var(--size-5);z-index:7;top:var(--size-12);color:inherit;cursor:pointer;transform:translateX(calc(100% + var(--scope-line-length) + var(--scope-pointer-width)));opacity:1;visibility:visible;background:0 0;border:0;padding:0;transition:opacity .78s cubic-bezier(.22,1,.36,1),visibility linear;position:absolute;right:0}.scroll-edit-shell .editor-scroll-frame>.editor-block-scope-callout{--scope-line-length:var(--size-36);position-anchor:--editor-first-block;top:calc(anchor(top) + var(--size-60));right:auto;left:calc(anchor(right) + var(--scope-line-length) + var(--scope-pointer-width));transform:none}.scroll-edit-shell .editor-scroll-frame[data-scope-guides=hidden] .editor-scope-callout{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .17s,visibility 0s linear .17s}@keyframes editor-scope-horizontal-nudge{0%,to{translate:0}42%{translate:var(--scope-nudge-distance) 0}72%{translate:calc(var(--size-2) * -1) 0}}.scroll-edit-shell .editor-scroll-frame[data-scope-guides=visible] .editor-scope-callout>span{animation:4s ease-in-out .78s infinite editor-scope-horizontal-nudge}.scroll-edit-shell :is(.editor-scroll-frame>.editor-scroll-scope-callout,.editor-scroll-frame>.editor-block-scope-callout,.editor-empty-slot>.editor-add-block-scope-callout)>span{min-height:var(--size-24);box-sizing:border-box;border:var(--size-1) solid var(--mtb-neutral-6);background:var(--mtb-neutral-4);color:var(--mtb-neutral-10);padding:var(--size-4) var(--size-10);font-family:var(--font-family-primary-ui);font-size:var(--size-12);font-weight:var(--font-weight-700);line-height:var(--size-16);white-space:nowrap;filter:drop-shadow(0 var(--size-2) var(--size-3) #00000047);border-left:0;border-radius:0;align-items:center;display:inline-flex;position:relative}.scroll-edit-shell :is(.editor-scroll-frame>.editor-scroll-scope-callout,.editor-scroll-frame>.editor-block-scope-callout,.editor-empty-slot>.editor-add-block-scope-callout):hover>span,.scroll-edit-shell :is(.editor-scroll-frame>.editor-scroll-scope-callout,.editor-scroll-frame>.editor-block-scope-callout,.editor-empty-slot>.editor-add-block-scope-callout):focus-visible>span{border-color:var(--mtb-neutral-8);background:var(--mtb-neutral-5)}.scroll-edit-shell :is(.editor-scroll-frame>.editor-scroll-scope-callout,.editor-scroll-frame>.editor-block-scope-callout):focus-visible{outline:var(--size-2) solid var(--color-focus-ring);outline-offset:var(--size-2)}.scroll-edit-shell :is(.editor-scroll-frame>.editor-scroll-scope-callout,.editor-scroll-frame>.editor-block-scope-callout,.editor-empty-slot>.editor-add-block-scope-callout):is(:hover,:focus-visible)>span:before{border-right-color:var(--mtb-neutral-8)}.scroll-edit-shell :is(.editor-scroll-frame>.editor-scroll-scope-callout,.editor-scroll-frame>.editor-block-scope-callout,.editor-empty-slot>.editor-add-block-scope-callout):is(:hover,:focus-visible)>span:after{border-right-color:var(--mtb-neutral-5)}.scroll-edit-shell .editor-scroll-frame>.editor-scroll-scope-callout:before,.scroll-edit-shell .editor-scroll-frame>.editor-block-scope-callout:before,.scroll-edit-shell .editor-empty-slot>.editor-add-block-scope-callout:before{content:"";top:50%;right:calc(100% + var(--scope-pointer-width) - var(--scope-nudge-distance));width:calc(var(--scope-line-length) + var(--scope-nudge-distance));height:var(--size-2);background:var(--mtb-neutral-6);position:absolute;transform:translateY(-50%)}.scroll-edit-shell :is(.editor-scroll-frame>.editor-scroll-scope-callout,.editor-scroll-frame>.editor-block-scope-callout,.editor-empty-slot>.editor-add-block-scope-callout)>span:before,.scroll-edit-shell :is(.editor-scroll-frame>.editor-scroll-scope-callout,.editor-scroll-frame>.editor-block-scope-callout,.editor-empty-slot>.editor-add-block-scope-callout)>span:after{content:"";width:0;height:0;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.scroll-edit-shell :is(.editor-scroll-frame>.editor-scroll-scope-callout,.editor-scroll-frame>.editor-block-scope-callout,.editor-empty-slot>.editor-add-block-scope-callout)>span:before{border-top:var(--size-13) solid transparent;border-bottom:var(--size-13) solid transparent;border-right:var(--size-8) solid var(--mtb-neutral-6)}.scroll-edit-shell :is(.editor-scroll-frame>.editor-scroll-scope-callout,.editor-scroll-frame>.editor-block-scope-callout,.editor-empty-slot>.editor-add-block-scope-callout)>span:after{right:calc(100% - var(--size-1));border-top:var(--size-12) solid transparent;border-bottom:var(--size-12) solid transparent;border-right:var(--size-7) solid var(--mtb-neutral-4)}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment:after{content:"";z-index:5;border:var(--size-1) solid transparent;border-radius:inherit;pointer-events:none;transition:border-color .52s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.scroll-edit-shell .editor-scroll-frame[data-scope-guides=visible] .editor-placement-grid>.public-scroll-moment[data-editor-scope-anchor=block]:after{border-width:var(--size-2);border-color:var(--color-action-primary)}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment:hover:after,.scroll-edit-shell .editor-placement-grid>.public-scroll-moment:focus-within:after{border-color:color-mix(in srgb, var(--scroll-font,#fff) 38%, transparent)}@media (prefers-reduced-motion:reduce){.scroll-edit-shell .editor-scroll-frame[data-scope-guides=visible] .editor-scope-callout>span{animation:none}}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment.dragging{z-index:5;opacity:.82;filter:drop-shadow(0 var(--size-14) var(--size-18) #00000047)}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment.transparent-block.dragging{background-color:var(--scroll-background,var(--color-bg-surface))}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment.dragging:after{border-color:color-mix(in srgb, var(--scroll-font,#fff) 58%, transparent)}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment>.editor-block-actions{z-index:6;top:var(--size-8);right:var(--size-8);align-items:center;gap:var(--size-4);opacity:0;transition:opacity .12s,transform .12s;display:flex;position:absolute;transform:translateY(-3px)}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment>.editor-block-actions .editor-block-action{width:var(--size-34);height:var(--size-34);border:var(--size-1) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:0 var(--size-6) var(--size-16) #0000003d;cursor:pointer;place-items:center;padding:0;transition:background-color .12s,border-color .12s;display:grid}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment:hover>.editor-block-actions{opacity:1;transform:translateY(0)}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment>.editor-block-actions:has(:focus-visible){opacity:1;transform:translateY(0)}.scroll-edit-shell .editor-block-action:disabled{opacity:.5;cursor:wait}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment>.editor-block-actions .editor-block-action:not(:disabled):hover{border-color:var(--color-text-secondary);background:var(--color-bg-hover)}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment>.editor-block-actions .editor-block-arrange-trigger{cursor:grab}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment>.editor-block-actions .editor-block-arrange-trigger:active{cursor:grabbing}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment>.editor-block-actions .editor-block-action[data-active=true],.scroll-edit-shell .editor-placement-grid>.public-scroll-moment>.editor-block-actions .editor-block-action[data-active=true]:hover{color:var(--color-action-primary);border-color:var(--color-action-primary);background:color-mix(in srgb, var(--color-action-primary) 15%, var(--color-bg-elevated))}@media (hover:none){.scroll-edit-shell .editor-placement-grid>.public-scroll-moment>.editor-block-actions{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.scroll-edit-shell .editor-placement-grid>.public-scroll-moment,.scroll-edit-shell .editor-empty-slot{transition:none}}.studio-shell.scroll-edit-shell .editor-placement-grid>.public-scroll-moment.editor-selected{outline:none}.studio-shell.scroll-edit-shell .editor-placement-grid>.public-scroll-moment.editor-selected:after{border:2px solid var(--color-action-primary)}.grid-footprint-picker{border-radius:16px}.grid-footprint-picker output{color:var(--color-text-secondary);background:0 0;font-weight:500}.grid-footprint-cell-area{scrollbar-width:thin;max-height:240px;overflow-y:auto}.grid-footprint-more{color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:4px 0;font-size:11px}.grid-footprint-more:hover{color:var(--color-text-primary)}.grid-footprint-cells button.footprint-invalid{background:color-mix(in srgb, #b96363 9%, var(--color-bg-surface));border-color:#b96363}.footprint-validation{color:#dc9292;margin:0;font-size:11px;line-height:1.4}.scroll-edit-shell .grid-footprint-controls{grid-template-columns:minmax(0,1fr)}.scroll-edit-shell .block-layout-editor{gap:var(--size-16);display:grid}.scroll-edit-shell .focus-scroll-layout.desktop-context-workspace:not(.experience-focused){grid-template-columns:minmax(0,1fr)}.scroll-edit-shell .desktop-context-workspace:not(.experience-focused) .edit-properties-panel{display:none}.scroll-edit-shell .desktop-context-workspace .studio-audience-scroll-shell{background:0 0;border:0;border-radius:0;width:min(100%,1024px);min-width:0;max-width:1024px;max-height:none;margin-inline:auto;padding:0;overflow:visible}.scroll-edit-shell .desktop-context-workspace .studio-audience-preview{zoom:1;width:100%;max-width:none;min-height:0;box-shadow:none;background:0 0;border-radius:0;padding:0;overflow:visible}.scroll-edit-shell .desktop-context-workspace .studio-audience-preview .public-scroll-content{border-radius:var(--size-20);width:100%;max-width:none;min-height:0;margin:0;overflow:hidden}.scroll-edit-shell .focus-scroll-layout.desktop-context-workspace,.scroll-edit-shell .focus-scroll-layout.desktop-context-workspace.experience-focused{grid-template-columns:minmax(0,1fr);display:block;position:relative}.scroll-edit-shell .desktop-context-workspace .live-scroll-preview{width:100%;min-width:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel{z-index:12;top:var(--block-editor-top,var(--size-60));left:var(--block-editor-left,calc(50% - 200px));width:min(400px, calc(100% - var(--size-32)));max-width:400px;max-height:calc(100svh - var(--size-180) - var(--size-20));border:var(--size-1) solid var(--color-border-default);border-radius:var(--size-16);background:var(--color-bg-elevated);box-shadow:0 var(--size-20) var(--size-60) #0000005c;grid-column:auto;margin:0;position:absolute;right:auto;overflow:hidden auto;transform:none}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel .block-plan-card{padding:var(--size-24);background:var(--color-bg-elevated)}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel.grid-size-modal{width:min(var(--size-250), calc(100% - var(--size-32)));max-width:var(--size-250);border:var(--size-1) solid var(--color-border-default);border-radius:var(--size-16);background:var(--color-bg-elevated);max-height:none;box-shadow:0 var(--size-12) var(--size-36) #0000004d;padding:0;overflow:visible}.scroll-edit-shell .edit-properties-panel.grid-size-modal>.editor-properties-heading,.scroll-edit-shell .edit-properties-panel.grid-size-modal .block-plan-card:not(.active),.scroll-edit-shell .edit-properties-panel.grid-size-modal .block-plan-card>header,.scroll-edit-shell .edit-properties-panel.grid-size-modal .block-background-control{display:none}.scroll-edit-shell .edit-properties-panel.grid-size-modal .block-plan-card,.scroll-edit-shell .edit-properties-panel.grid-size-modal .block-plan-card.active{background:0 0;border:0;margin:0;padding:0}.scroll-edit-shell .edit-properties-panel.grid-size-modal .block-plan-body{border:0;margin:0;padding:0}.scroll-edit-shell .edit-properties-panel.grid-size-modal .block-layout-editor{display:block}.scroll-edit-shell .edit-properties-panel.grid-size-modal:has(.grid-footprint-controls>p) .block-editor-modal-toolbar{padding:var(--size-12) var(--size-12) var(--size-8) var(--size-16);font-weight:var(--font-weight-600)}.scroll-edit-shell .edit-properties-panel.grid-size-modal .grid-footprint-controls>p{padding:0 var(--size-16) var(--size-16);color:var(--color-text-secondary);font-family:var(--font-family-primary-ui);font-size:var(--size-12);font-weight:var(--font-weight-400);line-height:var(--size-18);margin:0}.scroll-edit-shell .edit-properties-panel.grid-size-modal .block-plan-body>.footprint-validation{margin:var(--size-16) var(--size-16) 0}.scroll-edit-shell .edit-properties-panel.grid-size-modal .grid-footprint-picker{padding:var(--size-16);background:0 0;border:0}.scroll-edit-shell .edit-properties-panel.grid-size-modal .block-card-actions{padding:0 var(--size-16) var(--size-16);border:0;margin:0;display:block}.scroll-edit-shell .edit-properties-panel.grid-size-modal .block-card-actions>div{justify-content:flex-end;align-items:center;gap:var(--size-10);border-top:0;width:100%;display:flex}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment>.editor-block-actions>.editor-block-delete-trigger{cursor:pointer}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment>.editor-block-actions>.editor-block-delete-trigger:hover{color:#f15757;border-color:#f15757}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment>.editor-block-actions>.editor-block-delete-trigger.confirming{border-color:var(--color-danger,#d66);color:#fff;background:var(--color-danger,#d66)}.block-background-control{margin-top:var(--size-16);justify-content:space-between;align-items:center;gap:var(--size-12);display:flex}.block-background-control>span{gap:var(--size-3);min-width:0;display:grid}.block-background-control>span b{color:var(--color-text-primary);font-size:var(--size-12);font-weight:var(--font-weight-600)}.block-background-control>span small{color:var(--color-text-secondary);font-size:var(--size-10)}.block-background-control>div{align-items:center;gap:var(--size-8);flex:none;display:flex}.block-background-control input[type=color]{width:var(--size-32);height:var(--size-32);padding:var(--size-2);border:var(--size-1) solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-control);cursor:pointer}.block-background-control:not(.has-color) input[type=color]{opacity:.55}.block-background-control button{min-height:var(--size-32);border:var(--size-1) solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:0 var(--size-10);background:var(--color-bg-control);color:var(--color-text-primary);font-size:var(--size-11);cursor:pointer}.block-background-control button:hover:not(:disabled){background:color-mix(in srgb, var(--color-text-primary) 12%, transparent)}.block-background-control button:disabled{color:var(--color-text-secondary);cursor:default;opacity:.55}@media (min-width:781px){.scroll-edit-shell .focus-scroll-layout.phone-preview{grid-template-rows:auto auto;align-items:start;row-gap:0}.scroll-edit-shell .focus-scroll-layout.phone-preview .live-scroll-preview{grid-area:1/1/span 2;grid-template-rows:subgrid;display:grid;position:relative;top:auto}.scroll-edit-shell .focus-scroll-layout.phone-preview .scroll-device-switch{grid-row:1}.scroll-edit-shell .focus-scroll-layout.phone-preview .studio-audience-scroll-shell{grid-row:2}.scroll-edit-shell .focus-scroll-layout.phone-preview .edit-properties-panel{max-height:calc(100svh - var(--size-180));grid-area:2/2;align-self:start;margin-top:0;position:relative;top:auto;overflow-y:auto}}.scroll-edit-shell .live-scroll-preview,.scroll-edit-shell .live-scroll-preview *{-ms-overflow-style:none;scrollbar-width:none!important;scrollbar-gutter:auto!important}.scroll-edit-shell .live-scroll-preview::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.scroll-edit-shell .live-scroll-preview ::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.scroll-edit-shell .edit-properties-panel,.scroll-edit-shell .edit-properties-panel *{-ms-overflow-style:none;scrollbar-width:none!important;scrollbar-gutter:auto!important}.scroll-edit-shell .edit-properties-panel::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.scroll-edit-shell .edit-properties-panel ::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.scroll-edit-shell .focus-scroll-layout.phone-preview .edit-properties-panel{padding-top:0}.scroll-edit-shell .focus-scroll-layout.desktop-context-workspace>.edit-properties-panel{z-index:9}.scroll-edit-shell .focus-scroll-layout :is(.studio-audience-scroll-shell,.scroll-device-switch),.scroll-edit-shell .focus-scroll-layout>.edit-properties-panel{z-index:7}.scroll-edit-shell .focus-scroll-layout .studio-audience-scroll-shell{position:relative}.scroll-edit-shell .focus-scroll-layout.phone-preview .editor-properties-heading:empty{display:none}.scroll-edit-shell .focus-scroll-layout{position:relative}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel.grid-size-modal{z-index:13;top:var(--block-editor-top,var(--size-60));left:var(--block-editor-left,calc(50% - 125px));grid-area:auto;align-self:auto;margin:0;position:absolute;right:auto}.scroll-edit-shell .focus-scroll-layout.phone-preview:not(.experience-focused) .edit-properties-panel{display:none}.scroll-edit-shell .focus-scroll-layout.phone-preview:not(.experience-focused) .live-scroll-preview{flex-direction:column;grid-column:1;align-items:center;display:flex}.scroll-edit-shell .focus-scroll-layout.phone-preview,.scroll-edit-shell .focus-scroll-layout.phone-preview.experience-focused{display:block}.scroll-edit-shell .focus-scroll-layout.phone-preview .live-scroll-preview{flex-direction:column;align-items:center;width:100%;display:flex;position:relative;top:auto}.scroll-edit-shell .focus-scroll-layout .studio-audience-scroll-shell{max-width:100%;margin-block:0;margin-inline:auto}.scroll-edit-shell .focus-scroll-layout.phone-preview .studio-audience-scroll-shell{width:min(100%,390px)}.scroll-edit-shell .focus-scroll-layout .studio-audience-preview{zoom:1;width:100%;min-width:0;max-width:none}.scroll-edit-shell .editor-placement-grid[data-width-transition]>:not([data-moment-id]){visibility:hidden}@property --mobile-panel-space{syntax:"<length>";inherits:false;initial-value:0}@property --mobile-panel-gap{syntax:"<length>";inherits:false;initial-value:0}.scroll-edit-shell .focus-scroll-layout.phone-preview,.scroll-edit-shell .focus-scroll-layout.phone-preview.experience-focused{--mobile-panel-space:0px;--mobile-panel-gap:0px;grid-template-columns:minmax(0, 390px) minmax(0, calc(var(--mobile-panel-space) - var(--mobile-panel-gap)));column-gap:var(--mobile-panel-gap);width:calc(390px + var(--mobile-panel-space));max-width:100%;min-height:calc(100svh - var(--size-180));align-content:start;align-items:start;margin-inline:auto;padding-inline:0;transition:--mobile-panel-space .26s cubic-bezier(.22,1,.36,1),--mobile-panel-gap .26s cubic-bezier(.22,1,.36,1);display:grid}.scroll-edit-shell .focus-scroll-layout.phone-preview.experience-focused:not(:has(.grid-size-modal)){--mobile-panel-space:664px;--mobile-panel-gap:24px}.scroll-edit-shell .focus-scroll-layout.phone-preview .live-scroll-preview,.scroll-edit-shell .focus-scroll-layout.phone-preview:not(.experience-focused) .live-scroll-preview{grid-area:1/1/span 2;grid-template-rows:subgrid;align-self:stretch;display:grid}.scroll-edit-shell .focus-scroll-layout.phone-preview .scroll-device-switch{grid-area:1/1;justify-self:center}.scroll-edit-shell .focus-scroll-layout.phone-preview .studio-audience-scroll-shell{grid-area:2/1;align-self:start;margin-block:0}.scroll-edit-shell .focus-scroll-layout.phone-preview .edit-properties-panel:not(.grid-size-modal){width:100%;min-width:0;max-width:640px;max-height:calc(100svh - var(--size-180));opacity:0;visibility:hidden;pointer-events:none;grid-area:2/2;align-self:start;margin:0;transition:opacity .26s cubic-bezier(.22,1,.36,1),visibility 0s linear .26s;display:block;position:static;top:auto;left:auto;right:auto;overflow:clip auto}.scroll-edit-shell .focus-scroll-layout.phone-preview.experience-focused .edit-properties-panel:not(.grid-size-modal){opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}@media (prefers-reduced-motion:reduce){.scroll-edit-shell .focus-scroll-layout.phone-preview,.scroll-edit-shell .focus-scroll-layout.phone-preview .edit-properties-panel:not(.grid-size-modal){transition:none}}.metadata-scroll-status{min-width:0;margin:var(--size-20) 0 0;border:0;padding:0}.metadata-scroll-status legend{margin-bottom:var(--size-8);color:var(--color-text-secondary);font-size:var(--size-12);padding:0;font-weight:500}.metadata-scroll-status>div{gap:var(--size-16);flex-wrap:wrap;display:flex}.metadata-scroll-status label{align-items:center;gap:var(--size-8);color:var(--color-text-primary);font-size:var(--size-12);cursor:pointer;display:flex}.metadata-scroll-status input{accent-color:var(--color-action-primary)}.metadata-mobile-scroll{min-width:0;padding:var(--size-16) 0 0;border:0;border-top:var(--size-1) solid var(--color-border-subtle);margin:0}.metadata-mobile-scroll>legend{color:var(--color-text-primary);font-size:var(--size-12);font-weight:var(--font-weight-750);padding:0}.metadata-mobile-scroll-options{margin-top:var(--size-10);gap:var(--size-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metadata-mobile-scroll-options>label{border:var(--size-1) solid var(--color-border-default);border-radius:var(--size-10);background:var(--color-bg-control);min-width:0;padding:var(--size-11);gap:var(--size-9);cursor:pointer;align-items:start;display:flex}.metadata-mobile-scroll-options>label.selected{border-color:var(--color-action-primary);background:color-mix(in srgb, var(--color-action-primary) 8%, var(--color-bg-control))}.metadata-mobile-scroll-options input{margin:var(--size-2) 0 0;accent-color:var(--color-action-primary)}.metadata-mobile-scroll-options span{gap:var(--size-3);min-width:0;display:grid}.metadata-mobile-scroll-options strong{font-size:var(--size-11)}.metadata-mobile-scroll-options small,.metadata-mobile-scroll>p{color:var(--color-text-secondary);font-size:var(--size-10);line-height:1.4}.metadata-mobile-scroll>p{margin:var(--size-10) 0 0}.metadata-mobile-scroll>p strong{color:var(--color-text-primary)}@media (min-width:621px){.studio-shell.scroll-edit-shell{grid-template-columns:var(--scroll-editor-sidebar-width) minmax(0, 1fr) 0;grid-template-rows:var(--studio-header-height) auto minmax(0, 1fr)}.studio-shell.scroll-edit-shell.cs-open{grid-template-columns:var(--scroll-editor-sidebar-width) minmax(0, 1fr) clamp(var(--size-320), 30vw, var(--size-420))}.scroll-edit-shell>.cs-overlay.side{grid-area:1/3/-1;width:100%;height:100%;position:relative;inset:auto}.scroll-edit-shell>.scroll-editor-header{display:contents}.scroll-edit-shell>.scroll-editor-header:before{display:none}.scroll-edit-shell .scroll-editor-header>.workspace-topbar{z-index:8;grid-area:1/1/auto/3;position:relative}.scroll-edit-shell .scroll-editor-header>.workspace-contextbar{padding-left:var(--size-16);z-index:7;grid-area:2/2}.scroll-edit-shell>.scroll-editor-library{grid-area:2/1/span 2}.scroll-edit-shell>.main-workspace{grid-area:3/2}}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal){width:min(400px, var(--block-editor-available-width,calc(100% - var(--size-32))));max-height:min(calc(100svh - var(--size-180) - var(--size-20)), var(--block-editor-available-height,100svh))}.editor-scroll-back{width:var(--size-32);height:var(--size-32);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.editor-scroll-back:hover{background:color-mix(in srgb, var(--color-text-primary) 12%, transparent);color:var(--color-text-primary)}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel.grid-size-modal{border:var(--size-1) solid var(--color-border-default);border-radius:var(--size-16);background:var(--color-bg-elevated);box-shadow:0 var(--size-20) var(--size-60) #0000005c;width:min(var(--size-250), var(--block-editor-available-width,calc(100% - var(--size-32))));max-height:var(--block-editor-available-height,calc(100svh - var(--size-32)));overflow:hidden auto}.metadata-scroll-status .metadata-status-row{justify-content:space-between;gap:var(--size-16);position:relative}.metadata-status-row input{opacity:0;width:1px;height:1px;position:absolute}.metadata-status-switch{width:var(--size-36);height:var(--size-20);border-radius:var(--radius-full);background:var(--mtb-neutral-5);flex:none;transition:background-color .16s;display:block;position:relative}.metadata-status-switch:before{content:"";top:var(--size-2);left:var(--size-2);width:var(--size-16);height:var(--size-16);border-radius:var(--radius-full);background:var(--color-white);transition:transform .16s;position:absolute}.metadata-status-row input:checked+.metadata-status-switch{background:var(--color-action-primary)}.metadata-status-row input:checked+.metadata-status-switch:before{transform:translateX(var(--size-16))}.metadata-status-row input:focus-visible+.metadata-status-switch{outline:2px solid var(--color-action-primary);outline-offset:3px}.metadata-scroll-status:disabled .metadata-status-row{opacity:.5;cursor:default}.scroll-editor-header .metadata-popover{scrollbar-width:none;scrollbar-gutter:auto}.scroll-editor-header .metadata-popover::-webkit-scrollbar{width:0;height:0;display:none}.metadata-overlay-scrollbar{background:#79797999;width:3px}@media (prefers-reduced-motion:reduce){.metadata-status-switch,.metadata-status-switch:before{transition:none}}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel{left:var(--block-editor-left);top:var(--block-editor-top)}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not([data-tablet-anchored]){visibility:hidden}.scroll-edit-shell>.main-workspace{isolation:isolate}.scroll-edit-shell .edit-properties-panel .block-plan-body:has(>.block-editor-section){border-top:0}.scroll-editor-library .editor-library-create{justify-content:center;align-items:center;gap:var(--size-8);width:100%;padding:var(--size-10);border:1px solid color-mix(in srgb, var(--color-action-primary) 45%, transparent);border-radius:var(--radius-sm);color:var(--color-action-primary);margin-block:0;display:flex}.editor-library-separator{background:var(--color-border-subtle);height:1px;margin-block:var(--size-16)}.editor-library-group-name{margin:var(--size-8) var(--size-8) var(--size-4);font-size:var(--size-11);color:var(--color-text-secondary)}.scroll-editor-library .editor-library-instance{gap:var(--size-8);width:100%;margin:0 0 var(--size-12);padding:var(--size-6);text-align:left;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--size-12);cursor:grab;contain:paint;isolation:isolate;-webkit-user-select:none;user-select:none;display:grid;overflow:hidden}.scroll-editor-library .editor-library-drag-image{z-index:2147483647;pointer-events:none;contain:strict;background:var(--color-bg-inverse)}.scroll-editor-library .editor-library-instance:hover{background:var(--color-bg-control)}.editor-library-instance:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.editor-library-instance:active{cursor:grabbing}.editor-library-preview{border-radius:var(--radius-sm);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;overflow:hidden}.editor-library-preview .experience-gallery-preview{min-height:0;height:var(--size-160);padding:var(--size-8)}.editor-library-preview .gallery-content-render{height:100%}.editor-library-preview .gallery-thumbnail-image{object-fit:cover;width:100%;height:100%}.editor-library-preview .media-library-preview{height:var(--size-144);aspect-ratio:auto}.editor-library-preview:has(>.media-library-preview[data-media-kind=image],>.media-library-preview[data-media-kind=video]){container-type:inline-size}.editor-library-preview .media-library-preview:is([data-media-kind=image],[data-media-kind=video]){height:calc((100cqw - var(--size-13)) / 1.4 + var(--size-13))}.editor-library-preview .media-library-preview>:is(img,video){object-fit:cover;object-position:center;position:absolute;inset:0}.editor-library-hint{margin:0 0 var(--size-12);color:var(--color-text-secondary);font-size:var(--size-11)}.editor-library-drop-target{z-index:5;pointer-events:none;border:2px dashed var(--color-action-primary);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-action-primary) 18%, transparent);color:var(--color-action-primary);place-items:center;display:grid}.editor-library-drop-target.blocked{color:#ff7474;background:#ff747422;border-color:#ff7474}.editor-library-drop-error{top:var(--size-8);z-index:6;margin:var(--size-8);padding:var(--size-8);border-radius:var(--radius-sm);background:var(--color-bg-inverse);color:#ff7474;font-size:var(--size-12);pointer-events:none;position:absolute}.editor-library-instance>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.editor-library-empty{margin:var(--size-8);font-size:var(--size-12);color:var(--color-text-secondary)}.scroll-editor-library .scroll-editor-search{margin-bottom:var(--size-16);display:block}.experience-creation-dialog{scrollbar-width:none;scrollbar-gutter:auto;overflow:hidden auto}.experience-creation-dialog::-webkit-scrollbar{width:0;height:0;display:none}.experience-creation-dialog>header>button:last-child{width:var(--size-32);height:var(--size-32);border:1px solid var(--color-border-subtle);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.experience-creation-dialog .experience-library-page,.experience-creation-dialog :is(.experience-workspace,.experience-grid,.experience-tools,.experience-card-copy){min-width:0;max-width:100%}.experience-creation-dialog .experience-grid>:is(button,.experience-catalog-choice){overflow-wrap:anywhere;min-width:0}.experience-creation-dialog .experience-dialog-scrollbar{background:#555;width:3px}.experience-creation-browse[open]{height:calc(100svh - var(--size-32));grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.experience-creation-browse>.experience-library-page{grid-template-rows:auto auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.experience-creation-browse .experience-tools{position:static}.experience-creation-browse .experience-workspace-full{scrollbar-width:none;scrollbar-gutter:auto;min-height:0;overflow:hidden auto}.experience-creation-browse .experience-workspace-full::-webkit-scrollbar{width:0;height:0;display:none}.scroll-edit-shell .editor-empty-slot[data-delete-hover=true]{border-color:color-mix(in srgb, var(--empty-slot-ink) 28%, transparent);translate:0 -2px}@media (prefers-reduced-motion:reduce){.scroll-edit-shell .editor-empty-slot[data-delete-hover=true]{translate:none}}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.grid-size-modal){box-shadow:none;background:0 0;border-color:#0000}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.grid-size-modal) .block-plan-card{border:var(--size-1) solid var(--mtb-neutral-3);border-radius:var(--size-16);background:var(--mtb-neutral-1);background-clip:padding-box}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal) .block-plan-card{padding:var(--size-16);gap:0;margin:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal) .block-plan-card>header{gap:var(--size-12);grid-template-rows:repeat(4,auto);grid-template-columns:minmax(0,1fr) auto;align-items:center;height:auto;min-height:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal) .block-card-type-row{align-items:center;margin:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal) .block-card-type-row>span{white-space:normal;overflow-wrap:normal}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal) .edit-block-title{line-height:var(--size-20);margin:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal) .edit-block-description{line-height:var(--size-18);margin:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal) .block-card-insights{gap:var(--size-8);margin:var(--size-4) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;padding:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal) .block-card-insights>span{min-width:0;padding:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal) .block-card-insights>span+span{padding-left:var(--size-8)}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal) .block-card-insights small{font-size:var(--size-8);line-height:var(--size-12);letter-spacing:0;white-space:nowrap;overflow-wrap:normal}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal) .block-card-insights strong{margin-top:var(--size-4);font-size:var(--size-18);line-height:var(--size-24)}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal) .block-plan-body{margin-top:var(--size-20);gap:0;padding-top:0}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal) .block-card-actions{margin-top:var(--size-16);gap:var(--size-16)}.scroll-edit-shell .desktop-context-workspace .edit-properties-panel:not(.grid-size-modal) .block-card-actions>div{padding-top:var(--size-16);gap:var(--size-12);flex-wrap:wrap;align-items:center}.scroll-edit-shell .edit-properties-panel[data-save-dismissed=true]{display:none!important}.scroll-analytics-overlay{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--color-text-primary);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.scroll-analytics-overlay::backdrop{background:#000000a3}.scroll-analytics-overlay .analytics-active-trigger{background:var(--color-bg-elevated);z-index:1;position:fixed}.scroll-analytics-modal{box-sizing:border-box;padding:var(--size-24);border:1px solid var(--color-border-subtle);border-radius:var(--size-16);background:var(--color-bg-canvas);gap:var(--size-20);scrollbar-width:thin;scrollbar-color:#555 transparent;font-family:var(--font-family-primary-ui);outline:none;flex-direction:column;display:flex;position:fixed;overflow:hidden auto}.scroll-analytics-modal-heading{justify-content:space-between;align-items:center;gap:var(--size-16);display:flex}.scroll-analytics-modal-heading h2{font-size:var(--size-18);margin:0}.scroll-share-modal .publish-reach{border-top:0;padding-top:0}.scroll-share-modal .reach-heading h2{font-size:var(--size-28);line-height:1.15}.scroll-published-overlay[open]{padding:var(--size-16);box-sizing:border-box;place-items:center;display:grid}.scroll-published-modal{width:min(var(--size-560), 100%);max-height:calc(100dvh - var(--size-32));text-align:center;padding:var(--size-40) var(--size-24);align-items:center;gap:var(--size-16);position:relative}.scroll-published-modal>.creator-modal-close{top:var(--size-12);right:var(--size-12);position:absolute}.scroll-published-check{width:var(--size-56);height:var(--size-56);background:var(--color-action-primary);color:var(--color-text-on-action);border-radius:50%;place-items:center;display:grid}.scroll-published-modal h2{font-size:var(--size-32);margin:0;line-height:1.1}.scroll-published-modal p{color:var(--color-text-secondary);font-size:var(--size-14);margin:0;line-height:1.5}.scroll-published-modal p strong{color:var(--color-text-primary)}.scroll-published-link{box-sizing:border-box;align-items:center;gap:var(--size-12);width:100%;min-width:0;padding:var(--size-16);border:var(--size-1) solid var(--color-border-subtle);border-radius:var(--size-12);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--size-14);text-decoration:none;display:flex}.scroll-published-link>span:first-child{overflow-wrap:anywhere;min-width:0}.scroll-published-link>svg{flex-shrink:0;margin-left:auto}.scroll-published-link:hover{color:var(--color-brand-primary)}.scroll-published-modal .scroll-published-hint{font-size:var(--size-12)}.scroll-analytics-modal-heading button{width:var(--size-32);height:var(--size-32);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.scroll-analytics-modal .scroll-insights{display:contents}.scroll-analytics-modal .scroll-insights-header{display:none}.scroll-analytics-modal .scroll-insight-metrics{gap:var(--size-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.scroll-analytics-modal .scroll-insight-metrics article{min-width:0;padding:var(--size-16);border:1px solid var(--color-border-subtle);border-radius:var(--size-12);background:var(--color-bg-surface);gap:var(--size-8);flex-direction:column;display:flex}.scroll-analytics-modal .scroll-insight-metrics strong{font-size:var(--size-28);line-height:1.2}.scroll-analytics-modal .scroll-insight-metrics :is(span,small){color:var(--color-text-secondary);font-size:var(--size-11)}.analytics-kpi-grid,.analytics-breakdown-grid{gap:var(--size-20);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.scroll-analytics-modal h3{margin:0 0 var(--size-12);color:var(--color-text-secondary);font-size:var(--size-12);font-weight:500}.analytics-no-data{min-height:var(--size-80);color:var(--color-text-tertiary,#777);font-size:var(--size-12);place-items:center;margin:0;display:grid}.analytics-popular{padding-block:var(--size-12)}.analytics-popular ol{gap:var(--size-12);margin:0;padding:0;list-style:none;display:grid}.analytics-popular li{gap:var(--size-8);font-size:var(--size-12);grid-template-columns:minmax(0,1fr) auto;display:grid}.analytics-popular meter{width:100%;height:var(--size-6);grid-column:1/-1}.analytics-popular meter::-webkit-meter-bar{background:var(--color-bg-control);border:0}.analytics-popular meter::-webkit-meter-optimum-value{background:var(--color-text-secondary)}.scroll-analytics-modal .scroll-insight-activity{order:5}.scroll-analytics-modal .scroll-insights-empty{min-height:auto;padding:var(--size-16)}@media (max-width:640px){.scroll-analytics-modal{padding:var(--size-16);gap:var(--size-16)}.analytics-kpi-grid,.analytics-breakdown-grid{grid-template-columns:1fr}.scroll-analytics-modal .scroll-insight-metrics{gap:var(--size-6)}.scroll-analytics-modal .scroll-insight-metrics article{padding:var(--size-10)}}.analytics-card-grid{gap:var(--size-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.analytics-card-wide{grid-column:1/-1}.scroll-analytics-modal .analytics-card{box-sizing:border-box;gap:var(--size-8);min-width:0;height:100%;min-height:120px;padding:var(--size-16);border:1px solid var(--color-border-subtle);border-radius:var(--size-12);background:var(--color-bg-surface);flex-direction:column;display:flex}.scroll-analytics-modal .analytics-card h3{font-size:var(--size-11);font-weight:500;line-height:var(--size-16);color:var(--color-text-secondary);text-transform:none;letter-spacing:normal;margin:0}.scroll-analytics-modal .analytics-card-value{font-size:var(--size-28);color:var(--color-text-primary);font-weight:600;line-height:1.2}.scroll-analytics-modal .analytics-card small,.scroll-analytics-modal .analytics-card .analytics-no-data{font-size:var(--size-11);font-weight:400;line-height:var(--size-16);color:var(--color-text-secondary)}.scroll-analytics-modal .analytics-card .analytics-no-data{flex:1;min-height:0;margin:0}.analytics-ranking{gap:var(--size-12);margin:0;padding:0;list-style:none;display:grid}.analytics-ranking li{align-items:center;gap:var(--size-8);font-size:var(--size-12);grid-template-columns:minmax(0,1fr) auto;display:grid}.analytics-ranking meter{width:100%;height:var(--size-6);grid-column:1/-1}.analytics-ranking meter::-webkit-meter-bar{background:var(--color-bg-control);border:0}.analytics-ranking meter::-webkit-meter-optimum-value{background:var(--color-text-secondary)}.analytics-download{padding-block:var(--size-4);justify-content:flex-end;display:flex}@media (max-width:640px){.analytics-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.analytics-card-grid{grid-template-columns:1fr}}.scroll-analytics-modal .analytics-card h3{align-items:center;gap:var(--size-6);display:flex}.analytics-info-button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:2px;display:inline-grid}.analytics-info-button:hover,.analytics-info-button[aria-expanded=true]{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-text-primary) 12%, transparent)}.analytics-info-popover{z-index:2;box-sizing:border-box;width:240px;max-width:calc(100vw - 24px);padding:var(--size-12);border:1px solid var(--color-border-subtle);border-radius:var(--size-10);background:var(--color-bg-elevated);color:var(--color-white);font-family:var(--font-family-primary-ui);font-size:var(--size-12);line-height:1.5;position:fixed}.scroll-analytics-modal.analytics-is-empty{min-height:min(420px,65vh)}.analytics-is-empty .scroll-analytics-modal-heading h2{visibility:hidden}.analytics-unpublished-empty{justify-content:center;align-items:center;gap:var(--size-12);padding:var(--size-32) var(--size-16);text-align:center;flex-direction:column;flex:1;display:flex}.scroll-analytics-modal .analytics-unpublished-empty h3{color:var(--color-text-primary);font-size:var(--size-18);margin:0;font-weight:600}.analytics-unpublished-empty p,.analytics-history-status{font-size:var(--size-13);color:var(--color-text-secondary);margin:0;line-height:1.5}.analytics-date-range{align-items:center;gap:var(--size-8);margin-top:calc(-1 * var(--size-8));flex-wrap:wrap;display:flex}.analytics-date-range button{justify-content:center;align-items:center;gap:var(--size-6);padding:var(--size-6) var(--size-10);border:1px solid var(--color-border-subtle);border-radius:var(--size-6);background:var(--color-bg-control);color:var(--color-text-secondary);font:inherit;font-size:var(--size-12);cursor:pointer;display:inline-flex}.analytics-date-range button:hover,.analytics-date-range button[aria-pressed=true]{background:color-mix(in srgb, var(--color-text-primary) 12%, transparent);color:var(--color-text-primary)}.analytics-date-range button:focus-visible{outline:2px solid var(--color-text-secondary);outline-offset:2px}.analytics-date-range .analytics-range-label{background:0 0;border-color:#0000}.analytics-date-popup{z-index:3;width:280px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:var(--size-12);border:1px solid var(--color-border-subtle);border-radius:var(--size-12);background:var(--color-bg-elevated);position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.analytics-date-popup.menu{gap:var(--size-4);width:170px;display:grid}.analytics-date-popup.menu button{justify-content:flex-start}.analytics-date-popup button{background:0 0;border-color:#0000}.analytics-date-popup header,.analytics-date-popup footer{justify-content:space-between;align-items:center;gap:var(--size-8);display:flex}.analytics-date-popup header strong{font-size:var(--size-12);font-weight:500}.analytics-calendar-days{margin-block:var(--size-12);grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.analytics-calendar-days small{padding-block:var(--size-6);text-align:center;color:var(--color-text-secondary);font-size:var(--size-10)}.analytics-calendar-days button{padding:var(--size-6) 0}.analytics-calendar-days button[aria-pressed=true]{background:color-mix(in srgb, var(--color-text-primary) 12%, transparent);border-color:var(--color-border-default)}.analytics-date-popup p{font-size:var(--size-11);color:var(--color-text-secondary)}.analytics-date-popup footer{justify-content:flex-end}.analytics-date-range button:disabled{opacity:.35;cursor:default;pointer-events:none}.editor-experience-dialog.experience-dialog-workspace-centered{left:var(--experience-dialog-center,50vw);width:min(var(--experience-dialog-available-width,calc(100vw - 32px)), var(--size-1120));margin-inline:0;right:auto;transform:translate(-50%)}.editor-experience-dialog.experience-dialog-workspace-centered.compact{width:min(var(--experience-dialog-available-width,calc(100vw - 32px)), var(--size-480))}.editor-experience-dialog.experience-dialog-workspace-centered::backdrop{background:#000000a6}.studio-shell.scroll-edit-shell{--studio-page-max-width:100%}.studio-shell.scroll-edit-shell .page-two-composition .live-scroll-preview{padding-inline:var(--studio-page-gutter)}.studio-shell.scroll-edit-shell .page-two-composition.phone-preview .live-scroll-preview{padding-inline:0}.scroll-edit-shell .focus-scroll-layout.phone-preview .studio-audience-scroll-shell{--editor-phone-frame-height:var(--scroll-mobile-frame-height);height:var(--editor-phone-frame-height);max-height:var(--editor-phone-frame-height);border-color:var(--color-border-default);background:var(--screen-background,var(--color-bg-canvas));box-shadow:none;overscroll-behavior:none;border-radius:var(--scroll-mobile-frame-radius);overflow-x:hidden}.scroll-edit-shell .focus-scroll-layout.phone-preview .studio-audience-preview{min-height:100%;box-shadow:none;border-radius:0}.scroll-edit-shell .focus-scroll-layout.phone-preview .studio-audience-preview.public-scroll--snap{height:calc(var(--editor-phone-frame-height) - 2 * var(--size-1));min-height:calc(var(--editor-phone-frame-height) - 2 * var(--size-1));overscroll-behavior:none;scroll-snap-type:y mandatory;scrollbar-width:none;border-radius:0;overflow:hidden auto}.scroll-edit-shell .focus-scroll-layout.phone-preview .studio-audience-preview.public-scroll--snap::-webkit-scrollbar{display:none}.scroll-edit-shell .editor-snap-layout{height:100%;display:block;container-type:inline-size}.editor-snap-break{z-index:8;left:50%;bottom:var(--size-5);min-width:var(--size-112);min-height:var(--size-28);border:var(--size-1) solid color-mix(in srgb, var(--color-action-primary) 55%, var(--color-border-default));border-radius:var(--size-999);background:color-mix(in srgb, var(--color-bg-elevated) 94%, transparent);color:var(--color-text-primary);padding:var(--size-3) var(--size-10);justify-content:center;align-items:center;gap:var(--size-6);box-shadow:0 var(--size-4) var(--size-14) #0000003d;pointer-events:none;display:flex;position:absolute;transform:translate(-50%)}.editor-snap-break span{color:var(--color-action-primary);font-size:var(--size-14);letter-spacing:var(--size-2);line-height:1}.editor-snap-break small{font-size:var(--size-8);font-weight:var(--font-weight-750);white-space:nowrap}.scroll-edit-shell .page-two-composition.phone-preview .public-scroll-content{border-radius:var(--scroll-card-radius,var(--radius-lg));min-height:100%}.scroll-edit-shell .focus-scroll-layout.phone-preview .studio-audience-preview:not(.public-scroll--snap)>.public-scroll-content{min-height:calc(var(--editor-phone-frame-height) - 2 * var(--size-1));box-sizing:border-box}@media (min-width:781px){.studio-shell.scroll-edit-shell .focus-scroll-layout.phone-preview .scroll-device-switch{top:0;right:calc((var(--size-150) + var(--size-24)) * -1);margin:0;position:absolute;left:auto;transform:none}.studio-shell.scroll-edit-shell .focus-scroll-layout.phone-preview.experience-focused .edit-properties-panel:not(.grid-size-modal){margin-top:calc(var(--size-28) + var(--size-16))}.scroll-edit-shell .focus-scroll-layout.phone-preview .edit-properties-panel .block-plan-card>header{grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr) auto var(--size-32)}.scroll-edit-shell .focus-scroll-layout.phone-preview .edit-properties-panel .block-card-summary{grid-column:1}.scroll-edit-shell .focus-scroll-layout.phone-preview .edit-properties-panel .block-card-insights{grid-column:2}.scroll-edit-shell .focus-scroll-layout.phone-preview .edit-properties-panel .block-plan-card>header>.block-on-toggle{grid-column:3}}@media (min-width:781px) and (max-width:1120px){.scroll-edit-shell .focus-scroll-layout.phone-preview .edit-properties-panel .block-plan-card>header{grid-template-columns:minmax(0, 1fr) auto var(--size-32);grid-template-rows:minmax(0, 1fr) var(--size-40)}.scroll-edit-shell .focus-scroll-layout.phone-preview .edit-properties-panel .block-card-summary{grid-area:1/1/auto/-1}.scroll-edit-shell .focus-scroll-layout.phone-preview .edit-properties-panel .block-card-insights{grid-area:2/1}.scroll-edit-shell .focus-scroll-layout.phone-preview .edit-properties-panel .block-plan-card>header>.block-on-toggle{grid-area:2/2}}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.grid-size-modal) .block-plan-card>header{min-height:var(--size-28);align-items:center;gap:var(--size-12);text-align:left;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:auto;display:grid}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.grid-size-modal) .block-card-summary{flex:1;grid-area:1/1;width:auto;min-width:0;display:block}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.grid-size-modal) .block-card-type-row{margin:0}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.grid-size-modal) .block-card-type-row>span{font-size:var(--size-10);font-weight:var(--font-weight-700);letter-spacing:.08em;text-transform:uppercase}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.grid-size-modal) :is(.edit-block-title,.edit-block-description){display:none}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.grid-size-modal) .block-card-insights{justify-self:center;align-items:center;gap:var(--size-10);flex:none;grid-area:1/2;width:auto;margin:0;display:flex}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.grid-size-modal) .block-card-insights>span{gap:var(--size-2);text-align:center;border:0;justify-items:center;min-width:0;padding:0;display:grid}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.grid-size-modal) .block-card-insights :is(small,strong){text-align:center}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.grid-size-modal) .block-card-insights>span+span{padding-left:var(--size-10);border-left:var(--size-1) solid var(--color-border-subtle)}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.grid-size-modal) .block-card-insights small{font-size:var(--size-8);line-height:var(--size-10);letter-spacing:.04em;white-space:nowrap}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.grid-size-modal) .block-card-insights strong{font-size:var(--size-13);line-height:var(--size-16);margin:0}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.grid-size-modal) .block-plan-card>header>.block-editor-header-actions{flex:none;grid-area:1/3;justify-self:end;margin-left:0}.scroll-edit-shell .edit-properties-panel:not(.grid-size-modal) .block-plan-body{margin-top:var(--size-12)}.scroll-edit-shell .focus-scroll-layout.tablet-preview .edit-properties-panel:not(.grid-size-modal) .block-plan-card>header{grid-template-columns:minmax(0,1fr) auto}.scroll-edit-shell .focus-scroll-layout.tablet-preview .edit-properties-panel:not(.grid-size-modal) .block-card-insights{display:none}.scroll-edit-shell .focus-scroll-layout.tablet-preview .edit-properties-panel:not(.grid-size-modal) .block-plan-card>header>.block-editor-header-actions{grid-column:2}.scroll-edit-shell .edit-properties-panel .block-editor-section{margin-top:var(--size-16)}.block-editor-settings-shell{margin-top:var(--size-16);gap:var(--size-12);display:grid}.scroll-edit-shell .edit-properties-panel .block-editor-settings-shell>.block-editor-section{margin-top:0}.block-editor-settings-row{gap:var(--size-6);grid-template-columns:minmax(0,180px);min-width:0;display:grid}.block-editor-settings-shell .block-editor-section-body{gap:var(--size-16);display:grid}.playblock-style-editor{gap:var(--size-12);min-width:0;display:grid}.block-title-row{align-items:center;gap:var(--size-8) var(--size-12);flex-wrap:wrap;min-width:0;display:flex}.block-title-row>span{overflow-wrap:anywhere;min-width:0}.block-title-row>.block-editor-header-actions{margin-left:auto}.block-visibility-toggle{width:var(--size-28);height:var(--size-28);border:var(--size-1) solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.block-visibility-toggle[aria-pressed=true],.scroll-settings-button:is(.scroll-metadata-button,.scroll-sharing-button,.scroll-extensions-button)[aria-expanded=true]{color:var(--color-action-primary);border-color:color-mix(in srgb, var(--color-action-primary) 40%, transparent);background:color-mix(in srgb, var(--color-action-primary) 10%, transparent)}.block-visibility-toggle:hover:not(:disabled){border-color:var(--color-action-primary)}.block-visibility-toggle:focus-visible{outline:var(--size-2) solid var(--color-action-primary);outline-offset:var(--size-2)}.block-visibility-toggle:disabled{opacity:.5;cursor:default}.block-actions-menu{position:relative}.block-editor-header-actions{align-items:center;gap:var(--size-4);flex:none;display:flex}.block-editor-close{width:var(--size-28);height:var(--size-28);border:var(--size-1) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-control);color:var(--color-text-secondary);cursor:pointer;flex:none;place-items:center;padding:0;display:grid}.block-editor-close:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.block-editor-close:focus-visible{outline:var(--size-2) solid var(--color-action-primary);outline-offset:var(--size-2)}.block-editor-close:disabled{opacity:.5;cursor:wait}.block-editor-modal-toolbar{justify-content:space-between;align-items:center;gap:var(--size-12);padding:var(--size-12);font-size:var(--size-12);display:flex}[data-block-editor-drag-handle=true]{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.edit-properties-panel[data-dragging=true],.edit-properties-panel[data-dragging=true] [data-block-editor-drag-handle]{cursor:grabbing;-webkit-user-select:none;user-select:none}.scroll-edit-shell .page-two-composition.focus-scroll-layout:is(.desktop-context-workspace,.phone-preview)>.edit-properties-panel{box-sizing:border-box;flex-direction:column;min-height:0;display:flex;overflow:hidden}.scroll-edit-shell .page-two-composition.focus-scroll-layout>.edit-properties-panel.grid-size-modal[inert]{display:none}.scroll-edit-shell .focus-scroll-layout.phone-preview>.edit-properties-panel:not(.guided-properties-panel,.grid-size-modal){height:calc(100svh - var(--size-180))}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel>:is(.editor-properties-heading,.block-editor-modal-toolbar){flex:none}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.guided-properties-panel)>.block-plan-card{box-sizing:border-box;flex-direction:column;flex:0 auto;min-height:0;display:flex;overflow:hidden}.scroll-edit-shell .focus-scroll-layout.phone-preview>.edit-properties-panel:not(.guided-properties-panel,.grid-size-modal)>.block-plan-card{flex:1 1 0;margin:0}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-plan-card>header{flex:none}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.guided-properties-panel) :is(.experience-edit-fields,.block-editor-frame){flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel:not(.guided-properties-panel) .block-plan-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow:hidden auto}.scroll-edit-shell .focus-scroll-layout .edit-properties-panel .block-editor-frame>:is(.block-card-actions,.scroll-template-navigation){flex:none}.block-actions-menu>summary{min-width:var(--size-28);min-height:var(--size-28);box-sizing:border-box;border:var(--size-1) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-control);color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;list-style:none;display:flex}.block-actions-menu>summary::-webkit-details-marker{display:none}.block-actions-menu>summary:is(:focus,:focus-visible){box-shadow:none;outline:none}.block-actions-menu-items{top:calc(100% + var(--size-4));z-index:20;min-width:160px;padding:var(--size-4);border:var(--size-1) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-surface);box-shadow:0 var(--size-4) var(--size-12) #0003;position:absolute;right:0}.block-actions-menu-items .block-delete-button{align-items:center;gap:var(--size-6);width:100%;padding:var(--size-8);border-radius:var(--radius-sm);color:var(--color-status-error);font:inherit;font-size:var(--size-12);white-space:nowrap;cursor:pointer;background:0 0;border:0;display:flex}.block-actions-menu-items .block-delete-button:hover:not(:disabled){background:var(--color-bg-control)}.block-actions-menu-items .block-delete-button.confirming{background:var(--color-status-error);color:var(--color-white)}.block-actions-menu-items>button:not(.block-delete-button){align-items:center;gap:var(--size-6);width:100%;padding:var(--size-8);border-radius:var(--radius-sm);color:var(--color-text-primary);font:inherit;font-size:var(--size-12);white-space:nowrap;cursor:pointer;background:0 0;border:0;display:flex}.block-actions-menu-items>button:not(.block-delete-button):hover:not(:disabled){background:var(--color-bg-control)}.block-setting-quick{min-width:0;min-height:var(--size-40);box-sizing:border-box;border:var(--size-1) solid var(--color-border-default);border-radius:var(--size-8);background:var(--color-bg-control);padding:var(--size-7) var(--size-8);justify-content:space-between;align-items:center;gap:var(--size-6);cursor:pointer;display:flex;position:relative}.block-setting-quick>span{min-width:0;color:var(--color-text-primary);font-size:var(--size-10);font-weight:var(--font-weight-650);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.block-setting-quick input[type=checkbox]{opacity:0;width:1px;height:1px;position:absolute}.block-setting-switch{width:var(--size-30);height:var(--size-16);border-radius:var(--size-999);background:var(--mtb-neutral-5);flex:none;transition:background-color .16s;position:relative}.block-setting-switch:before{content:"";width:var(--size-12);height:var(--size-12);top:var(--size-2);left:var(--size-2);background:var(--color-white);border-radius:50%;transition:transform .16s;position:absolute}.block-setting-quick input:checked+.block-setting-switch{background:var(--color-text-secondary)}.block-setting-quick input:checked+.block-setting-switch:before{transform:translateX(var(--size-14))}.block-setting-quick input:focus-visible+.block-setting-switch{outline:var(--size-2) solid var(--color-action-primary);outline-offset:var(--size-2)}.block-setting-background-quick{cursor:default}.block-setting-background-quick>label{cursor:pointer;display:grid;position:relative}.block-setting-color{width:var(--size-20);height:var(--size-20);border:var(--size-1) solid var(--color-border-default);border-radius:var(--size-5);opacity:.4;flex:none;overflow:hidden}.block-setting-color.active{opacity:1}.block-setting-color input{opacity:0;width:1px;height:1px;position:absolute}.block-setting-color i{width:100%;height:100%;box-shadow:inset 0 0 0 var(--size-2) var(--color-bg-control);display:block}.block-editor-settings{gap:0;display:grid}.block-setting-toggle{min-width:0;padding:var(--size-12) 0;justify-content:space-between;align-items:center;gap:var(--size-16);cursor:pointer;display:flex}.block-setting-toggle+.block-setting-toggle{border-top:var(--size-1) solid var(--color-border-subtle)}.block-setting-toggle>span{gap:var(--size-3);min-width:0;display:grid}.block-setting-toggle b{font-size:var(--size-12);font-weight:var(--font-weight-600)}.block-setting-toggle small{color:var(--color-text-secondary);font-size:var(--size-10);line-height:var(--size-14)}.block-setting-toggle input{width:var(--size-18);height:var(--size-18);flex:none}.scroll-edit-shell .edit-properties-panel .button-action-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.scroll-edit-shell .edit-properties-panel .button-action-choices>button{min-height:var(--size-88);padding:var(--size-8);align-content:center;justify-items:center;gap:var(--size-6);text-align:center;grid-template-columns:minmax(0,1fr)}.scroll-edit-shell .edit-properties-panel .button-appearance-settings{margin-top:var(--size-4);border-top-color:var(--color-border-subtle)}.scroll-edit-shell .edit-properties-panel .button-appearance-toolbar{gap:var(--size-6)}.scroll-edit-shell .edit-properties-panel .button-appearance-toolbar .button-inline-color{gap:var(--size-4)}.scroll-edit-shell .edit-properties-panel .button-appearance-toolbar .button-inline-color>span{color:var(--color-text-secondary);font-family:var(--font-label);font-size:var(--size-8);font-weight:var(--font-weight-700);letter-spacing:.05em;text-transform:uppercase;line-height:normal}.block-editor-settings :is(.rsvp-setup,.block-plan-options,.block-asset-list){margin:var(--size-12) 0 0;padding:var(--size-12) 0 0;border-top:var(--size-1) solid var(--color-border-subtle)}.block-editor-settings .rsvp-setup>header{margin-bottom:var(--size-12)}.block-editor-settings .rsvp-setup>header span,.block-editor-settings .block-plan-options>span{font-size:var(--size-11);font-weight:var(--font-weight-600)}.block-editor-settings .rsvp-setup>div{grid-template-columns:minmax(0,1fr)}.block-editor-settings .block-plan-options>div{margin-top:var(--size-10)}.scroll-edit-shell .edit-properties-panel:not(.grid-size-modal) .media-asset-control>.edit-asset-label{display:none}.scroll-edit-shell .edit-properties-panel:not(.grid-size-modal) .block-card-actions{margin-top:var(--size-16);gap:0}.scroll-edit-shell .edit-properties-panel:not(.grid-size-modal) .block-card-actions>div{padding-top:var(--size-12);border-top:0}.scroll-edit-shell .editor-block-arrange-trigger{touch-action:none}.scroll-edit-shell .focus-scroll-layout.phone-preview .studio-audience-preview.public-scroll--snap[data-arranging=true]{scroll-snap-type:none;scroll-behavior:auto}.editor-place-target{z-index:12;cursor:crosshair;background:0 0;border:1px dashed #0000}.editor-place-target:hover,.editor-place-target:focus-visible{border-color:color-mix(in srgb, var(--scroll-font,currentColor) 35%, transparent);background:0 0}.editor-placement-outline{z-index:14;pointer-events:none;background:0 0;border:0}.editor-placement-outline.blocked{background:#dc282829;border:2px solid #d33}.scroll-edit-shell .editor-snap-layout .editor-placement-grid{grid-template-rows:repeat(4, var(--scroll-grid-row-size));grid-auto-rows:0;align-self:center;height:auto}.layout-proposal-preview{max-width:420px;height:65vh;margin-inline:auto;overflow:auto}.editor-screen-controls{z-index:15;bottom:var(--size-8);align-items:center;gap:var(--size-4);padding:var(--size-4);border-radius:var(--size-999);background:var(--color-bg-elevated);color:var(--color-text-primary);display:flex;position:absolute;left:50%;transform:translate(-50%)}.editor-screen-controls>span{min-width:var(--size-24);text-align:center;font-size:var(--size-12)}.editor-screen-controls button{width:var(--size-28);height:var(--size-28);color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.editor-screen-controls button:hover{background:color-mix(in srgb, var(--color-text-primary) 12%, transparent)}.editor-screen-controls button:disabled{opacity:.25;cursor:default}.editor-screen-toolbar+.editor-snap-break{display:none}[data-arranging=true] .editor-screen-controls{visibility:hidden}.scroll-edit-shell .focus-scroll-layout.phone-preview.screen-overview-mode{width:100%;display:block}.scroll-edit-shell .focus-scroll-layout.phone-preview.screen-overview-mode .live-scroll-preview{width:100%;max-width:none;display:block}.scroll-edit-shell .screen-overview-mode .scroll-device-switch{display:none}.snap-screen-overview{width:min(100%,1000px);padding:var(--size-24);box-sizing:border-box;margin:auto}.snap-screen-overview>header{margin-bottom:var(--size-24);color:var(--color-text-secondary);font-size:var(--size-12);justify-content:space-between;align-items:center;display:flex}.snap-screen-overview>header button{align-items:center;gap:var(--size-8);color:var(--color-text-primary);font:inherit;cursor:pointer;background:0 0;border:0;display:flex}.snap-screen-overview-grid{justify-content:center;gap:var(--size-24);grid-template-columns:repeat(auto-fill,164px);display:grid}.snap-screen-card{border-radius:var(--size-16);min-width:0}.snap-screen-card.is-moving{opacity:.65;outline:2px solid var(--color-text-secondary);outline-offset:var(--size-4)}.snap-screen-thumbnail{border:1px solid var(--color-border-default);border-radius:var(--size-16);background:var(--scroll-background,var(--color-bg-elevated));cursor:pointer;text-align:left;width:164px;height:304px;padding:0;display:block;position:relative;overflow:hidden}.snap-screen-miniature{box-sizing:border-box;background-color:var(--scroll-background);width:390px;height:722px;color:var(--scroll-font);font-family:var(--scroll-font-family);transform-origin:0 0;pointer-events:none;grid-template-rows:minmax(0,1fr);padding:22px 16px 38px;display:grid;position:absolute;top:0;left:0;transform:scale(.42);container-type:inline-size}.snap-screen-miniature>.public-scroll-grid{grid-area:1/1;grid-template-rows:repeat(4, var(--scroll-grid-row-size));grid-auto-rows:0;align-self:center;height:auto}.snap-screen-card>footer{padding:var(--size-8);color:var(--color-text-secondary);font-size:var(--size-12);justify-content:space-between;align-items:center;display:flex}.snap-screen-grip{width:var(--size-32);height:var(--size-32);color:var(--color-text-primary);cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;display:grid}.snap-screen-grip:active{cursor:grabbing}.snap-screen-thumbnail:focus-visible,.snap-screen-grip:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:var(--size-4)}.scroll-edit-shell .editor-snap-layout .editor-empty-slot{aspect-ratio:auto;align-self:stretch;height:100%;min-height:0}[data-arranging=true] .editor-screen-controls{visibility:visible;pointer-events:none;padding:8px 14px}[data-arranging=true] .editor-screen-controls button{display:none}.scroll-edit-shell .editor-placement-grid>.public-scroll-moment.editor-shifted:after{border:2px dashed #72b6ff}.scroll-edit-shell .editor-placement-grid.is-arranging>.public-scroll-moment:not(.dragging):not(.editor-shifted){opacity:.5}.editor-drag-map{z-index:20;color:#eee;pointer-events:none;background:#202020;border:1px solid #454545;border-radius:14px;width:164px;padding:12px;position:absolute;top:56px;left:calc(100% + 24px);box-shadow:0 8px 24px #0003}.editor-drag-map-heading{color:#bbb;text-align:center;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;display:grid}.editor-drag-map-row{grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:12px;display:grid}.editor-drag-map-row>strong{grid-column:1/-1;font-size:12px;font-weight:500}.editor-drag-map-screen{background:#111;border:1px solid #555;border-radius:8px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(2,1fr);gap:3px;height:110px;padding:5px;display:grid}.editor-drag-map-screen>span{box-sizing:border-box;background:#555 50%/cover;border-radius:3px;min-width:0;min-height:0;position:relative}.editor-drag-map-screen .still{opacity:.35}.editor-drag-map-screen .active{border:2px solid #fff}.editor-drag-map-screen .shifted{border:2px dashed #72b6ff}.editor-drag-map-screen small{color:#fff;background:#202020;border-radius:2px;place-items:center;display:grid;position:absolute;top:1px;left:1px}.editor-drag-map-screen .shifted small{color:#72b6ff}@media (max-width:1000px){.editor-drag-map{width:132px;top:44px;left:8px;transform:translate(-100%)}}@media (max-width:650px){.editor-drag-map{gap:12px;width:auto;margin-bottom:12px;display:flex;position:relative;top:auto;left:auto;transform:none}.editor-drag-map-heading{display:none}.editor-drag-map-row{flex:1;margin:0}}.editor-drag-screen-label{z-index:16;color:#fff;pointer-events:none;background:#202020;border-radius:20px;padding:5px 12px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.editor-move-marker{z-index:15;color:#102338;pointer-events:none;background:#72b6ff;border-radius:50%;place-items:center;width:22px;height:22px;font:600 12px/1 sans-serif;display:grid;position:absolute;top:8px;left:8px}.editor-move-marker.active{color:#202020;background:#fff;box-shadow:0 0 0 1px #555}.editor-drag-map-screen small{min-width:13px;height:13px;font:600 10px/1 sans-serif}.editor-screen-toolbar{z-index:15;bottom:var(--size-8);align-items:center;gap:var(--size-8);display:flex;position:absolute;left:50%;transform:translate(-50%)}.editor-screen-toolbar>.editor-screen-controls{position:static;transform:none}.editor-screen-style-button{width:var(--size-36);height:var(--size-36);background:var(--color-bg-elevated);color:var(--color-text-primary);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.editor-screen-style-button:hover{background:var(--color-bg-secondary)}.editor-screen-style-button:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:var(--size-4)}[data-arranging=true] .editor-screen-style-button{visibility:hidden}.screen-background-picker{display:contents}.screen-style-panel{width:var(--size-400);box-sizing:border-box;max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);padding:var(--size-24);border:1px solid var(--color-border-default);border-radius:var(--size-20);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-family-primary-ui);margin:0;position:fixed;inset:auto;overflow:auto;box-shadow:0 12px 36px #00000047}.screen-style-panel[open]{gap:var(--size-24);display:grid}.screen-style-panel::backdrop{background:0 0}.screen-style-panel>header{align-items:center;gap:var(--size-12);display:flex}.screen-style-heading-icon{width:var(--size-44);height:var(--size-44);border:1px solid var(--color-border-default);border-radius:var(--size-12);background:var(--color-bg-secondary);color:var(--color-text-primary);flex:none;place-items:center;display:grid}.screen-style-panel>header>div{flex:1;min-width:0}.screen-style-panel h2{font-size:var(--size-18);letter-spacing:-.02em;margin:0;font-weight:650;line-height:1.3}.screen-style-panel>header p{margin:var(--size-4) 0 0;font-size:var(--size-11);color:var(--color-text-secondary);line-height:1.5}.screen-style-panel>header button,.screen-style-remove{width:var(--size-28);height:var(--size-28);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.screen-style-panel>header button:hover,.screen-style-remove:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.screen-style-panel :is(button,input):focus-visible{outline:2px solid var(--color-action-primary);outline-offset:var(--size-4)}.screen-style-media-row{align-items:center;gap:var(--size-12);padding:var(--size-12);border:1px solid var(--color-border-subtle);border-radius:var(--size-12);background:var(--color-bg-secondary);display:flex}.screen-style-media-row .carousel-media-control{flex:none}.screen-style-media-row .carousel-media-thumbnail{width:var(--size-64);height:var(--size-64);border-radius:var(--size-8)}.screen-style-media-copy{gap:var(--size-6);flex:1;min-width:0;display:grid}.screen-style-media-copy strong{font-size:var(--size-12);font-weight:600}.screen-style-media-copy>span{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);font-size:var(--size-11);overflow:hidden}.screen-style-settings{gap:var(--size-20);display:grid}.screen-style-color{gap:var(--size-12);background:0 0;border:0;padding:0}.screen-style-color>span{gap:var(--size-4);white-space:normal;flex:1;font-weight:400;display:grid}.screen-style-color strong{font-size:var(--size-12);font-weight:600}.screen-style-color small{color:var(--color-text-secondary);font-size:var(--size-10);line-height:1.5}.screen-style-color>input[type=color]{width:var(--size-32);height:var(--size-32);border:1px solid var(--color-border-default);border-radius:var(--size-8);padding:var(--size-3);background:var(--color-bg-secondary);cursor:pointer}.screen-style-color>input[type=color]::-webkit-color-swatch-wrapper{padding:0}.screen-style-color>input[type=color]::-webkit-color-swatch{border-radius:var(--size-4);border:0}.screen-style-color>input[type=color]::-moz-color-swatch{border-radius:var(--size-4);border:0}.screen-style-color>input:disabled{opacity:.35;cursor:default}.screen-style-transparency{gap:var(--size-12);padding-top:var(--size-20);border-top:1px solid var(--color-border-subtle);font-size:var(--size-12);font-weight:600;display:grid}.screen-style-transparency>span{justify-content:space-between;align-items:center;display:flex}.screen-style-transparency output{min-width:var(--size-44);box-sizing:border-box;padding:var(--size-4) var(--size-8);border:1px solid var(--color-border-subtle);border-radius:var(--size-6);background:var(--color-bg-secondary);text-align:center;font-size:var(--size-11);font-variant-numeric:tabular-nums}.screen-style-transparency input{appearance:none;width:100%;height:var(--size-6);margin:var(--size-4) 0;border-radius:var(--size-999);background:linear-gradient(to right, var(--color-action-primary) var(--transparency-progress), var(--color-bg-strong) var(--transparency-progress));cursor:pointer}.screen-style-transparency input::-webkit-slider-thumb{appearance:none;width:var(--size-16);height:var(--size-16);border:2px solid var(--color-bg-elevated);background:var(--color-text-primary);border-radius:50%;box-shadow:0 1px 4px #0000004d}.screen-style-transparency input::-moz-range-thumb{width:var(--size-12);height:var(--size-12);border:2px solid var(--color-bg-elevated);background:var(--color-text-primary);border-radius:50%;box-shadow:0 1px 4px #0000004d}.screen-style-range-labels small{color:var(--color-text-secondary);font-size:var(--size-10);font-weight:400}.screen-style-panel>footer{justify-content:flex-end;align-items:center;gap:var(--size-12);padding-top:var(--size-16);border-top:1px solid var(--color-border-subtle);display:flex}.screen-style-panel>footer>button{min-width:var(--size-72);justify-content:center}.scroll-edit-shell .tablet-layout-notice{justify-content:center;align-items:center;gap:var(--size-12);margin:var(--size-12) auto var(--size-20);color:var(--color-text-secondary);font-size:var(--size-12);flex-wrap:wrap;display:flex}.scroll-edit-shell .desktop-context-workspace.tablet-mobile-layout .studio-audience-scroll-shell{width:min(100%, var(--size-390));max-width:var(--size-390);margin-inline:auto}.scroll-edit-shell .desktop-context-workspace.tablet-mobile-layout .studio-audience-preview.public-scroll--snap{height:calc(100svh - var(--size-180) - var(--size-20));scroll-snap-type:y mandatory;min-height:0;overflow:hidden auto}.scroll-edit-shell .tablet-mobile-layout .studio-audience-preview.public-scroll--snap[data-arranging=true]{scroll-snap-type:none;scroll-behavior:auto}.scroll-edit-shell .tablet-mobile-layout.screen-overview-mode .studio-audience-scroll-shell{width:100%;max-width:none}.editor-temporary-preview.tablet-mobile-layout>.public-scroll{width:min(100%, var(--size-390));margin-inline:auto}.scroll-foundation{gap:var(--size-24);max-width:var(--size-580);display:grid}.foundation-accent{gap:var(--size-8);display:grid}.foundation-accent>span,.foundation-theme legend,.foundation-corners legend{font-size:var(--size-12);font-weight:var(--font-weight-650)}.foundation-accent>div{align-items:center;gap:var(--size-12);font-size:var(--size-12);color:var(--color-text-secondary);display:flex}.foundation-accent input{appearance:none;width:var(--size-40);height:var(--size-40);padding:var(--size-2);border:var(--size-1) solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-bg-control);cursor:pointer;overflow:hidden}.foundation-accent input::-webkit-color-swatch-wrapper{padding:0}.foundation-accent input::-webkit-color-swatch{border-radius:var(--radius-full);border:0}.foundation-accent input::-moz-color-swatch{border-radius:var(--radius-full);border:0}.foundation-theme{border:0;min-width:0;margin:0;padding:0}.foundation-theme legend{margin-bottom:var(--size-8);padding:0}.foundation-theme>div{gap:var(--size-12);grid-template-columns:1fr 1fr;display:grid}.foundation-theme button{align-items:center;gap:var(--size-12);border:var(--size-1) solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--size-10);background:var(--color-bg-control);color:var(--color-text-primary);font-size:var(--size-12);cursor:pointer;display:flex}.foundation-theme button[aria-pressed=true]{border-color:var(--color-text-secondary);box-shadow:inset 0 0 0 var(--size-1) var(--color-text-secondary)}.foundation-theme-swatch{width:var(--size-60);padding:var(--size-6);border-radius:var(--radius-sm);display:block}.foundation-theme-swatch i{padding:var(--size-4);border-radius:var(--size-4);font-style:normal;display:block}.foundation-theme-swatch b{padding:var(--size-4);border-radius:var(--size-2);font-weight:var(--font-weight-600);display:block}.foundation-corners{border:0;min-width:0;margin:0;padding:0}.foundation-corners legend{margin-bottom:var(--size-8);padding:0}.foundation-corners>div{gap:var(--size-8);display:flex}.foundation-corners button{width:var(--size-48);height:var(--size-40);border:var(--size-1) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-control);color:var(--color-text-secondary);cursor:pointer;place-items:center;display:grid}.foundation-corners button[aria-pressed=true]{border-color:var(--color-text-secondary);color:var(--color-text-primary);background:var(--color-bg-selected-secondary)}.foundation-corners .corner-preview{width:var(--size-20);height:var(--size-20);border:var(--size-2) solid currentColor;display:block}.foundation-corners .corner-preview.square{border-radius:0}.foundation-corners .corner-preview.rounded{border-radius:var(--size-6)}.brand-visual-layout{grid-template-columns:minmax(0, 1fr) minmax(var(--size-240), .55fr);align-items:start;gap:var(--size-24);display:grid}.brand-style-preview{top:var(--size-24);gap:var(--size-12);min-width:0;display:grid;position:sticky}.brand-preview-page{padding:var(--size-20);background:var(--screen-background);border:var(--size-1) solid var(--color-border-default);border-radius:var(--radius-lg);color:var(--scroll-font)}.brand-preview-scroll{gap:var(--size-12);padding:var(--size-12);background-color:var(--scroll-background);background-image:var(--scroll-background-image);background-size:var(--scroll-background-size,cover);background-position:var(--scroll-background-position,center);border-radius:var(--scroll-card-radius);background-repeat:no-repeat;display:grid}.brand-preview-scroll>.playblock-text{padding:var(--size-8)}.brand-preview-card{gap:var(--size-14);padding:var(--size-18);border-radius:var(--scroll-card-radius);background:var(--scroll-card-color);display:grid}.brand-preview-accent{color:inherit;font-size:var(--size-11);font-weight:var(--font-weight-700)}.brand-preview-card h3{font-family:inherit;font-size:var(--size-28);line-height:1.15;font-weight:var(--font-weight-700);margin:0}.brand-preview-card p{font-size:var(--size-12);margin:0;line-height:1.6}.brand-preview-secondary{font-size:var(--size-10)}.brand-preview-button{text-align:center;border:var(--size-1) solid var(--scroll-main);min-height:var(--scroll-button-height);border-radius:var(--scroll-button-radius);padding:var(--scroll-button-padding-block) var(--scroll-button-padding-inline);background:var(--scroll-button-background);color:var(--scroll-button-text);font:inherit;font-size:var(--size-11);font-weight:var(--font-weight-700);place-items:center;display:grid}@media (max-width:1000px){.brand-visual-layout{grid-template-columns:minmax(0,1fr)}.brand-style-preview{max-width:var(--size-380);width:100%;position:static}}.block-style-controls{gap:var(--space-3);margin-bottom:var(--space-4);display:grid}.block-style-controls .playblock-palette-note{margin:0}.block-style-reset{padding:var(--size-4) var(--size-8);border:var(--size-1) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-control);color:var(--color-text-primary);font-size:var(--size-11);line-height:var(--size-16);cursor:pointer;justify-self:start}.scroll-edit-shell .editor-block-arrange{position:relative}.scroll-edit-shell .editor-block-arrange-arrows{padding-top:var(--size-4);gap:var(--size-4);display:grid;position:absolute;top:100%;left:0}.scroll-edit-shell .editor-block-arrange-arrows .editor-block-action:disabled{cursor:default}.scroll-edit-shell .public-scroll-moment:has(.editor-block-arrange-arrows){z-index:7}.scroll-style-section summary h3:has(.scroll-style-info){align-items:center;gap:6px;display:flex}.scroll-style-info{align-items:center;display:inline-flex;position:relative}.scroll-style-info>button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.scroll-style-info>[role=tooltip]{z-index:5;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-control);width:max-content;max-width:calc(100vw - 48px);color:var(--color-text-secondary);visibility:hidden;opacity:0;pointer-events:none;padding:8px 10px;font-size:11px;font-weight:400;line-height:1.5;position:absolute;top:calc(100% + 8px);left:0}.scroll-style-info:hover>[role=tooltip],.scroll-style-info:focus-within>[role=tooltip]{visibility:visible;opacity:1}.block-style-controls .scroll-style-modes>button{border-radius:var(--size-8);padding:var(--size-8) var(--size-12)}.editor-autosave-toast{z-index:109;right:max(var(--size-24), env(safe-area-inset-right));bottom:max(var(--size-24), env(safe-area-inset-bottom));align-items:center;gap:var(--size-10);box-sizing:border-box;padding:var(--size-10) var(--size-14);border:var(--size-1) solid var(--color-border-default);border-left:var(--size-4) solid var(--color-status-success);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-floating);font-family:var(--font-family-primary-ui);font-size:var(--size-13);font-weight:var(--font-weight-700);white-space:nowrap;pointer-events:none;animation:.18s ease-out editor-save-toast-enter;display:inline-flex;position:fixed}.editor-autosave-toast-spinner{width:var(--size-14);height:var(--size-14);box-sizing:border-box;border:var(--size-2) solid color-mix(in srgb, var(--color-status-success) 30%, transparent);border-top-color:var(--color-status-success);border-radius:var(--radius-full);animation:.7s linear infinite editor-autosave-toast-spin}.editor-autosave-toast-check{color:var(--color-status-success)}.editor-autosave-toast.is-saved{animation:1.4s forwards editor-autosave-toast-saved}@keyframes editor-autosave-toast-spin{to{transform:rotate(360deg)}}@keyframes editor-autosave-toast-saved{0%,65%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--size-4))}}.editor-save-toast{z-index:110;right:max(var(--size-24), env(safe-area-inset-right));bottom:max(var(--size-24), env(safe-area-inset-bottom));align-items:start;gap:var(--size-12);width:min(400px, calc(100vw - var(--size-32)));box-sizing:border-box;padding:var(--size-16);border:var(--size-1) solid var(--color-border-default);border-left:var(--size-4) solid var(--color-status-warning);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-floating);font-family:var(--font-family-primary-ui);grid-template-columns:auto minmax(0,1fr) auto;animation:.18s ease-out editor-save-toast-enter;display:grid;position:fixed}.editor-save-toast-icon{color:var(--color-status-warning)}.editor-save-toast strong{font-size:var(--size-14);line-height:1.5;display:block}.editor-save-toast p{margin:var(--size-4) 0 0;color:var(--color-text-secondary);font-size:var(--size-13);overflow-wrap:anywhere;line-height:1.5}.editor-save-toast .editor-save-toast-close{width:var(--size-32);height:var(--size-32);margin:calc(-1 * var(--size-4));border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.editor-save-toast .editor-save-toast-close:hover{background:var(--color-bg-control);color:var(--color-text-primary)}.editor-save-toast .editor-save-toast-close:focus-visible{outline:var(--size-2) solid var(--color-action-primary);outline-offset:var(--size-2)}@keyframes editor-save-toast-enter{0%{opacity:0;transform:translateY(var(--size-8))}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.editor-autosave-toast,.editor-save-toast{right:max(var(--size-16), env(safe-area-inset-right));bottom:max(var(--size-16), env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.editor-autosave-toast,.editor-autosave-toast-spinner,.editor-autosave-toast.is-saved,.editor-save-toast{animation:none}}.editor-save-toast .editor-save-toast-action{align-items:center;gap:var(--size-6);margin-top:var(--size-12);padding:var(--size-6) var(--size-10);border:var(--size-1) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-control);color:var(--color-text-primary);font:inherit;font-size:var(--size-13);cursor:pointer;display:inline-flex}.editor-save-toast .editor-save-toast-action:hover{border-color:var(--color-action-primary)}.editor-save-toast .editor-save-toast-action:focus-visible{outline:var(--size-2) solid var(--color-action-primary);outline-offset:var(--size-2)}.scroll-editor-header .editor-header-left>.scroll-settings-button{flex:none}.scroll-editor-header .workspace-contextbar .scroll-device-switch{height:var(--size-28);box-sizing:border-box;flex:none;margin:0;position:static;inset:auto;transform:none}.scroll-editor-header .workspace-contextbar .scroll-device-switch>button[aria-pressed=true]{color:var(--color-action-primary);background:color-mix(in srgb, var(--color-action-primary) 10%, transparent);box-shadow:inset 0 0 0 var(--size-1) color-mix(in srgb, var(--color-action-primary) 40%, transparent)}.scroll-editor-header .workspace-topbar .metadata-popover{top:calc(var(--studio-header-height) + var(--size-8));left:var(--size-16);width:min(var(--size-580), calc(100vw - var(--size-32)));max-height:calc(100dvh - var(--studio-header-height) - var(--size-24));position:fixed;right:auto}@media (min-width:781px){.studio-shell.scroll-edit-shell .page-two-composition.focus-scroll-layout.phone-preview{grid-template-rows:minmax(0,1fr)}.studio-shell.scroll-edit-shell .page-two-composition.focus-scroll-layout.phone-preview.experience-focused:not(:has(.grid-size-modal)){width:calc(100% - var(--size-48));max-width:none;margin-inline:var(--size-24);column-gap:var(--size-24);grid-template-columns:minmax(0,390px) minmax(0,1fr)}.studio-shell.scroll-edit-shell .page-two-composition.focus-scroll-layout.phone-preview .live-scroll-preview{grid-row:1;grid-template-rows:minmax(0,1fr)}.studio-shell.scroll-edit-shell .page-two-composition.focus-scroll-layout.phone-preview .studio-audience-scroll-shell{grid-row:1}.studio-shell.scroll-edit-shell .page-two-composition.focus-scroll-layout.phone-preview .edit-properties-panel:not(.grid-size-modal){max-width:none;height:calc(100dvh - var(--studio-header-height) - var(--size-42) - var(--size-48));max-height:calc(100dvh - var(--studio-header-height) - var(--size-42) - var(--size-48));grid-row:1;margin-top:0;padding-top:0}}@media (min-width:781px) and (max-width:1000px){.studio-shell.scroll-edit-shell .page-two-composition.focus-scroll-layout.phone-preview.experience-focused:has(.guided-properties-panel:not([aria-hidden=true])):not(:has(.grid-size-modal)){grid-template-columns:minmax(0,1fr)}.studio-shell.scroll-edit-shell .page-two-composition.focus-scroll-layout.phone-preview .edit-properties-panel.guided-properties-panel{top:0}}.create-scroll-start-button{margin-top:var(--size-20)}.studio-shell.scroll-edit-shell .page-two-composition.focus-scroll-layout.phone-preview.experience-focused,.studio-shell.scroll-edit-shell .focus-scroll-layout.phone-preview.experience-focused>.edit-properties-panel:not(.grid-size-modal){transition:none}.scroll-editor-library .editor-library-section-label{color:var(--color-text-secondary);align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.scroll-edit-shell .scroll-overview-inspector{min-width:0;padding:24px;overflow-y:auto}.scroll-inspector-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.scroll-inspector-experiences{gap:12px;display:grid}.scroll-inspector-experience{text-align:left;border:1px solid var(--mtb-neutral-3);background:var(--color-bg-control);width:100%;color:var(--color-text-primary);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.scroll-inspector-experience>strong{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.scroll-inspector-experience>span{color:var(--color-text-secondary)}.scroll-edit-shell .scroll-content-inspector .block-plan-body{padding:24px}.scroll-edit-shell .scroll-overview-inspector{background:var(--mtb-neutral-1);border-radius:var(--radius-lg);box-sizing:border-box;height:100%}.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar{--scroll-editor-sidebar-width:0px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.scroll-editor-without-sidebar>.main-workspace{grid-area:2/1}.scroll-editor-without-sidebar .scroll-editor-header:before{display:none}.scroll-editor-without-sidebar .scroll-editor-header .editor-sidebar-brand{width:var(--size-32);min-width:var(--size-32);margin-inline-end:var(--size-12);overflow:hidden}.saved-experience-picker-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.saved-experience-picker-heading h1{margin:0}.saved-experience-picker-heading>button{flex-shrink:0}.saved-experience-picker-grid .saved-experience-picker-preview{pointer-events:none;border-radius:8px;width:100%;height:160px;display:block;position:relative;overflow:hidden}.saved-experience-picker-grid .experience-card-copy{gap:6px;min-width:0;display:grid}.saved-experience-picker-grid .experience-card-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-experience-picker-grid .experience-card-copy small{color:var(--color-text-secondary)}.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar>.scroll-editor-header{grid-area:1/1/auto/-1;display:block}.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar>.main-workspace{grid-area:2/1}.scroll-editor-without-sidebar .scroll-editor-header>.workspace-contextbar{box-sizing:border-box;width:100%}@media (min-width:621px){.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar{grid-template-columns:minmax(0,1fr) 0}.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar.cs-open{grid-template-columns:minmax(0, 1fr) clamp(var(--size-320), 30vw, var(--size-420))}.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar>.scroll-editor-header{grid-column:1}.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar>.cs-overlay.side{grid-column:2}}.scroll-editor-without-sidebar .workspace-contextbar{align-items:center}.scroll-editor-without-sidebar .workspace-contextbar .scroll-device-switch,.scroll-editor-without-sidebar .workspace-contextbar .editor-context-metrics{box-sizing:border-box;height:34px;min-height:34px}.scroll-editor-without-sidebar .workspace-contextbar .editor-context-metrics,.scroll-editor-without-sidebar .workspace-contextbar .editor-context-analytics{align-items:center}.saved-experience-picker-dialog>header{justify-content:space-between;align-items:center;gap:24px;display:flex}.saved-experience-picker-dialog>header>button:last-child{margin-left:auto}.saved-experience-picker-dialog.experience-creation-browse>.saved-experience-picker{grid-template-rows:auto minmax(0,1fr)}.saved-experience-picker-dialog .saved-experience-picker-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.saved-experience-picker-dialog .saved-experience-picker-tools>.experience-search-slot{flex:38px;width:auto;margin-left:0}.saved-experience-picker-dialog .saved-experience-picker-tools .experience-search-control{margin-left:0}.saved-experience-picker-dialog .saved-experience-picker-tools .experience-search-control.is-expanded{width:min(100%,240px)}.saved-experience-picker-dialog .saved-experience-picker-tools>.experiences-button{flex:none;margin-left:auto}.saved-experience-picker-dialog .saved-experience-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-experience-picker-dialog .saved-experience-picker-preview{aspect-ratio:16/9;height:auto}.saved-experience-picker-dialog .saved-experience-picker-preview>.experience-gallery-preview{width:100%;height:100%;min-height:0}@media (max-width:620px){.saved-experience-picker-dialog .saved-experience-picker-grid{grid-template-columns:minmax(0,1fr)}.saved-experience-picker-dialog .saved-experience-picker-tools>[aria-label=Experience\ categories]{flex-basis:100%}}.editor-experience-dialog.saved-experience-picker-dialog>header{margin:0 16px 20px}.saved-experience-picker-dialog .experience-library-page .saved-experience-picker-tools>[aria-label=Experience\ categories]{flex:none}.saved-experience-picker-dialog .experience-library-page .saved-experience-picker-tools>.experience-search-slot{flex:38px;width:auto;margin-left:0}.saved-experience-picker-dialog .experience-library-page .saved-experience-picker-tools>.saved-experience-sticker-button{align-items:center;gap:var(--size-6);border:1px solid var(--color-border-default);background:var(--color-bg-control);color:var(--color-text-primary);font-weight:var(--font-weight-700);display:inline-flex}.saved-experience-picker-dialog .experience-library-page .saved-experience-picker-tools>.experiences-button{border-radius:var(--size-9);background:var(--color-action-primary);color:var(--color-text-on-action);border:1px solid var(--color-palette-d49a00);font-weight:var(--font-weight-700)}.saved-experience-picker-dialog .experience-library-page .saved-experience-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:32px 24px}@media (max-width:800px){.saved-experience-picker-dialog .experience-library-page .saved-experience-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.saved-experience-picker-dialog .experience-library-page .saved-experience-picker-grid{grid-template-columns:minmax(0,1fr)}.saved-experience-picker-dialog .experience-library-page .saved-experience-picker-tools>[aria-label=Experience\ categories]{flex:auto;overflow-x:auto}}.saved-experience-picker-dialog,.saved-experience-picker-dialog *{scrollbar-width:none}.saved-experience-picker-dialog::-webkit-scrollbar{width:0;height:0;display:none}.saved-experience-picker-dialog ::-webkit-scrollbar{width:0;height:0;display:none}.saved-experience-picker-dialog .editor-overlay-scrollbar{display:none}.editor-experience-dialog>header>.editor-dialog-back{margin-right:auto}.editor-experience-dialog:not(.saved-experience-picker-dialog) .experience-library-page .experience-tools{justify-content:flex-start}.editor-experience-dialog:not(.saved-experience-picker-dialog) .experience-library-page .experience-tools>[aria-label=Experience\ categories]{flex:0 auto}.editor-experience-dialog:not(.saved-experience-picker-dialog) .experience-library-page .experience-tools>.experience-search-slot{flex:38px;width:auto;margin-left:0}.editor-experience-dialog:not(.saved-experience-picker-dialog) .experience-library-page .experience-tools .experience-search-control{margin-left:0}.editor-experience-dialog:not(.saved-experience-picker-dialog) .experience-library-page .experience-tools .experience-search-control.is-expanded{width:min(100%,240px)}.scroll-inspector-experiences-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.scroll-inspector-experiences-heading>.scroll-inspector-add{border:1px solid var(--color-border-default);background:var(--color-bg-control);width:24px;min-width:24px;height:24px;color:var(--color-text-primary);border-radius:50%;place-items:center;padding:0;display:grid}.scroll-inspector-experience{box-sizing:border-box;cursor:pointer}.scroll-inspector-experience:focus-visible{outline:1px solid var(--color-text-secondary);outline-offset:2px}.scroll-inspector-thumbnail{pointer-events:none;border-radius:6px;flex:0 0 48px;width:48px;height:48px;display:block;position:relative;overflow:hidden}.scroll-inspector-thumbnail>.experience-gallery-preview{transform-origin:0 0;width:320px;height:320px;min-height:0;padding:0;transform:scale(.15)}.scroll-inspector-thumbnail .gallery-content-render{height:100%}.scroll-inspector-thumbnail .gallery-thumbnail-image{object-fit:cover;width:100%;height:100%}.scroll-overview-inspector .block-style-controls input:focus{box-shadow:none;border-color:var(--mtb-neutral-5);outline:none}.scroll-inspector-thumbnail .gallery-copy-cover{box-sizing:border-box;height:100%;min-height:0}@media (min-width:781px){.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar .page-two-composition.focus-scroll-layout.docked-content-workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;width:calc(100% - 48px);max-width:none;margin:0 24px;padding:24px 0;display:grid}.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar .page-two-composition.focus-scroll-layout.docked-content-workspace.experience-focused:not(:has(.grid-size-modal)){grid-template-columns:minmax(0,1fr) clamp(344px,100% - 414px,560px)}.studio-shell.scroll-edit-shell .page-two-composition.focus-scroll-layout.docked-content-workspace>.live-scroll-preview{flex-direction:column;grid-area:1/1;align-items:center;width:100%;min-width:0;margin:0;display:flex;position:relative;top:auto}.studio-shell.scroll-edit-shell .page-two-composition.focus-scroll-layout.docked-content-workspace .studio-audience-scroll-shell{min-width:0;max-width:100%;margin-inline:auto}.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar .page-two-composition.focus-scroll-layout.docked-content-workspace>.edit-properties-panel:not(.grid-size-modal){visibility:visible;width:100%;max-width:none;height:calc(100dvh - var(--studio-header-height) - var(--size-42) - 48px);max-height:calc(100dvh - var(--studio-header-height) - var(--size-42) - 48px);grid-area:1/2;align-self:start;margin:0;padding-top:0;position:sticky;inset:24px auto auto;transform:none}.studio-shell.scroll-edit-shell .docked-content-workspace:not(.experience-focused)>.edit-properties-panel{display:none}.studio-shell.scroll-edit-shell .docked-content-workspace .block-plan-card{width:100%;max-width:none}.studio-shell.scroll-edit-shell .docked-content-workspace .block-plan-card>header{flex-direction:row;align-items:center;display:flex}}@media (max-width:780px){.studio-shell.scroll-edit-shell .docked-content-workspace>.edit-properties-panel:not(.grid-size-modal){visibility:visible;width:100%;max-width:100%;margin-inline:0;position:relative;inset:auto}.studio-shell.scroll-edit-shell .docked-content-workspace:not(.experience-focused)>.edit-properties-panel{display:none}}.scroll-edit-shell .scroll-content-inspector{--scroll-inspector-padding-inline:16px}.scroll-edit-shell .scroll-content-inspector .scroll-overview-inspector,.studio-shell.scroll-edit-shell .focus-scroll-layout .scroll-content-inspector:not(.grid-size-modal) .block-plan-card{padding-inline:var(--scroll-inspector-padding-inline)}.studio-shell.scroll-edit-shell .focus-scroll-layout .scroll-content-inspector:not(.grid-size-modal) .block-plan-body{padding-inline:0}.studio-shell.scroll-edit-shell .page-two-composition.tablet-preview>.live-scroll-preview.tablet-scroll-background{background:var(--screen-background,var(--color-scroll-screen-default));min-height:calc(100dvh - var(--studio-header-height) - var(--size-42) - 48px);box-sizing:border-box;padding:24px}@media (min-width:781px){.studio-shell.scroll-edit-shell .build-page.finished-scroll-editor:has(>.docked-content-workspace){box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding-inline:0}.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar .page-two-composition.focus-scroll-layout.docked-content-workspace{width:calc(100% - 32px);margin-inline:16px}.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar .page-two-composition.focus-scroll-layout.docked-content-workspace.experience-focused:not(:has(.grid-size-modal)){width:calc(100% - 32px);margin-inline:16px}}.studio-shell.scroll-edit-shell .focus-scroll-layout.docked-content-workspace>.edit-properties-panel.scroll-content-inspector{box-shadow:none;background:0 0;border:0}.studio-shell.scroll-edit-shell .focus-scroll-layout.docked-content-workspace>.edit-properties-panel.scroll-content-inspector>.block-plan-card{padding:16px var(--scroll-inspector-padding-inline);box-sizing:border-box;flex:1 1 0;gap:13px;margin:0}.studio-shell.scroll-edit-shell .focus-scroll-layout.docked-content-workspace>.edit-properties-panel.scroll-content-inspector .block-plan-body{gap:12px;margin-top:12px;padding:24px 0}.studio-shell.scroll-edit-shell .focus-scroll-layout.docked-content-workspace>.edit-properties-panel.scroll-content-inspector .block-plan-card>header{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:12px;height:auto;min-height:0;display:grid}.studio-shell.scroll-edit-shell .focus-scroll-layout.docked-content-workspace>.edit-properties-panel.scroll-content-inspector .block-card-summary{grid-area:1/1}.studio-shell.scroll-edit-shell .focus-scroll-layout.docked-content-workspace>.edit-properties-panel.scroll-content-inspector .block-editor-header-actions{grid-area:1/2}.studio-shell.scroll-edit-shell .focus-scroll-layout.docked-content-workspace>.edit-properties-panel.scroll-content-inspector .block-card-insights{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:0;padding:0;display:grid}.studio-shell.scroll-edit-shell .focus-scroll-layout.docked-content-workspace>.edit-properties-panel.scroll-content-inspector .block-card-insights>span{padding:0}.studio-shell.scroll-edit-shell .focus-scroll-layout.docked-content-workspace>.edit-properties-panel.scroll-content-inspector .block-card-insights small{font-size:11px;line-height:16px}.studio-shell.scroll-edit-shell .focus-scroll-layout.docked-content-workspace>.edit-properties-panel.scroll-content-inspector .block-card-insights strong{margin-top:4px;font-size:12px;line-height:18px}.studio-shell.scroll-edit-shell .focus-scroll-layout.docked-content-workspace>.edit-properties-panel.scroll-content-inspector .block-card-actions{gap:0}.studio-shell.scroll-edit-shell .focus-scroll-layout .scroll-content-inspector .scroll-inspector-title{min-width:0;color:var(--color-text-secondary);font-family:var(--font-label);font-size:var(--size-10);font-weight:var(--font-weight-700);letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere;margin:0;line-height:normal;display:block}.studio-shell.scroll-edit-shell .focus-scroll-layout .scroll-content-inspector .block-card-type-row{display:none}.studio-shell.scroll-edit-shell .focus-scroll-layout .scroll-content-inspector .block-plan-card>header{align-items:center}.scroll-inspector-experience{cursor:default}.scroll-inspector-experience>.scroll-inspector-experience-preview{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex;position:relative}.scroll-inspector-experience-copy>strong,.scroll-inspector-experience-preview>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.scroll-inspector-experience-preview>.scroll-inspector-experience-select{z-index:1;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;height:100%;padding:0;position:absolute;inset:0}.scroll-inspector-experience>.scroll-inspector-experience-edit{width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.scroll-inspector-experience>.scroll-inspector-experience-edit:hover{background:var(--color-bg-surface);color:var(--color-text-primary)}.scroll-inspector-experience>.scroll-inspector-experience-edit+.scroll-inspector-experience-edit{margin-left:-8px}@media (hover:hover){.scroll-edit-shell .scroll-inspector-experience>.scroll-inspector-experience-edit{opacity:0;pointer-events:none}.scroll-edit-shell .scroll-inspector-experience:hover>.scroll-inspector-experience-edit,.scroll-edit-shell .scroll-inspector-experience:focus-within>.scroll-inspector-experience-edit{opacity:1;pointer-events:auto}}.scroll-inspector-experience>button:focus-visible,.scroll-inspector-experience-select:focus-visible{outline:1px solid var(--color-text-secondary);outline-offset:2px}.scroll-inspector-experience[draggable=true]{cursor:grab}.scroll-inspector-experience[draggable=true]:active{cursor:grabbing}.studio-shell.scroll-edit-shell .scroll-content-inspector :is(.block-plan-body,.experience-editor-tabs){align-content:start;align-items:start}.studio-shell.scroll-edit-shell .scroll-content-inspector .experience-editor-tabs{align-self:start}.scroll-edit-shell .scroll-inspector-experience-copy>strong{color:#fff;font-family:inherit;font-size:13px;font-weight:400}.editor-experience-dialog.saved-experience-picker-dialog.experience-creation-browse,.editor-experience-dialog.saved-experience-picker-dialog.experience-creation-browse>.saved-experience-picker{padding-bottom:0}.saved-experience-picker-dialog .saved-experience-picker .experience-workspace-full{box-sizing:border-box;padding-bottom:36px;scroll-padding-bottom:36px}.editor-experience-dialog.saved-experience-picker-dialog>.experience-library-heading{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;row-gap:24px;display:grid}.editor-experience-dialog.saved-experience-picker-dialog>.experience-library-heading>button:last-child{grid-area:1/2}.editor-experience-dialog.saved-experience-picker-dialog>.experience-library-heading>h1{grid-area:2/1/auto/-1}.editor-experience-dialog.saved-experience-picker-dialog.experience-creation-browse>.saved-experience-picker{overflow:hidden}.saved-experience-picker-dialog .saved-experience-picker-tools{z-index:1;position:relative;overflow:visible}.saved-experience-picker-dialog .saved-experience-picker-tools .experience-search-tooltip{top:calc(100% + var(--size-8));bottom:auto}.saved-experience-picker-dialog .saved-experience-picker .experience-workspace-full{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent;align-content:start;min-height:0;margin-top:-8px;padding:8px 8px 36px 0;overflow:hidden auto}.saved-experience-picker-dialog .saved-experience-picker .experience-workspace-full::-webkit-scrollbar{width:8px;display:block}.saved-experience-picker-dialog .saved-experience-picker .experience-workspace-full::-webkit-scrollbar-thumb{border-radius:var(--size-999);background:var(--color-border-default)}.saved-experience-picker-dialog .saved-experience-picker-grid .experience-gallery-preview,.saved-experience-picker-dialog .saved-experience-picker-grid .gallery-content-render{isolation:isolate;contain:paint;position:relative;overflow:clip}.saved-experience-picker-dialog .saved-experience-picker-grid .playblock-render,.saved-experience-picker-dialog .saved-experience-picker-grid .transfer-card-carousel,.saved-experience-picker-dialog .saved-experience-picker-grid .transfer-card-flip-stage{max-width:100%;max-height:100%;overflow:hidden}.saved-experience-picker-dialog .saved-experience-picker-grid .transfer-card-carousel{height:100%}.scroll-edit-shell .scroll-inspector-title-field{gap:12px;margin-bottom:24px;display:grid}.scroll-edit-shell .scroll-inspector-title-field>input{box-sizing:border-box;border:1px solid var(--mtb-neutral-3);background:var(--color-bg-control);width:100%;min-width:0;color:var(--color-text-primary);font:inherit;border-radius:8px;padding:10px 12px;font-size:13px}.scroll-edit-shell .scroll-inspector-title-field>input:focus{box-shadow:none;border-color:var(--mtb-neutral-5);outline:none}.scroll-inspector-experience{padding-block:8px;position:relative}.scroll-inspector-experience[data-drop-before]:before,.scroll-inspector-experience[data-drop-after]:after{content:"";background:var(--color-action-primary);pointer-events:none;height:2px;position:absolute;left:0;right:0}.scroll-inspector-experience[data-drop-before]:before{top:-7px}.scroll-inspector-experience[data-drop-after]:after{bottom:-7px}.scroll-inspector-drag-ghost{pointer-events:none;background:0 0;width:1px;height:1px;position:fixed;top:0;left:0}.scroll-edit-shell .scroll-inspector-experience[data-drag-selected]{border-color:var(--color-action-primary)}@media (hover:hover){:is(.studio-shell.scroll-edit-shell .live-scroll-preview .studio-audience-scroll-shell:not([data-selection=experience]):hover:not(:has(.editor-empty-slot:hover,.public-scroll-moment:hover)),.studio-shell.scroll-edit-shell .phone-preview .live-scroll-preview .studio-audience-scroll-shell:hover:not(:has(.editor-empty-slot:hover,.public-scroll-moment:hover))){outline:2px solid var(--color-action-primary);outline-offset:0;cursor:pointer}.studio-shell.scroll-edit-shell .live-scroll-preview .editor-placement-grid>.public-scroll-moment,.studio-shell.scroll-edit-shell .live-scroll-preview .editor-placement-grid>.public-scroll-moment>:not(.editor-block-actions){cursor:pointer}.studio-shell.scroll-edit-shell .tablet-preview .live-scroll-preview .studio-audience-scroll-shell:hover:not(:has(.editor-empty-slot:hover,.public-scroll-moment:hover)){cursor:pointer;outline:none}.studio-shell.scroll-edit-shell .tablet-preview .live-scroll-preview .studio-audience-scroll-shell:hover:not(:has(.editor-empty-slot:hover,.public-scroll-moment:hover)) .public-scroll-content{outline:2px solid var(--color-action-primary);outline-offset:-2px}.studio-shell.scroll-edit-shell .tablet-preview .live-scroll-preview .studio-audience-scroll-shell:not(:has(.public-scroll-content)):hover:not(:has(.editor-empty-slot:hover,.public-scroll-moment:hover)){outline:2px solid var(--color-action-primary);outline-offset:-2px}}.studio-shell.scroll-edit-shell .tablet-scroll-background .studio-audience-preview>.public-scroll-content{position:relative}.studio-shell.scroll-edit-shell .tablet-scroll-background .studio-audience-scroll-shell:has(.studio-audience-preview.public-scroll--snap){position:relative}.studio-shell.scroll-edit-shell .tablet-scroll-background .studio-audience-scroll-shell[data-selection=scroll] .studio-audience-preview>.public-scroll-content:after{content:"";z-index:30;border:2px solid var(--color-action-primary);border-radius:inherit;box-sizing:border-box;pointer-events:none;position:absolute;inset:0}.studio-shell.scroll-edit-shell .tablet-scroll-background .studio-audience-scroll-shell[data-selection=scroll]:has(.studio-audience-preview.public-scroll--snap):after{content:"";z-index:30;border:2px solid var(--color-action-primary);border-radius:inherit;box-sizing:border-box;pointer-events:none;position:absolute;inset:0}@media (hover:hover){.studio-shell.scroll-edit-shell .tablet-scroll-background .studio-audience-scroll-shell:hover:not(:has(.editor-empty-slot:hover,.public-scroll-moment:hover)) .studio-audience-preview>.public-scroll-content:after{content:"";z-index:30;border:2px solid var(--color-action-primary);border-radius:inherit;box-sizing:border-box;pointer-events:none;position:absolute;inset:0}.studio-shell.scroll-edit-shell .tablet-scroll-background .studio-audience-scroll-shell:has(.studio-audience-preview.public-scroll--snap):hover:not(:has(.editor-empty-slot:hover,.public-scroll-moment:hover)):after{content:"";z-index:30;border:2px solid var(--color-action-primary);border-radius:inherit;box-sizing:border-box;pointer-events:none;position:absolute;inset:0}.studio-shell.scroll-edit-shell .editor-placement-grid>.public-scroll-moment:hover:after{border:2px solid var(--color-action-primary)}.studio-shell.scroll-edit-shell .editor-placement-grid>.editor-empty-slot:hover{outline:2px solid var(--color-action-primary);outline-offset:-2px;border-color:#0000}.studio-shell.scroll-edit-shell .editor-placement-grid>.editor-empty-slot:hover>svg{color:var(--color-action-primary)}}.scroll-edit-shell .scroll-inspector-experience[data-selected]{border-color:var(--color-action-primary)}.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar{grid-template-columns:minmax(0,1fr) 0}.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar>.cs-overlay.side{grid-area:1/2/-1}.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar>.scroll-editor-header{grid-column:1}@media (min-width:781px){.studio-shell.scroll-edit-shell.scroll-editor-without-sidebar.cs-open{grid-template-columns:minmax(0, 1fr) clamp(var(--size-320), 30vw, var(--size-420))}}.scroll-tablet-column-toolbar{border:1px solid var(--color-border-default);background:var(--color-bg-surface);width:max-content;color:var(--color-text-secondary);font-size:12px;font-weight:var(--font-weight-500);border-radius:10px;align-items:center;gap:12px;margin:0 auto 16px;padding:6px;display:flex;box-shadow:0 4px 16px #0000001f}.scroll-tablet-column-toolbar>span{padding-left:6px}.scroll-tablet-columns{gap:8px;display:flex}.scroll-tablet-columns>button{border:1px solid var(--mtb-neutral-3);min-width:40px;color:var(--color-text-secondary);background:0 0;border-radius:8px;padding:8px 12px}.scroll-tablet-columns>button[aria-pressed=true]{background:var(--color-bg-strong);color:var(--color-text-primary)}.studio-shell.scroll-edit-shell .tablet-preview:not(.tablet-mobile-layout) .editor-placement-grid{grid-template-columns:repeat(var(--scroll-tablet-columns,4), minmax(0, 1fr))}.scroll-edit-shell .desktop-context-workspace{--tablet-preview-columns:var(--scroll-tablet-columns,4);--tablet-preview-cell-width:var(--scroll-grid-cell-width)}.scroll-edit-shell .desktop-context-workspace.tablet-mobile-layout{--tablet-preview-columns:2}.studio-shell.scroll-edit-shell .page-two-composition.desktop-context-workspace:not(.screen-overview-mode)>.live-scroll-preview{max-height:calc(100dvh - var(--studio-header-height) - var(--size-42) - var(--size-48));align-items:safe center;overflow:auto}.studio-shell.scroll-edit-shell .page-two-composition.desktop-context-workspace:not(.tablet-mobile-layout):not(.screen-overview-mode) .studio-audience-scroll-shell{width:calc(var(--tablet-preview-columns) * var(--tablet-preview-cell-width) + (var(--tablet-preview-columns) - 1) * var(--size-13) + var(--size-60));flex:none;max-width:none}.studio-shell.scroll-edit-shell .desktop-context-workspace:not(.tablet-mobile-layout):not(.screen-overview-mode) :is(.public-scroll-content,.public-scroll-snap-screen){padding-inline:var(--size-30)}.scroll-edit-shell .desktop-context-workspace.tablet-mobile-layout .public-scroll-content{padding-inline:var(--size-12)}.studio-shell.scroll-edit-shell .live-scroll-preview .studio-audience-scroll-shell[data-selection=scroll]{outline:2px solid var(--color-action-primary);outline-offset:0}.studio-shell.scroll-edit-shell .tablet-preview .live-scroll-preview .studio-audience-scroll-shell[data-selection=scroll]{outline:none}.studio-shell.scroll-edit-shell .tablet-preview .live-scroll-preview .studio-audience-scroll-shell[data-selection=scroll] .public-scroll-content{outline:2px solid var(--color-action-primary);outline-offset:0}.scroll-edit-shell .scroll-metrics-scope{min-width:0;font-size:12px;position:relative}.scroll-edit-shell .scroll-metrics-scope>summary{max-width:180px;color:var(--color-text-primary);cursor:pointer;background:#212121;border:1px solid #303030;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;list-style:none;display:flex}.scroll-edit-shell .scroll-metrics-scope>summary::-webkit-details-marker{display:none}.scroll-edit-shell .scroll-metrics-scope>summary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scroll-edit-shell .scroll-metrics-scope>summary svg{flex:none}.scroll-edit-shell .scroll-metrics-options{z-index:30;background:#171717;border:1px solid #303030;border-radius:8px;width:240px;max-height:320px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.scroll-edit-shell .scroll-metrics-options button{width:100%;color:var(--color-text-secondary);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;border-radius:5px;padding:9px 10px;display:block}.scroll-edit-shell .scroll-metrics-options button:is(:hover,[aria-pressed=true]){color:var(--color-text-primary);background:#2b2b2b}.scroll-edit-shell div.editor-context-metrics{cursor:default}.scroll-edit-shell div.editor-context-metrics:hover{background:0 0}.studio-shell.scroll-edit-shell .focus-scroll-layout.docked-content-workspace>.edit-properties-panel.scroll-content-inspector .block-plan-body:has(>.block-editor-panel){border-top:0;margin-top:0;padding-top:0}.scroll-edit-shell .scroll-inspector-experience-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.scroll-edit-shell .scroll-inspector-experience-copy>small{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;line-height:15px;overflow:hidden}.editor-experience-dialog.experience-help-dialog{overscroll-behavior:contain;width:min(560px,100vw - 32px);max-height:min(720px,100svh - 96px);overflow-y:auto}.experience-help-dialog>.scroll-template-guidance{box-shadow:none;background:0 0;border:0;gap:12px;padding:0}.editor-experience-dialog.experience-help-dialog{font-family:var(--font-family-primary-ui);border:0;padding:24px}.experience-help-dialog .scroll-template-guidance .guidance-title{font-size:var(--size-18);border:0;padding-bottom:0;font-weight:600;line-height:1.4}.experience-help-dialog .guidance-group{gap:12px}.experience-help-dialog .guidance-group+.guidance-group,.experience-help-dialog .guidance-field+.guidance-field{border:0;padding-top:0}.experience-help-dialog .scroll-template-guidance .guidance-field{border-radius:var(--size-12);background:color-mix(in srgb, var(--color-bg-control) 85%, black);border:0;gap:8px;padding:16px}.experience-help-dialog .guidance-field :is(h4,label>span),.experience-help-dialog .guidance-category{color:var(--color-action-primary);font-family:inherit;font-size:var(--size-13);letter-spacing:normal;text-transform:none;font-weight:500;line-height:1.5}.experience-help-dialog .guidance-field p,.experience-help-dialog .scroll-template-guidance>.guidance-description{font-size:var(--size-13);color:var(--color-text-secondary);line-height:1.6}.experience-help-dialog>header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.experience-help-dialog>header>strong{min-width:0;font-size:var(--size-18);overflow-wrap:anywhere;margin-right:auto;font-weight:600;line-height:1.4}.experience-help-dialog>header>button{flex-shrink:0}.experience-help-dialog .scroll-template-guidance>.guidance-title{display:none}.experience-help-dialog .guidance-category{color:color-mix(in srgb, var(--color-text-secondary) 80%, black)}.experience-help-dialog .guidance-group:has(>.guidance-category){margin-top:12px}@media (min-width:781px){.studio-shell.scroll-edit-shell .page-two-composition.focus-scroll-layout.docked-content-workspace.tablet-preview>.live-scroll-preview.tablet-scroll-background{min-height:calc(100dvh - var(--studio-header-height) - var(--size-42) - 24px);margin-top:-24px;padding-top:48px}}.scroll-edit-shell .scroll-editor-header .scroll-device-switch{background:#141414;align-items:stretch;gap:3px;padding:3px}.scroll-edit-shell .scroll-editor-header .scroll-device-switch>button{box-sizing:border-box;justify-content:center;align-items:center;min-height:0;margin:0;padding:0 10px;line-height:1;display:flex}.scroll-editor-header .scroll-editor-device-group{flex:none;align-items:center;display:flex}.scroll-editor-header .scroll-editor-device-group:is(.has-metrics,.has-steps){border-left:1px solid var(--color-border-default);margin-left:16px;padding-left:24px}.scroll-edit-shell .scroll-editor-header :is(.editor-context-analytics-button,.scroll-sharing-button,.scroll-extensions-button,.scroll-metadata-button)>svg{width:14px;height:14px}.scroll-edit-shell .scroll-editor-header .editor-scroll-name{font-size:14px;font-weight:600}.scroll-edit-shell .scroll-editor-header .editor-public-link-text{font-size:13px}.scroll-editor-header button[data-tooltip]{position:relative;overflow:visible}.scroll-editor-header button[data-tooltip]:after{content:attr(data-tooltip);z-index:50;border:1px solid var(--color-border-subtle);background:var(--color-bg-control);width:max-content;color:var(--color-text-primary);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:400;line-height:1.4;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.scroll-editor-header button[data-tooltip]:hover:after{opacity:1;visibility:visible}.scroll-block-thumbnail-stage{background:var(--scroll-background);place-items:center;width:100%;height:100%;display:grid}.scroll-block-thumbnail-placement{position:relative}.scroll-block-thumbnail-placement>.public-scroll-moment{width:100%;height:100%}.editor-experience-dialog.experience-creation-browse>header{margin:0 var(--size-16) var(--size-12);align-items:center}.editor-experience-dialog.experience-creation-browse>header>strong{font-size:var(--size-16);margin-right:auto}.editor-experience-dialog.experience-creation-browse>.experience-library-page:has(>header.sr-only){grid-template-rows:auto minmax(0,1fr);padding-top:0}.editor-experience-dialog.experience-creation-browse .experience-tools{gap:var(--size-12);margin-bottom:var(--size-16);flex-wrap:wrap}.editor-experience-dialog.experience-creation-browse .experience-library-page .experience-tools>.experience-search-slot{flex:0 240px;width:240px}.editor-experience-dialog .experience-library-page .experience-tools>.picker-media-button{align-items:center;gap:var(--size-6);border:1px solid var(--color-border-default);background:var(--color-bg-control);color:var(--color-text-primary);font-weight:var(--font-weight-700);margin-inline-start:auto;display:inline-flex}.editor-experience-dialog.saved-experience-picker-dialog.experience-creation-browse>.experience-library-heading{gap:var(--size-12);display:flex}.editor-experience-dialog.saved-experience-picker-dialog.experience-creation-browse>.experience-library-heading>h1{margin:0 auto 0 0}.studio-shell.scroll-edit-shell .page-two-composition.desktop-context-workspace.experience-focused:not(.tablet-mobile-layout):not(.screen-overview-mode) .studio-audience-scroll-shell{zoom:var(--tablet-fit-scale,1)}.editor-inline-save-error{color:#f15757;margin:8px 0 0;font-size:12px;line-height:1.5}