/* R14.23 approved material kit. Native nodes/events and compact layout unchanged.
   Border-image: fixed 100/224 cuts, 8px/18px rendered corners; only edges stretch.
   No whole-frame background scaling, DOM observers, remote assets or theme-art filters. */
[data-control-style=neon]{--mat-frame:url("/control-materials/titanium/frame.webp");--mat-grain:url("/control-materials/titanium/texture.webp");--mat-face:#132232;--mat-ink:#eef6ff;--mat-base:#071523;--mat-depth:28%;--mat-active:color-mix(in srgb,var(--accent) var(--mat-depth),var(--mat-base));--mat-active-ink:var(--mat-neon-ink,#fff);--mat-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12'%3E%3Cpath d='m1 4 3 3 3-3' fill='none' stroke='%23eef6ff' stroke-width='1.5'/%3E%3C/svg%3E");}
[data-control-style=book]{--mat-frame:url("/control-materials/bronze/frame.webp");--mat-grain:url("/control-materials/bronze/texture.webp");--mat-face:#eadfc7;--mat-ink:#392917;--mat-base:#181619;--mat-depth:58%;--mat-active:color-mix(in srgb,var(--accent) var(--mat-depth),var(--mat-base));--mat-active-ink:var(--mat-book-ink,#fff);--mat-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12'%3E%3Cpath d='m1 4 3 3 3-3' fill='none' stroke='%23392917' stroke-width='1.5'/%3E%3C/svg%3E");}
[data-control-style=ceramic]{--mat-frame:url("/control-materials/ceramic/frame.webp");--mat-grain:url("/control-materials/ceramic/texture.webp");--mat-face:#f3ecdc;--mat-ink:#333c2e;--mat-base:#17251b;--mat-depth:64%;--mat-active:color-mix(in srgb,var(--accent) var(--mat-depth),var(--mat-base));--mat-active-ink:var(--mat-ceramic-ink,#fff);--mat-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12'%3E%3Cpath d='m1 4 3 3 3-3' fill='none' stroke='%23333c2e' stroke-width='1.5'/%3E%3C/svg%3E");}
[data-control-style=woven]{--mat-frame:url("/control-materials/brocade/frame.webp");--mat-grain:url("/control-materials/brocade/texture.webp");--mat-face:#f2e8d2;--mat-ink:#53351e;--mat-base:#23151e;--mat-depth:58%;--mat-active:color-mix(in srgb,var(--accent) var(--mat-depth),var(--mat-base));--mat-active-ink:var(--mat-woven-ink,#fff);--mat-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12'%3E%3Cpath d='m1 4 3 3 3-3' fill='none' stroke='%2353351e' stroke-width='1.5'/%3E%3C/svg%3E");}
body[data-control-style][data-control-style]:is([data-control-style=neon],[data-control-style=book],[data-control-style=ceramic],[data-control-style=woven]) :is(#main,#modal) :is(.soft-button,.chip,.ui-tabs button,.r13-asset-tabs button,.ui-form-tabs button,.ui-tool-more>summary,input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=color]):not([type=range]):not([type=hidden]),select):not(.r1420-preview *):not(.danger):not(.primary),.r1420-preview[data-control-style][data-control-style]:is([data-control-style=neon],[data-control-style=book],[data-control-style=ceramic],[data-control-style=woven]) .r1420-sample{
 --mat-surface:var(--mat-face);--mat-rail:transparent;
 border:1px solid var(--mat-ink)!important;border-inline-start-width:1px!important;border-bottom-width:1px!important;
 border-image-source:var(--mat-frame)!important;border-image-slice:100 224 100 224!important;
 border-image-width:8px 18px!important;border-image-outset:0!important;border-image-repeat:stretch!important;
 background-color:transparent!important;
 background-image:linear-gradient(var(--mat-rail),var(--mat-rail)),linear-gradient(180deg,#ffffff26,transparent 42%,transparent 65%,#00000012),linear-gradient(color-mix(in srgb,var(--mat-surface) 85%,transparent),color-mix(in srgb,var(--mat-surface) 85%,transparent)),var(--mat-grain),linear-gradient(var(--mat-surface),var(--mat-surface))!important;
 background-size:calc(100% - 32px) 2px,calc(100% - 12px) calc(100% - 10px),calc(100% - 12px) calc(100% - 10px),calc(100% - 12px) calc(100% - 10px),calc(100% - 12px) calc(100% - 10px)!important;
 background-position:center 5px,center,center,center,center!important;background-repeat:no-repeat!important;
 background-blend-mode:normal,normal,normal,soft-light,normal!important;
 color:var(--mat-ink)!important;box-shadow:none!important;border-radius:0!important;clip-path:none!important;
}
body[data-control-style][data-control-style]:is([data-control-style=neon],[data-control-style=book],[data-control-style=ceramic],[data-control-style=woven]) :is(#main,#modal) :is(.soft-button,.chip,.ui-tabs button,.r13-asset-tabs button,.ui-form-tabs button,.ui-tool-more>summary,input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=color]):not([type=range]):not([type=hidden]),select):not(.r1420-preview *):not(.danger):not(.primary):is(.active,[aria-selected=true],[aria-pressed=true]),.r1420-preview[data-control-style][data-control-style]:is([data-control-style=neon],[data-control-style=book],[data-control-style=ceramic],[data-control-style=woven]) .r1420-sample:is(.active,[aria-selected=true],[aria-pressed=true]){
 --mat-surface:var(--mat-active);--mat-rail:var(--accent);color:var(--mat-active-ink)!important;font-weight:800;
}
body[data-control-style][data-control-style]:is([data-control-style=neon],[data-control-style=book],[data-control-style=ceramic],[data-control-style=woven]) :is(#main,#modal) select:not(.r1420-preview *){
 appearance:none;-webkit-appearance:none;
 background-image:var(--mat-arrow),linear-gradient(180deg,#ffffff26,transparent 42%,transparent 65%,#00000012),linear-gradient(color-mix(in srgb,var(--mat-surface) 85%,transparent),color-mix(in srgb,var(--mat-surface) 85%,transparent)),var(--mat-grain),linear-gradient(var(--mat-surface),var(--mat-surface))!important;
 background-size:8px 12px,calc(100% - 12px) calc(100% - 10px),calc(100% - 12px) calc(100% - 10px),calc(100% - 12px) calc(100% - 10px),calc(100% - 12px) calc(100% - 10px)!important;
 background-position:right 5px center,center,center,center,center!important;
}
body[data-control-style][data-control-style]:is([data-control-style=neon],[data-control-style=book],[data-control-style=ceramic],[data-control-style=woven]) :is(#main,#modal) select option{color:#222;background:#fff}
body[data-control-style][data-control-style]:is([data-control-style=neon],[data-control-style=book],[data-control-style=ceramic],[data-control-style=woven]) :is(#main,#modal) :is(.soft-button,.chip,.ui-tabs button,.r13-asset-tabs button,.ui-form-tabs button,.ui-tool-more>summary,input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=color]):not([type=range]):not([type=hidden]),select):not(.r1420-preview *):not(.danger):not(.primary):disabled,.r1420-preview[data-control-style][data-control-style]:is([data-control-style=neon],[data-control-style=book],[data-control-style=ceramic],[data-control-style=woven]) .r1420-sample:disabled{opacity:.5;cursor:not-allowed}
body[data-control-style][data-control-style]:is([data-control-style=neon],[data-control-style=book],[data-control-style=ceramic],[data-control-style=woven]) :is(#main,#modal) :is(.soft-button,.chip,.ui-tabs button,.r13-asset-tabs button,.ui-form-tabs button,.ui-tool-more>summary,input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=color]):not([type=range]):not([type=hidden]),select):not(.r1420-preview *):not(.danger):not(.primary):focus-visible,.r1420-preview[data-control-style][data-control-style]:is([data-control-style=neon],[data-control-style=book],[data-control-style=ceramic],[data-control-style=woven]) .r1420-sample:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}
body[data-control-style][data-control-style]:is([data-control-style=neon],[data-control-style=book],[data-control-style=ceramic],[data-control-style=woven]) :is(#main,#modal) textarea{border-image:none!important;background:var(--paper)!important;color:var(--ink)!important;clip-path:none!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important}
@media(forced-colors:active){body[data-control-style][data-control-style]:is([data-control-style=neon],[data-control-style=book],[data-control-style=ceramic],[data-control-style=woven]) :is(#main,#modal) :is(.soft-button,.chip,.ui-tabs button,.r13-asset-tabs button,.ui-form-tabs button,.ui-tool-more>summary,input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=color]):not([type=range]):not([type=hidden]),select):not(.r1420-preview *):not(.danger):not(.primary),.r1420-preview[data-control-style][data-control-style]:is([data-control-style=neon],[data-control-style=book],[data-control-style=ceramic],[data-control-style=woven]) .r1420-sample{border-image:none!important;background:none!important;border:1px solid ButtonText!important;color:ButtonText!important;forced-color-adjust:auto}body[data-control-style][data-control-style]:is([data-control-style=neon],[data-control-style=book],[data-control-style=ceramic],[data-control-style=woven]) :is(#main,#modal) :is(.soft-button,.chip,.ui-tabs button,.r13-asset-tabs button,.ui-form-tabs button,.ui-tool-more>summary,input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=color]):not([type=range]):not([type=hidden]),select):not(.r1420-preview *):not(.danger):not(.primary):is(.active,[aria-selected=true],[aria-pressed=true]){outline:2px solid Highlight!important;color:ButtonText!important}}
