/* Interface chrome only. Exported artwork and photo pixels are not altered. */
html body *,html body *::before,html body *::after{border-width:0!important;border-style:none!important;outline-width:0!important;outline-style:none!important;box-shadow:none!important}
html body hr{visibility:hidden!important;background:none!important;height:0!important;margin:18px 0!important}
html body :is(button,input,select,textarea,summary,[role=button],.btn,.button){box-shadow:none!important}
html body :is(button,.btn,.button,[role=button]):not(:disabled){transition:background-color .15s,color .15s}
html body :is(button,.btn,.button,[role=button]):hover{background-color:#353535!important}
html body :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),textarea,select){background-color:#262626!important;padding:12px!important}
html body :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{filter:brightness(1.35);text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:5px!important}
html body :is(button,a,[role=tab],[role=button])[aria-selected=true],html body button[aria-pressed=true]{background-color:#353535!important}
html body input[type=checkbox],html body input[type=radio]{accent-color:#eee}
html body input[type=color]::-webkit-color-swatch-wrapper{padding:0}html body input[type=color]::-webkit-color-swatch{border:0!important}
html body ::-webkit-scrollbar-thumb{border:0!important}
@media(prefers-reduced-motion:reduce){html body *{transition:none!important}}

html body:not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule) *,html body:not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule) *::before,html body:not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule) *::after{border-width:0!important;border-style:none!important;outline-width:0!important;outline-style:none!important;box-shadow:none!important}

html body:not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule) :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),textarea,select){background-color:#262626!important}

/* Hover keeps text readable on both inverse and dark buttons. */
html body:not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule):not(#photoai-interface-rule) :is(button,.btn,.button,[role=button]):hover{background-color:#353535!important;color:#eee!important}

/* Editor selection uses a surface tint; artwork strokes and export geometry stay intact. */
html body :is(.cell-mark,rect[data-layer]){stroke:none!important;fill:transparent!important}
html body :is(.selected-outline,.cell-mark[stroke="#e03131"],rect[data-layer][stroke="#e03131"]){stroke:none!important;fill:rgba(255,255,255,.09)!important}
html body #preview svg>rect[stroke-dasharray][pointer-events=none]{stroke:none!important;fill:rgba(255,255,255,.09)!important}
html body #artwork :is([stroke-dasharray]){stroke:none!important}