/* Native bindings around the protected reference design. */
[data-customize-page].custom-theme-active{--ink:var(--text);--workspace:var(--page);--topbar-height:var(--header-height);font-family:var(--font-family);font-weight:var(--body-weight);color:var(--text);background:var(--page)}
.app-page.theme-app[data-customize-page].custom-theme-active{--theme-nav-width:var(--sidebar-width)}
[data-customize-page].custom-theme-active > .topbar{background:var(--header);color:var(--text);z-index:2}
[data-customize-page].custom-theme-active > .workspace{position:relative;isolation:isolate;background:var(--page);padding:calc(var(--page-spacing)*var(--density-space))}
[data-customize-page].custom-theme-active > .workspace::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-color:var(--canvas-base);background-image:var(--canvas-image);background-size:var(--canvas-size);background-position:var(--canvas-position);background-repeat:var(--canvas-repeat);background-attachment:var(--canvas-attachment);opacity:var(--canvas-opacity);filter:blur(var(--canvas-blur));min-height:100%}
[data-customize-page].custom-theme-active > .workspace::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--canvas-overlay);pointer-events:none}
[data-customize-page].custom-theme-active > .workspace::before,[data-customize-page].custom-theme-active > .workspace::after{position:fixed;inset:var(--header-height) 0 0 calc(var(--theme-rail-width) + var(--theme-nav-width));min-height:0}
@media(max-width:760px){[data-customize-page].custom-theme-active > .workspace::before,[data-customize-page].custom-theme-active > .workspace::after{left:var(--theme-rail-width)}}
[data-customize-page].custom-theme-active .workspace-content{max-width:var(--content-max);margin-inline:auto}
[data-customize-page].custom-theme-active :is(.theme-rail,.theme-navigation){color:var(--on-sidebar)}
[data-customize-page].custom-theme-active :is(.theme-rail-button,.theme-navigation-link,.theme-navigation-label,.theme-navigation-footer){color:var(--on-sidebar)}
[data-customize-page].custom-theme-active .theme-navigation-link:hover{background:var(--hover);color:var(--text)}
[data-customize-page].custom-theme-active .theme-navigation-link.is-active{background:var(--active);color:var(--text)}
[data-customize-page].custom-theme-active[data-nav-style=outline] .theme-navigation-link.is-active{background:transparent;outline:1px solid var(--on-sidebar);color:var(--on-sidebar)}
[data-customize-page].custom-theme-active[data-nav-style=minimal] .theme-navigation-link.is-active{background:transparent;border-left:3px solid var(--primary);color:var(--on-sidebar)}
[data-customize-page].custom-theme-active[data-sidebar-collapsed=true]{--theme-nav-width:4rem}
[data-customize-page].custom-theme-active[data-sidebar-collapsed=true] .theme-navigation :is(.theme-brand,.theme-navigation-label,.theme-navigation-footer,.theme-navigation-link > span,.theme-navigation-link small){display:none}
[data-customize-page].custom-theme-active :is(.panel,.theme-section-card){border-radius:var(--radius);box-shadow:var(--panel-shadow);background:color-mix(in srgb,var(--surface) calc(var(--panel-opacity)*100%),transparent)}
[data-customize-page].custom-theme-active :is(h1,h2,h3){font-weight:var(--heading-weight)}
[data-customize-page].custom-theme-active .page-header h1{font-size:calc(1.5rem*var(--type-scale))}
[data-customize-page].custom-theme-active :is(input,select,textarea):not([type=range]):not([type=checkbox]):not([type=file]){background:var(--field);border-color:var(--input-border);color:var(--text)}
[data-customize-page].custom-theme-active .workspace-content > :not([data-customize-page]) :is(input,select){min-height:var(--field-height)}
[data-customize-page].custom-theme-active label{font-weight:var(--label-weight)}
[data-customize-page].custom-theme-active .button{border-radius:var(--button-radius);font-weight:var(--button-weight);background:var(--primary);color:var(--on-primary)}
[data-customize-page].custom-theme-active .button-secondary{background:var(--surface);color:var(--text)}
[data-customize-page].custom-theme-active .button-danger{background:var(--danger);color:#fff}
[data-customize-page].custom-theme-active .workspace-content a:not(.button):not(.theme-section-card){color:var(--link)}
[data-customize-page].custom-theme-active :is(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--focus)}
[data-customize-page].custom-theme-active .notice-success,[data-customize-page].custom-theme-active .badge-success{background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--text);border-color:var(--success)}
[data-customize-page].custom-theme-active .notice-warning,[data-customize-page].custom-theme-active .badge-warning{background:color-mix(in srgb,var(--warning) 12%,var(--surface));color:var(--text);border-color:var(--warning)}
[data-customize-page].custom-theme-active .notice-error{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--text);border-color:var(--danger)}
[data-customize-page].custom-theme-active .button:hover{background:var(--hover);color:var(--text)}
[data-customize-page].custom-theme-active[data-button-style=outline] .button:not(.button-secondary){background:transparent;color:var(--primary);border:1px solid var(--primary)}
[data-customize-page].custom-theme-active[data-field-style=filled] :is(input,select,textarea):not(.settings-dock *,.preview-tools *,#picker *){background:var(--hover)}
[data-customize-page].custom-theme-active[data-field-style=underline] :is(input,select,textarea):not(.settings-dock *,.preview-tools *,#picker *){border-width:0 0 1px;border-radius:0}
[data-customize-page].custom-theme-active[data-label-placement=inline] .form-field{display:flex;align-items:center;gap:1rem}
[data-customize-page].custom-theme-active :is(th,td){padding-block:var(--table-y)}
[data-customize-page].custom-theme-active[data-table-zebra=true] tbody tr:nth-child(even){background:var(--hover)}
[data-customize-page].custom-theme-active[data-table-hover=true] tbody tr:hover{background:var(--hover)}
[data-customize-page].custom-theme-active[data-table-dividers=false] :is(th,td){border-bottom:0}
[data-customize-page].custom-theme-active[data-table-header=filled] thead{background:var(--hover)}
[data-customize-page].custom-theme-active[data-table-header=primary] thead{background:var(--primary);color:var(--on-primary)}
[data-customize-page].custom-theme-active dialog{width:min(var(--modal-width),90vw);background:var(--surface);border-radius:var(--radius)}
[data-customize-page].custom-theme-active dialog::backdrop{background:rgb(0 0 0 / var(--overlay-alpha));backdrop-filter:blur(var(--backdrop-blur))}
[data-customize-page].custom-theme-active[data-motion=reduced] *, [data-customize-page].custom-theme-active[data-motion=none] *{animation:none!important;transition:none!important}
[data-customize-page].custom-theme-active[data-vignette=true] > .workspace::after{box-shadow:inset 0 0 150px #0003}
[data-custom-style]:hover{background-color:var(--custom-hover-bg);color:var(--custom-hover-color)}
[data-custom-style]:active{background-color:var(--custom-active-bg)}
[data-custom-style]:focus-visible{outline-color:var(--custom-focus)}
[data-custom-style]:disabled{opacity:var(--custom-disabled-opacity,.5)}
.customize-settings .app{display:block;min-height:0}.customize-settings .main{display:block;min-width:0;background:none}.customize-settings .main::before,.customize-settings .main::after{display:none}
.customize-settings .content{max-width:none;padding:0}.customize-settings{min-width:0}.customize-settings .picker,.customize-editor .picker{z-index:100}
.customize-settings .settings-view{min-width:0}.customize-settings .saved-theme-main{min-width:0}.customize-settings .saved-theme-name{max-width:100%}
.customize-gallery .component-directory{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1rem}
.customize-gallery .component-directory a{padding:.4rem .6rem;border:1px solid var(--line);border-radius:.4rem;color:var(--link)}
.customize-gallery .sample-canvas{width:100%;min-width:0}.customize-gallery [data-component]:focus-visible{outline:3px solid var(--focus)}
.customize-editor .page{height:calc(100dvh - var(--header-height,72px));grid-template-rows:58px minmax(0,1fr)}
.customize-editor .workspace{grid-template-columns:180px minmax(0,1fr);padding:8px;gap:8px;overflow:visible;background:none}
.customize-editor .topbar{display:flex;min-height:0;background:var(--header)}
.customize-editor .topbar,.customize-editor .workspace{grid-area:auto}
.customize-settings .picker,.customize-editor .picker{max-height:calc(100dvh - 32px);overflow-y:auto}
.customize-settings .picker{font-size:16px;padding:20px;line-height:1.3}.customize-settings .picker-head{margin-bottom:12px}.customize-settings .picker-head strong{font-size:15px}.customize-settings .current{margin-bottom:10px}.customize-settings .current code{font-size:11px}.customize-settings .rgba{margin-top:10px}.customize-settings .rgba label{font-size:10px}.customize-settings .rgba input,.customize-settings .hex{font-size:12px;padding:8px;line-height:1.3;min-height:0}.customize-settings .hint{font-size:10px;margin:8px 0 0}.customize-settings .close{font-size:20px}.customize-settings .picker-undo{font-size:0}
[data-customize-page].custom-theme-active[data-nav-style=indicator] .theme-navigation-link.is-active{background:transparent;border-left:3px solid var(--primary);color:var(--on-sidebar)}
[data-customize-page].custom-theme-active[data-nav-style=underline] .theme-navigation-link.is-active{background:transparent;border-radius:0;border-bottom:2px solid var(--primary);color:var(--on-sidebar)}
[data-customize-page].custom-theme-active[data-field-style=minimal] :is(input,select,textarea):not(.settings-dock *,.preview-tools *,#picker *){border-width:0 0 1px;border-radius:0}
[data-customize-page].custom-theme-active[data-button-style=soft] .button:not(.button-secondary){background:var(--hover);color:var(--primary)}
[data-customize-page].custom-theme-active[data-button-style=text] .button:not(.button-secondary){background:transparent;border-color:transparent;color:var(--primary)}
[data-customize-page].custom-theme-active[data-label-placement=floating] .workspace-content > :not([data-customize-page]) label{font-size:.75rem;transform:translateY(.4rem);position:relative;z-index:1}
[data-customize-page].custom-theme-active[data-label-placement=hidden] .workspace-content > :not([data-customize-page]) label:has(+ input),[data-customize-page].custom-theme-active[data-label-placement=hidden] .workspace-content > :not([data-customize-page]) label:has(+ select),[data-customize-page].custom-theme-active[data-label-placement=hidden] .workspace-content > :not([data-customize-page]) label:has(+ textarea){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
[data-customize-page].custom-theme-active .drawer{width:min(var(--drawer-width),90vw)}
.customize-editor .controls{grid-template-columns:repeat(3,minmax(0,1fr))}
.customize-editor .control-grid{gap:5px}.customize-editor .control-section{padding:7px}.customize-editor .control-section h2{font-size:11px}
.customize-editor .preview-panel{padding:10px}.customize-editor .preview-item{max-width:100%;--custom-hover-bg:var(--hover);--custom-hover-color:var(--text);--custom-active-bg:var(--active);--custom-focus:var(--focus)}
.customize-editor .preview-item:hover{background-color:var(--custom-hover-bg);color:var(--custom-hover-color)}
.customize-editor .preview-item:active{background-color:var(--custom-active-bg)}
.customize-editor .preview-item{background:var(--primary);color:var(--on-primary);border-radius:var(--button-radius);font-weight:var(--button-weight)}
.customize-editor .preview-item[data-kind=surface],.customize-editor .preview-item[data-kind=table]{background:var(--surface);color:var(--text);border-color:var(--line);border-radius:var(--radius)}
.customize-editor .preview-item[data-kind=field]{display:block;background:var(--field);color:var(--text);border-color:var(--input-border)}
.customize-editor .preview-item[data-kind=text]{background:transparent;color:var(--text)}
.customize-editor .preview-item[data-kind=navigation]{background:var(--sidebar);color:var(--on-sidebar)}
.customize-editor .preview-item[data-kind=badge]{background:var(--success);color:white}
.customize-editor .preview-item :is(.item-label,.item-icon){color:inherit;font:inherit}
.customize-editor .preview-stage{min-width:0;overflow:auto;box-sizing:border-box;justify-items:safe center}
.customize-editor .preview-item{box-sizing:border-box;min-width:0;max-width:none}
.customize-editor .preview-item .item-label{min-width:0}
.customize-editor .preview-item .item-icon{flex-shrink:0}
.native-component-field{font:inherit!important;color:inherit!important;background:transparent!important;border:0!important;width:100%;padding:0!important}
@media(min-width:761px) and (max-width:1100px){.customize-editor .workspace{grid-template-columns:135px minmax(0,1fr);gap:6px;padding:6px}.customize-editor .control input,.customize-editor .control select,.customize-editor .color-trigger{min-height:25px;padding:3px;font-size:9px}.customize-editor .control-section h2{font-size:10px}.customize-editor .preview-panel h2{font-size:14px}.customize-editor .preview-stage{padding:8px}.customize-editor .range{grid-template-columns:minmax(0,1fr) 28px}.customize-editor .swatch{width:14px;height:14px;flex-basis:14px}}
@media(max-width:760px){.customize-editor{overflow:visible}.customize-editor .page{height:auto}.customize-editor .workspace{grid-template-columns:1fr}.customize-editor .controls{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.customize-editor .preview-stage{min-height:130px}.customize-editor .topbar h1{font-size:17px}.customize-editor .back{font-size:11px}.customize-settings .picker,.customize-editor .picker{top:10px;max-height:calc(100dvh - 20px);overflow:auto}.customize-settings .spectrum,.customize-editor .spectrum{height:min(420px,40dvh)}}
@media(max-width:480px){.customize-editor .controls{grid-template-columns:1fr}.customize-settings .advanced-control,.customize-settings .layout-control,.customize-settings .background-choice{grid-template-columns:1fr}.customize-settings .scheme-grid{grid-template-columns:1fr 1fr}}
.customize-settings .layout{grid-template-columns:minmax(0,1fr)}
.customize-settings .layout > .panel,.customize-settings .preview-body,.customize-settings .preview-stage{min-width:0;max-width:100%}
@media(max-width:1100px){
 [data-customize-page].custom-theme-active:has(.customize-settings,.customize-gallery) > .workspace{padding:16px}
 .customize-settings .main{overflow:visible}
 .customize-settings .panel{min-width:0;padding:12px}
 .customize-settings .preview-panel{display:block}
 .customize-settings .preview-head,.customize-settings .preview-tools,.customize-settings .preview-stage,.customize-settings .preview-body{width:100%;min-width:0;max-width:100%;padding:8px}
 .customize-settings .stats,.customize-settings .scheme-grid,.customize-settings .theme-view,.customize-settings .advanced-grid,.customize-settings .background-options{grid-template-columns:minmax(0,1fr)}
 .customize-settings .toolbar,.customize-settings .saved-theme-tools,.customize-settings .actions,.customize-settings .dirty-bar{flex-wrap:wrap}
 .customize-settings .saved-theme{grid-template-columns:minmax(0,1fr)}
 .customize-settings .advanced-control,.customize-settings .layout-control,.customize-settings .background-choice,.customize-settings .density{grid-template-columns:minmax(0,1fr)}
 .customize-settings select,.customize-settings input{max-width:100%;min-width:0}
 .customize-settings .control{grid-template-columns:minmax(0,1fr) 44px}
 .customize-settings h1{font-size:38px}.customize-settings .intro{font-size:22px}
 .customize-settings table{width:100%;table-layout:fixed;font-size:12px}.customize-settings :is(td,th){overflow-wrap:anywhere;padding:6px;font-size:12px}
 .customize-settings .collapsible-heading{font-size:20px;overflow-wrap:anywhere}
 .customize-settings .preview-stage.preview-size-mobile{max-width:100%}
 .customize-gallery .sample-app{grid-template-columns:minmax(0,1fr)}.customize-gallery .sample-sidebar{min-height:0}.customize-gallery .sample-content{padding:10px}.customize-gallery .sample-metrics{grid-template-columns:1fr}.customize-gallery table{table-layout:fixed;width:100%}.customize-gallery :is(td,th){overflow-wrap:anywhere;font-size:11px;padding:5px}
}

.customize-settings .background-choice.range{min-width:0}.customize-settings .background-choice.range input{width:100%;min-width:0}.customize-settings .collapsible-heading{min-width:0;overflow-wrap:anywhere}.customize-settings .collapse-control{flex-shrink:0}
@media(max-width:1100px){.customize-settings .background-settings .background-choice.range{grid-template-columns:minmax(0,1fr) 38px}.customize-settings .background-settings .background-choice.range > div{grid-column:1/-1}.customize-settings .actions{display:flex;width:100%;min-width:0;flex-wrap:wrap}.customize-settings #background-upload{width:100%;max-width:100%}.customize-settings .saved-theme-name{min-width:0}}