.scroll-style-panel{padding-bottom:var(--size-24);margin-bottom:var(--size-24);border-bottom:1px solid var(--mtb-neutral-3);gap:0;display:grid}.scroll-style-panel h3{font-size:var(--size-12);color:var(--color-text-primary);margin:0;font-weight:500}.scroll-style-section{border-bottom:var(--size-1) solid var(--mtb-neutral-3);min-width:0}.scroll-style-section:last-child{border-bottom:0}.scroll-style-section>summary{justify-content:space-between;align-items:center;gap:var(--size-8);min-height:var(--size-40);padding:var(--size-8) var(--size-4);box-sizing:border-box;border-radius:var(--radius-sm);cursor:pointer;list-style:none;display:flex}.scroll-style-section>summary>h3{font-family:var(--font-family-supporting-ui);font-size:var(--size-14);font-weight:var(--font-weight-600);line-height:var(--size-20);letter-spacing:0}.scroll-style-section>summary::-webkit-details-marker{display:none}.scroll-style-section>summary:hover{background:var(--color-bg-control)}.scroll-style-section>summary:focus-visible{outline:var(--size-2) solid var(--color-brand-primary);outline-offset:calc(-1 * var(--size-2))}.scroll-style-section>summary>svg{color:var(--color-text-secondary);flex:none}.scroll-style-section[open]>summary>svg{transform:rotate(180deg)}.scroll-style-section-body{gap:var(--size-12);min-width:0;padding:var(--size-8) var(--size-4) var(--size-16);display:grid}.scroll-style-section-body>.playblock-palette-note{margin:0}.scroll-style-color{gap:var(--size-6);min-width:0;font-size:var(--size-12);color:var(--color-text-secondary);display:grid}.scroll-style-panel .scroll-background-layer>h3{font:inherit;font-size:var(--size-12);color:var(--color-text-secondary)}.scroll-style-color>div{align-items:center;gap:var(--size-8);min-width:0;display:flex}.scroll-style-color input{border:1px solid var(--mtb-neutral-3);border-radius:var(--radius-sm);background:var(--color-bg-control);min-width:0;color:var(--color-text-primary);padding:var(--size-6)}.scroll-style-color input[type=color]{cursor:pointer;flex:none;width:32px;height:32px;padding:2px}.scroll-style-color input:not([type=color]){width:100%;font-size:var(--size-12)}.scroll-style-panel .scroll-style-background-heading{margin-top:var(--size-8);padding-top:var(--size-16);border-top:1px solid var(--mtb-neutral-3)}.scroll-style-modes{gap:var(--size-4);display:flex}.scroll-style-modes button{font-size:var(--size-11);flex:1}.scroll-style-modes button[aria-pressed=true]{background:var(--color-bg-control);color:var(--color-text-primary)}.scroll-style-upload{text-align:center;padding:var(--size-10);font-size:var(--size-12);background:var(--color-bg-control);border-radius:var(--radius-sm);position:relative}.scroll-style-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.scroll-style-image{align-items:center;gap:var(--size-8);display:flex}.scroll-style-image img{object-fit:contain;border-radius:var(--radius-sm);width:64px;height:48px}.scroll-style-background-media .experience-media-selection{align-items:center}.scroll-style-background-media .experience-media-selection>button{margin-bottom:0}.scroll-style-background-media .experience-media-label{color:var(--color-text-secondary);font-size:var(--size-11)}.scroll-background-layer{gap:var(--size-12);min-width:0;display:grid}.scroll-style-panel .scroll-style-helper{font-family:inherit;font-size:var(--size-10);color:var(--color-text-secondary);margin:0;font-weight:400;line-height:1.5}.scroll-background-layer+.scroll-background-layer{margin-top:var(--size-12)}.scroll-gradient-stops{gap:var(--size-8);min-width:0;display:grid}.scroll-gradient-stop{font-size:var(--size-11);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.scroll-gradient-color{align-items:center;gap:var(--size-4);min-width:0;padding:var(--size-4);border-radius:var(--radius-sm);background:var(--color-bg-control);display:flex}.scroll-gradient-color input{min-width:0;color:var(--color-text-primary);font-size:var(--size-11);background:0 0;border:0;padding:0}.scroll-gradient-color input[type=color]{width:var(--size-24);height:var(--size-24);cursor:pointer;flex:none}:is(.scroll-style-color,.scroll-gradient-color) input[type=color]{appearance:none;border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-bg-strong);padding:var(--size-2);overflow:hidden}:is(.scroll-style-color,.scroll-gradient-color) input[type=color]::-webkit-color-swatch-wrapper{padding:0}:is(.scroll-style-color,.scroll-gradient-color) input[type=color]::-webkit-color-swatch{border-radius:var(--radius-full);border:0}:is(.scroll-style-color,.scroll-gradient-color) input[type=color]::-moz-color-swatch{border-radius:var(--radius-full);border:0}.scroll-gradient-hex{flex:1;width:0}.scroll-gradient-label{padding-inline:var(--size-4);font-size:var(--size-10);color:var(--color-text-tertiary,#777);white-space:nowrap;flex:none}.scroll-style-panel .button-appearance-settings{border-top:0;margin-top:0;padding-top:0}.scroll-style-panel .button-appearance-toolbar{gap:var(--size-12);grid-template-columns:minmax(0,1fr)}.scroll-style-panel .button-appearance-toolbar legend{font-family:inherit;font-size:var(--size-12);letter-spacing:normal;text-transform:none;font-weight:400}.scroll-style-panel .button-visual-toggle>button{height:var(--size-32);font-size:var(--size-11)}.scroll-style-panel :is(.button-finish-toggle,.card-corner-toggle)>button{justify-content:center;gap:var(--size-6);display:flex}.scroll-style-panel .button-visual-toggle>button:focus-visible{outline:var(--size-2) solid var(--color-brand-primary);outline-offset:var(--size-2)}.sequence-text-style-controls{gap:var(--size-8);min-width:0;display:grid}.sequence-text-style-controls>span{color:var(--color-text-secondary);font-size:var(--experience-editor-font-size);font-weight:var(--font-weight-500)}.scroll-style-panel .scroll-style-section-body :is(.scroll-style-color,.sequence-text-style-controls)>span{font-family:var(--font-family-primary-ui);font-size:var(--size-12);font-weight:var(--font-weight-500);line-height:var(--size-18);letter-spacing:normal;text-transform:none;color:var(--color-text-secondary);margin:0}.sequence-text-style-toolbar{align-items:stretch;gap:var(--size-4);flex-wrap:wrap;display:flex}.sequence-text-style-toolbar button{justify-content:center;align-items:center;gap:var(--size-5);min-width:var(--size-34);min-height:var(--size-34);padding:var(--size-5) var(--size-8);border:var(--size-1) solid var(--color-border-default);border-radius:var(--size-7);background:var(--color-bg-control);color:var(--color-text-secondary);font:inherit;font-size:var(--size-12);cursor:pointer;display:inline-flex}.sequence-text-style-toolbar button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sequence-text-style-toolbar button[aria-pressed=true]{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.sequence-text-style-toolbar button>svg{width:var(--size-16);height:var(--size-16)}.sequence-text-style-toolbar .sequence-text-style-option{min-width:var(--size-76)}.sequence-text-style-toolbar .text-block-style-icon{width:var(--size-20);height:var(--size-18);font-size:var(--size-13)}.sequence-text-style-divider{width:var(--size-1);margin:var(--size-3) var(--size-2);background:var(--color-border-default);align-self:stretch}@media (max-width:600px){.sequence-text-style-toolbar .sequence-text-style-option{flex:1 1 calc(33.333% - var(--size-4))}}.sequence-card-background-control{gap:var(--size-8);font-size:var(--size-12);color:var(--color-text-secondary);display:grid}.scroll-surface-settings{gap:var(--size-12);min-width:0;display:grid}.scroll-surface-settings>p{margin:0}.scroll-surface-comparison-link{color:var(--color-text-primary);font-size:var(--size-12);text-underline-offset:3px;justify-self:start}.scroll-surface-options{gap:var(--size-8);display:grid}.scroll-surface-options>.scroll-surface-option{grid-template-columns:var(--size-64) minmax(0, 1fr);align-items:center;gap:var(--size-12);width:100%;padding:var(--size-8);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;display:grid}.scroll-surface-options>.scroll-surface-option[aria-pressed=true]{border-color:var(--color-text-secondary);background:var(--color-bg-control);box-shadow:inset 0 0 0 1px var(--color-text-secondary)}.scroll-surface-options>.scroll-surface-option:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.scroll-surface-option>span:last-child{gap:var(--size-4);display:grid}.scroll-surface-option strong{font-size:var(--size-12);font-weight:600}.scroll-surface-option small{font-size:var(--size-11);color:var(--color-text-secondary);line-height:1.4}.scroll-surface-swatch{height:var(--size-64);border-radius:var(--radius-sm);background:0 0;place-items:center;display:grid;position:relative;overflow:hidden}.scroll-surface-swatch>i{border:1px solid var(--scroll-surface-border);background-color:color-mix(in srgb, var(--surface-preview-card) var(--scroll-surface-opacity,100%), transparent);background-image:var(--surface-glossy-image,var(--scroll-surface-image));background-size:100% 100%;background-origin:border-box;background-clip:var(--scroll-surface-background-clip,border-box);width:42px;height:40px;box-shadow:var(--scroll-surface-shadow);-webkit-backdrop-filter:var(--scroll-surface-blur);backdrop-filter:var(--scroll-surface-blur);color:var(--surface-preview-font);font-size:var(--size-14);border-radius:8px;place-items:center;font-style:normal;display:grid;position:relative}.foundation-surfaces{border:0;min-width:0;margin:0;padding:0}.foundation-surfaces>legend{margin-bottom:var(--size-8);font-size:var(--size-12)}:is(.scroll-background-layer,.sequence-card-background-control)>small.style-field-hint{font-family:var(--font-family-supporting-ui);letter-spacing:normal;color:var(--color-text-secondary);margin:0;font-size:10px;font-weight:400;line-height:1.5}.caption-style-controls{min-width:0;margin:var(--size-12) 0 0;padding:var(--size-12) 0 0;border:0;border-top:var(--size-1) solid var(--color-border-default);gap:var(--size-12);font-family:var(--font-family-supporting-ui);font-size:var(--size-12);line-height:1.4;display:grid}.caption-style-controls legend{padding:0 var(--size-8) 0 0;font-weight:var(--font-weight-600);font-size:var(--size-13);color:var(--color-text-primary)}.caption-controls-heading,.caption-controls-description{align-items:center;gap:var(--size-6);display:flex}.caption-controls-heading>svg{flex:none}.caption-controls-description{color:var(--color-text-secondary);font-size:var(--size-12)}.caption-controls-description .metadata-field-help{margin-left:auto}.caption-controls-description .metadata-field-help>[role=tooltip]{left:auto;right:0}.caption-style-controls .caption-style-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.caption-style-controls .caption-style-options .sequence-text-style-option{min-width:0}.caption-style-controls .caption-choice-options>button{flex:1 1 0;min-width:0}.scroll-style-panel .button-visual-toggle>button{border:1px solid #0000}.scroll-style-panel .button-visual-toggle>button[aria-pressed=true]{border-color:var(--color-text-secondary);background:var(--color-bg-surface);color:var(--color-text-primary)}