diff --git a/extensions-builtin/anapnoe-sd-uiux/style-icons.css b/extensions-builtin/anapnoe-sd-uiux/style-icons.css
new file mode 100644
index 00000000..69d1fb33
--- /dev/null
+++ b/extensions-builtin/anapnoe-sd-uiux/style-icons.css
@@ -0,0 +1,285 @@
+*.copy-path-button {
+    -webkit-mask-image: url(./html/svg/clipboard-fill.svg);
+}
+
+*.metadata-button {
+    -webkit-mask-image: url(./html/svg/file-info-fill.svg);
+}
+
+*.edit-button.card-button {
+    -webkit-mask-image: url(./html/svg/file-edit-fill.svg);
+}
+
+.icon-folder {
+    -webkit-mask-image: url(./html/svg/folder-open-line.svg);
+}
+
+.icon-save {
+    -webkit-mask-image: url(./html/svg/save-2-line.svg);
+}
+
+.icon-zip {
+    -webkit-mask-image: url(./html/svg/file-zip-line.svg);
+}
+
+.icon-2txt2img {
+    -webkit-mask-image: url(./html/svg/t-box-line.svg);
+}
+
+.icon-2inpaint {
+    -webkit-mask-image: url(./html/svg/paint-brush-line.svg);
+}
+
+.gradio-button:has([class*="icon-2"])::after {
+    right: 0px;
+    top: 0px;
+    background-color: var(--ae-input-hover-text-color);
+    -webkit-mask-image: url(./html/svg/arrow-up-line.svg);
+    z-index: 2;
+}
+
+.icon-2extras {
+    transform: scaleX(-1);
+    -webkit-mask-image: url(./html/svg/picture-in-picture-exit-line.svg);
+}
+
+.icon-2img2img {
+    -webkit-mask-image: url(./html/svg/image-line.svg);
+}
+
+.refresh {
+    -webkit-mask-image: url(./html/svg/loop-right-line.svg);
+}
+
+.icon-info {
+    -webkit-mask-image: url(./html/svg/information-line.svg);
+}
+
+.icon-crop {
+    -webkit-mask-image: url(./html/svg/crop-line.svg);
+}
+
+.icon-res-switch {
+    -webkit-mask-image: url(./html/svg/arrow-up-down-line.svg);
+}
+
+.icon-scripts {
+    -webkit-mask-image: url(./html/svg/plug-line.svg);
+}
+
+.icon-generate {
+    -webkit-mask-image: url(./html/svg/ai-generate.svg);
+}
+
+.icon-skip {
+    -webkit-mask-image: url(./html/svg/skip-forward-line.svg);
+}
+
+.icon-stop {
+    -webkit-mask-image: url(./html/svg/stop-circle-line.svg);
+}
+
+.icon-loop {
+    -webkit-mask-image: url(./html/svg/infinity-fill.svg);
+}
+
+.icon-node-tree {
+    -webkit-mask-image: url(./html/svg/node-tree.svg);
+}
+
+.icon-magic {
+    -webkit-mask-image: url(./html/svg/magic-line.svg);
+}
+
+.icon-delete {
+    -webkit-mask-image: url(./html/svg/delete-bin-2-line.svg);
+}
+
+.icon-styles-edit {
+    -webkit-mask-image: url(./html/svg/draft-line.svg);
+}
+
+.icon-styles-apply {
+    -webkit-mask-image: url(./html/svg/bill-line.svg);
+}
+
+.icon-dice {
+    -webkit-mask-image: url(./html/svg/dice-1.svg);
+}
+
+.icon-recycle {
+    -webkit-mask-image: url(./html/svg/recycle-line.svg);
+}
+
+.icon-equalize {
+    -webkit-mask-image: url(./html/svg/equalizer-line.svg);
+}
+
+.icon-bug {
+    -webkit-mask-image: url(./html/svg/bug-2-line.svg);
+}
+
+.icon-prompt {
+    -webkit-mask-image: url(./html/svg/edit-box-line.svg);
+}
+
+.icon-arrow-down {
+    -webkit-mask-image: url(./html/svg/arrow-down-s-line.svg);
+}
+
+.icon-arrow-up {
+    -webkit-mask-image: url(./html/svg/arrow-up-s-line.svg);
+}
+
+
+.icon-checkpoints {
+    -webkit-mask-image: url(./html/svg/sparkling-line.svg);
+}
+
+.icon-textual-inversion {
+    -webkit-mask-image: url(./html/svg/focus-line.svg);
+}
+
+.icon-hypernetworks {
+    -webkit-mask-image: url(./html/svg/focus-2-line.svg);
+}
+
+.icon-lora {
+    -webkit-mask-image: url(./html/svg/focus-2-fill.svg);
+}
+
+.icon-quicksettings {
+    -webkit-mask-image: url(./html/svg/list-settings-line.svg);
+}
+
+.icon-pnginfo {
+    -webkit-mask-image: url(./html/svg/image-add-line.svg);
+}
+
+.icon-extensions {
+    -webkit-mask-image: url(./html/svg/box-3-line.svg);
+}
+
+.icon-theme {
+    -webkit-mask-image: url(./html/svg/contrast-drop-2-line.svg);
+}
+
+.icon-settings {
+    -webkit-mask-image: url(./html/svg/settings-3-line.svg);
+}
+
+.icon-app-logo {
+    -webkit-mask-image: url(./html/SDNext_Logo.svg);
+}
+
+.icon-txt2img {
+    -webkit-mask-image: url(./html/svg/t-box-line.svg);
+}
+
+.icon-img2img {
+    -webkit-mask-image: url(./html/svg/image-line.svg);
+}
+
+.icon-extras {
+    transform: scaleX(-1);
+    -webkit-mask-image: url(./html/svg/picture-in-picture-exit-line.svg);
+}
+
+.icon-model-merger {
+    transform: rotate(90deg);
+    -webkit-mask-image: url(./html/svg/organization-chart.svg);
+}
+
+.icon-train {
+    -webkit-mask-image: url(./html/svg/robot-2-line.svg);
+}
+
+.icon-image-edit {
+    -webkit-mask-image: url(./html/svg/image-edit-line.svg);
+}
+
+.icon-ruler {
+    -webkit-mask-image: url(./html/svg/ruler-2-line.svg);
+}
+
+.question-answer {
+    -webkit-mask-image: url(./html/svg/question-answer-line.svg);
+}
+
+.icon-install {
+    -webkit-mask-image: url(./html/svg/install-line.svg);
+}
+
+.star_count:before {
+    content: "";
+    -webkit-mask-image: url(./html/svg/star-line.svg);
+    width: 16px;
+    height: 16px;
+    background-color: var(--ae-primary-color);
+    display: flex;
+
+}
+
+.icon-rocket {
+    -webkit-mask-image: url(./html/svg/rocket-fill.svg);
+}
+
+.icon-github {
+    -webkit-mask-image: url(./html/svg/github-fill.svg);
+}
+
+.icon-reload {
+    -webkit-mask-image: url(./html/svg/restart-fill.svg);
+}
+
+.icon-gradio {
+    -webkit-mask-image: url(./html/svg/gradio-fill.svg);
+}
+
+.icon-sort {
+    -webkit-mask-image: url(./html/svg/sort-asc.svg);
+}
+
+button.active .icon-sort {
+    -webkit-mask-image: url(./html/svg/sort-desc.svg);
+}
+
+.icon-cancel {
+    -webkit-mask-image: url(./html/svg/close-line.svg);
+}
+
+.icon-terminal {
+    -webkit-mask-image: url(./html/svg/terminal-box-line.svg);
+}
+
+.icon-dock {
+    -webkit-mask-image: url(./html/svg/layout-2-line.svg);
+}
+
+.icon-trophy {
+    -webkit-mask-image: url(./html/svg/trophy-line.svg);
+}
+
+.icon-vip {
+    -webkit-mask-image: url(./html/svg/vip-diamond-line.svg);
+}
+
+.icon-contributors {
+    -webkit-mask-image: url(./html/svg/team-line.svg);
+}
+
+.icon-results {
+    -webkit-mask-image: url(./html/svg/computer-line.svg);
+}
+
+.icon-menuadd {
+    -webkit-mask-image: url(./html/svg/menu-add-fill.svg);
+}
+
+.icon-deforum {
+    -webkit-mask-image: url(./html/svg/film-line.svg);
+}
+
+.icon-video {
+    -webkit-mask-image: url(./html/svg/video-line.svg);
+}
\ No newline at end of file
diff --git a/extensions-builtin/anapnoe-sd-uiux/style-physton.css b/extensions-builtin/anapnoe-sd-uiux/style-physton.css
new file mode 100644
index 00000000..135da640
--- /dev/null
+++ b/extensions-builtin/anapnoe-sd-uiux/style-physton.css
@@ -0,0 +1,25 @@
+.icon-physton {
+    -webkit-mask-image: url(./html/svg/pantone-line.svg);
+}
+
+.physton-prompt {
+    margin: 0 !important;
+}
+
+.physton-prompt .prompt-header .prompt-header-extend.prompt-append {
+    min-width: 240px;
+    min-height: 26px;
+}
+
+.physton-prompt .prompt-header .prompt-header-extend .extend-content .gradio-checkbox {
+    display: none;
+}
+
+.physton-prompt .show-group-tags {
+    top: -15px;
+    right: 5px;
+}
+
+.physton-prompt .prompt-header .prompt-header-extend.prompt-append .extend-content {
+    margin-right: 20px;
+}
\ No newline at end of file
diff --git a/extensions-builtin/anapnoe-sd-uiux/style.css b/extensions-builtin/anapnoe-sd-uiux/style.css
index efbd76e3..02efeadb 100644
--- a/extensions-builtin/anapnoe-sd-uiux/style.css
+++ b/extensions-builtin/anapnoe-sd-uiux/style.css
@@ -45,7 +45,7 @@
     --ae-group-border-size: 2px;
     --ae-group-border-color: rgba(0, 0, 0, 0.25);
     --ae-group-gap: 6px;
-    
+
 }
 
 body {
@@ -76,7 +76,7 @@ body {
 }
 
 * .no-panel .portal {
-    background-color: transparent;;
+    background-color: transparent;
 }
 
 .flexbox {
@@ -102,28 +102,31 @@ body {
     justify-content: center;
 }
 
-.flexbox.group{
+.flexbox.group {
     background-color: var(--ae-group-bg-color);
-    padding: var(--ae-group-padding);;
-    border-radius: var(--ae-group-radius) ;
+    padding: var(--ae-group-padding);
+    ;
+    border-radius: var(--ae-group-radius);
     outline: var(--ae-group-border-size) solid var(--ae-group-border-color);
     gap: var(--ae-group-gap);
-} 
-.sub-group{
+}
+
+.sub-group {
     background-color: transparent !important;
     outline: none !important;
     padding: 0 !important;
 }
-.inset{
+
+.inset {
     padding: 2px !important;
     margin: -2px;
 }
- 
+
 .flexbox.group .flexbox:not(.no-border) {
     gap: var(--ae-group-gap);
 }
 
-.grow-all div:not(.shrink){
+.grow-all div:not(.shrink) {
     flex-grow: 1 !important;
 }
 
@@ -146,7 +149,7 @@ body {
     outline: var(--ae-border-size) solid var(--ae-panel-border-color);
     border-radius: var(--ae-border-radius);
     background-color: var(--ae-panel-bg-color);
-   /*  gap: 0; */
+    /*  gap: 0; */
     min-width: unset;
     padding: var(--ae-panel-padding);
 }
@@ -295,13 +298,16 @@ body {
     margin-top: calc(var(--ae-input-height) * (1 - var(--ae-input-slider-height)) * 0.5);
     padding: 0;
 }
+
 * .no-slider-layout .gradio-slider input[type="range"] {
-    display:none;
+    display: none;
 }
+
 * .no-slider-layout .gradio-slider .head {
     flex-direction: column;
     display: flex;
 }
+
 * .no-slider-layout .gradio-slider input[type="number"] {
     line-height: var(--ae-input-line-height);
     font-size: var(--ae-input-font-size);
@@ -309,6 +315,7 @@ body {
     margin: 0;
     min-height: var(--ae-input-height);
 }
+
 /* * .no-slider-layout .min-width,
 * .no-slider-layout .flexbox,
 * .no-slider-layout .gradio-slider{
@@ -330,7 +337,7 @@ body {
 
 *.gradio-slider input[type="number"] {
     line-height: 16px;
-   /*  font-size: 14px; */
+    /*  font-size: 14px; */
     min-height: 22px;
     max-height: 22px;
     margin-top: 0px;
@@ -398,20 +405,21 @@ body {
     margin-bottom: calc(var(--ae-panel-padding) - var(--ae-border-size));
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
-   
-  /*   background-color: var(--ae-panel-bg-color);
+
+    /*   background-color: var(--ae-panel-bg-color);
     outline-color: var(--ae-primary-color); */
 }
 
 .gradio-accordion:has(> .open) {
-  /*   outline: var(--ae-border-size) solid var(--ae-primary-color) !important;  */
+    /*   outline: var(--ae-border-size) solid var(--ae-primary-color) !important;  */
     background-color: var(--ae-input-bg-color);
     outline: var(--ae-border-size) solid var(--ae-panel-border-color);
     border-radius: var(--ae-border-radius);
-    position:relative;
+    position: relative;
     outline-offset: 0px;
 }
-.gradio-accordion > div > .gap {
+
+.gradio-accordion>div>.gap {
     padding: var(--ae-panel-padding);
 }
 
@@ -452,18 +460,21 @@ body {
     margin: 0;
     min-height: var(--ae-input-height);
 }
+
 *.gradio-checkboxgroup span,
 *.gradio-radio label span {
     margin: 0;
     white-space: nowrap;
     border: 0;
 }
+
 *.gradio-checkboxgroup .wrap,
 *.gradio-radio .wrap {
     gap: 5px;
     display: flex;
     flex-wrap: wrap;
 }
+
 *.gradio-checkboxgroup>span,
 *.gradio-radio>span {
     border: var(--ae-input-border-size) solid transparent;
@@ -557,9 +568,11 @@ div.float span {
     width: 11px;
     height: 11px;
 }
-[data-testid="block-label"]{
+
+[data-testid="block-label"] {
     position: relative;
 }
+
 .gradio-highlightedtext span {
     padding: 0;
 }
@@ -576,7 +589,8 @@ div.float span {
     display: inline-block;
     text-align: center;
 }
-.gradio-highlightedtext .textfield{
+
+.gradio-highlightedtext .textfield {
     display: flex;
     gap: 5px;
     padding: 5px;
@@ -585,38 +599,46 @@ div.float span {
     margin-top: 5px;
     flex-wrap: wrap;
 }
+
 [id$="edit_user_metadata"] {
     gap: var(--ae-gap-size);
     text-align: left;
 }
-[id$="edit_user_metadata"] .gradio-column.gap{
-    flex-grow:1;
+
+[id$="edit_user_metadata"] .gradio-column.gap {
+    flex-grow: 1;
     justify-content: flex-end;
     width: auto;
 }
+
 [id$="edit_user_metadata"] .gradio-column.gap:first-child {
     flex-grow: 100;
 }
-[id$="edit_user_metadata"] .extra-network-name{
+
+[id$="edit_user_metadata"] .extra-network-name {
     font-size: 16px;
-    flex-grow:0;
+    flex-grow: 0;
 }
-[id$="edit_user_metadata"] .extra-network-name + .form label,
-[id$="edit_user_metadata"] .extra-network-name + .form textarea,
-[id$="edit_user_metadata"] .extra-network-name + .form{
-    flex-grow:10;
+
+[id$="edit_user_metadata"] .extra-network-name+.form label,
+[id$="edit_user_metadata"] .extra-network-name+.form textarea,
+[id$="edit_user_metadata"] .extra-network-name+.form {
+    flex-grow: 10;
 }
-[id$="edit_user_metadata"] .extra-network-name ~ .form .gradio-dropdown,
-[id$="edit_user_metadata"] .extra-network-name + .form .gradio-textbox {
-    padding:0;
+
+[id$="edit_user_metadata"] .extra-network-name~.form .gradio-dropdown,
+[id$="edit_user_metadata"] .extra-network-name+.form .gradio-textbox {
+    padding: 0;
     background-color: transparent;
     outline: 0;
 }
+
 [id$="edit_user_metadata"] .gradio-column.gap:has(img) {
     line-height: 0;
 }
-[id$="edit_user_metadata"] .scroll-hide{
-    overflow-y:auto !important;
+
+[id$="edit_user_metadata"] .scroll-hide {
+    overflow-y: auto !important;
 }
 
 * input.svelte-116rqfv {
@@ -633,6 +655,7 @@ div.float span {
     cursor: pointer;
     background-color: var(--ae-primary-color);
 }
+
 * select:focus,
 * input:focus,
 * button:focus,
@@ -677,12 +700,12 @@ button.active,
 }
 
 button.active span,
-button:hover span{
+button:hover span {
     color: var(--ae-input-hover-text-color);
 }
 
 button.active .mask-icon,
-button:hover .mask-icon{
+button:hover .mask-icon {
     background-color: var(--ae-input-hover-text-color);
 }
 
@@ -701,6 +724,7 @@ button:hover .mask-icon{
     flex: 1 1 0%;
     flex-wrap: inherit;
 }
+
 /*
 * textarea {
     height: auto !important;
@@ -760,10 +784,11 @@ button:hover .mask-icon{
     margin: 0;
 }
 
-label > span + div,
+label>span+div,
 :not(.portal)>.gradio-row .form>.gradio-row {
     flex-grow: 1;
 }
+
 :not(.portal)>.gradio-file .wrap,
 :not(.portal)>.gradio-video .wrap,
 :not(.portal)>.gradio-image .wrap {
@@ -775,17 +800,18 @@ label > span + div,
     width: 100%;
     height: 100%;
     /*position: absolute !important;*/
-    top:0;
+    top: 0;
 }
 
 :not(.portal)>.gradio-image .wrap:has(canvas) {
     position: absolute !important;
 }
 
-:not(.portal)>.gradio-video .wrap{
+:not(.portal)>.gradio-video .wrap {
     position: relative !important;
     z-index: 0;
 }
+
 [data-testid="block-info"] {
     display: flex;
     flex-direction: column;
@@ -793,29 +819,35 @@ label > span + div,
     white-space: normal;
     height: auto;
 }
-.gradio-video .controls .inner{
- display: flex;
+
+.gradio-video .controls .inner {
+    display: flex;
     max-height: 25px;
     gap: 5px;
-    align-items: center;   
+    align-items: center;
 }
-.gradio-video .controls .inner > *{
+
+.gradio-video .controls .inner>* {
     display: flex;
     text-wrap: nowrap;
 }
-.gradio-video .controls .inner > progress{
+
+.gradio-video .controls .inner>progress {
     display: flex;
     flex-grow: 1;
     min-width: 50%;
 }
-.gradio-video .controls .inner > [role="button"]{  
+
+.gradio-video .controls .inner>[role="button"] {
     max-width: 20px;
 }
+
 .gradio-video .controls {
     width: 100%;
     padding: 5px;
 }
-.gradio-video .svelte-19sk1im{
+
+.gradio-video .svelte-19sk1im {
     position: absolute;
     z-index: 2;
     padding: var(--ae-panel-padding);
@@ -833,7 +865,7 @@ label > span + div,
     min-height: unset;
     line-height: calc(var(--ae-input-icon-height) - 10px);
     flex-grow: 1;
-    min-height: calc(var(--ae-input-height) - ( var(--ae-input-border-size) * 2 ));
+    min-height: calc(var(--ae-input-height) - (var(--ae-input-border-size) * 2));
 }
 
 *.gradio-dropdown .secondary-wrap {
@@ -960,7 +992,7 @@ li.item span {
 }
 
 *.thumbnails.scroll-hide {
-   /*  display: flex; */
+    /*  display: flex; */
     scroll-behavior: smooth;
     overflow: hidden;
     align-self: center;
@@ -1165,7 +1197,7 @@ li.item span {
 
 .accordion-title {
     font-family: "IBM Plex Mono", monospace;
-   /*  text-shadow: 0px 2px 2px #000000; */
+    /*  text-shadow: 0px 2px 2px #000000; */
 }
 
 .accordion {
@@ -1292,7 +1324,7 @@ li.item span {
     display: flex;
     flex-direction: column;
     position: absolute;
-    inset:0;
+    inset: 0;
     padding: var(--ae-panel-padding);
     gap: var(--ae-gap-size);
 }
@@ -1511,7 +1543,7 @@ h1 {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
     gap: var(--ae-gap-size);
-  /*   content-visibility: auto; */
+    /*   content-visibility: auto; */
 }
 
 *.extra-network-cards .card {
@@ -1582,7 +1614,7 @@ h1 {
 
 span.name {
     overflow-wrap: anywhere;
-   /*  text-shadow: 0 0px 3px #000; */
+    /*  text-shadow: 0 0px 3px #000; */
     text-transform: uppercase;
     display: block;
     color: var(--ae-label-color);
@@ -1598,16 +1630,6 @@ span.description {
     opacity: 0.6;
 }
 
-
-
-*.metadata-button {
-    -webkit-mask-image: url(./html/svg/file-info-fill.svg);
-}
-
-*.edit-button.card-button {
-    -webkit-mask-image: url(./html/svg/file-edit-fill.svg);
-}
-
 div#flexbox-10 {
     justify-content: center;
 }
@@ -1639,41 +1661,17 @@ div#layout-3 {
 }
 
 
-.icon-folder {
-    -webkit-mask-image: url(./html/svg/folder-open-line.svg);
-}
 
-.icon-save {
-    -webkit-mask-image: url(./html/svg/save-2-line.svg);
-}
-
-.icon-zip {
-    -webkit-mask-image: url(./html/svg/file-zip-line.svg);
-}
-
-.icon-2txt2img {
-    -webkit-mask-image: url(./html/svg/t-box-line.svg);
-}
-
-.icon-2inpaint {
-    -webkit-mask-image: url(./html/svg/paint-brush-line.svg);
-}
-.gradio-button:has( [class*="icon-2"])::before,
-.gradio-button:has( [class*="icon-2"])::after{
+.gradio-button:has([class*="icon-2"])::before,
+.gradio-button:has([class*="icon-2"])::after {
     content: "";
     width: 11px;
     height: 11px;
     position: absolute;
 }
 
-.gradio-button:has( [class*="icon-2"])::after {
-    right: 0px;
-    top: 0px;
-    background-color: var(--ae-input-hover-text-color);
-    -webkit-mask-image: url(./html/svg/arrow-up-line.svg);
-    z-index: 2;
-}
-.gradio-button:has( [class*="icon-2"])::before {
+
+.gradio-button:has([class*="icon-2"])::before {
     right: -1px;
     top: -1px;
     background-color: var(--ae-primary-color);
@@ -1682,247 +1680,6 @@ div#layout-3 {
     z-index: 1;
 }
 
-.icon-2extras {
-    transform: scaleX(-1);
-    -webkit-mask-image: url(./html/svg/picture-in-picture-exit-line.svg);
-}
-
-.icon-2img2img {
-    -webkit-mask-image: url(./html/svg/image-line.svg);
-}
-
-.refresh {
-    -webkit-mask-image: url(./html/svg/loop-right-line.svg);
-}
-
-.icon-info {
-    -webkit-mask-image: url(./html/svg/information-line.svg);
-}
-
-.icon-crop {
-    -webkit-mask-image: url(./html/svg/crop-line.svg);
-}
-
-.icon-res-switch {
-    -webkit-mask-image: url(./html/svg/arrow-up-down-line.svg);
-}
-
-.icon-scripts {
-    -webkit-mask-image: url(./html/svg/plug-line.svg);
-}
-
-.icon-generate {
-    -webkit-mask-image: url(./html/svg/ai-generate.svg);
-}
-
-.icon-skip {
-    -webkit-mask-image: url(./html/svg/skip-forward-line.svg);
-}
-
-.icon-stop {
-    -webkit-mask-image: url(./html/svg/stop-circle-line.svg);
-}
-
-.icon-loop {
-    -webkit-mask-image: url(./html/svg/infinity-fill.svg);
-}
-
-.icon-node-tree {
-    -webkit-mask-image: url(./html/svg/node-tree.svg);
-}
-
-.icon-magic {
-    -webkit-mask-image: url(./html/svg/magic-line.svg);
-}
-
-.icon-delete {
-    -webkit-mask-image: url(./html/svg/delete-bin-2-line.svg);
-}
-
-.icon-styles-edit {
-    -webkit-mask-image: url(./html/svg/draft-line.svg);
-}
-
-.icon-styles-apply {
-    -webkit-mask-image: url(./html/svg/bill-line.svg);
-}
-
-.icon-dice {
-    -webkit-mask-image: url(./html/svg/dice-1.svg);
-}
-
-.icon-recycle {
-    -webkit-mask-image: url(./html/svg/recycle-line.svg);
-}
-
-.icon-equalize {
-    -webkit-mask-image: url(./html/svg/equalizer-line.svg);
-}
-
-.icon-bug {
-    -webkit-mask-image: url(./html/svg/bug-2-line.svg);
-}
-
-.icon-prompt {
-    -webkit-mask-image: url(./html/svg/edit-box-line.svg);
-}
-
-.icon-arrow-down {
-    -webkit-mask-image: url(./html/svg/arrow-down-s-line.svg);
-}
-.icon-arrow-up {
-    -webkit-mask-image: url(./html/svg/arrow-up-s-line.svg);
-}
-
-
-.icon-checkpoints {
-    -webkit-mask-image: url(./html/svg/sparkling-line.svg);
-}
-
-.icon-textual-inversion {
-    -webkit-mask-image: url(./html/svg/focus-line.svg);
-}
-
-.icon-hypernetworks {
-    -webkit-mask-image: url(./html/svg/focus-2-line.svg);
-}
-
-.icon-lora {
-    -webkit-mask-image: url(./html/svg/focus-2-fill.svg);
-}
-
-.icon-quicksettings {
-    -webkit-mask-image: url(./html/svg/list-settings-line.svg);
-}
-
-.icon-pnginfo {
-    -webkit-mask-image: url(./html/svg/image-add-line.svg);
-}
-
-.icon-extensions {
-    -webkit-mask-image: url(./html/svg/box-3-line.svg);
-}
-
-.icon-theme {
-    -webkit-mask-image: url(./html/svg/contrast-drop-2-line.svg);
-}
-
-.icon-settings {
-    -webkit-mask-image: url(./html/svg/settings-3-line.svg);
-}
-
-.icon-app-logo {
-    -webkit-mask-image: url(./html/SDNext_Logo.svg);
-}
-
-.icon-txt2img {
-    -webkit-mask-image: url(./html/svg/t-box-line.svg);
-}
-
-.icon-img2img {
-    -webkit-mask-image: url(./html/svg/image-line.svg);
-}
-
-.icon-extras {
-    transform: scaleX(-1);
-    -webkit-mask-image: url(./html/svg/picture-in-picture-exit-line.svg);
-}
-
-.icon-model-merger {
-    transform: rotate(90deg);
-    -webkit-mask-image: url(./html/svg/organization-chart.svg);
-}
-
-.icon-train {
-    -webkit-mask-image: url(./html/svg/robot-2-line.svg);
-}
-
-.icon-image-edit {
-    -webkit-mask-image: url(./html/svg/image-edit-line.svg);
-}
-.icon-ruler {
-    -webkit-mask-image: url(./html/svg/ruler-2-line.svg);
-}
-
-.question-answer {
-    -webkit-mask-image: url(./html/svg/question-answer-line.svg);
-}
-
-.icon-install {
-    -webkit-mask-image: url(./html/svg/install-line.svg);
-}
-
-.star_count:before
-{
-    content:"";
-    -webkit-mask-image: url(./html/svg/star-line.svg);
-    width: 16px;
-    height: 16px;
-    background-color: var(--ae-primary-color);
-    display: flex;
-
-}
-
-.icon-rocket {
-    -webkit-mask-image: url(./html/svg/rocket-fill.svg);
-}
-.icon-github {
-    -webkit-mask-image: url(./html/svg/github-fill.svg);
-}
-.icon-reload {
-    -webkit-mask-image: url(./html/svg/restart-fill.svg);
-}
-.icon-gradio {
-    -webkit-mask-image: url(./html/svg/gradio-fill.svg);
-}
-
-.icon-sort {
-    -webkit-mask-image: url(./html/svg/sort-asc.svg);
-}
-button.active .icon-sort {
-    -webkit-mask-image: url(./html/svg/sort-desc.svg);
-}
-
-.icon-cancel {
-    -webkit-mask-image: url(./html/svg/close-line.svg);
-}
-.icon-terminal {
-    -webkit-mask-image: url(./html/svg/terminal-box-line.svg);
-}
-
-.icon-dock {
-    -webkit-mask-image: url(./html/svg/layout-2-line.svg);
-}
-
-.icon-trophy {
-    -webkit-mask-image: url(./html/svg/trophy-line.svg);
-}
-
-.icon-vip {
-    -webkit-mask-image: url(./html/svg/vip-diamond-line.svg);
-}
-
-.icon-contributors{
-    -webkit-mask-image: url(./html/svg/team-line.svg);
-}
-
-.icon-results{
-    -webkit-mask-image: url(./html/svg/computer-line.svg);
-}
-
-.icon-menuadd{
-    -webkit-mask-image: url(./html/svg/menu-add-fill.svg);
-}
-
-.icon-deforum{
-    -webkit-mask-image: url(./html/svg/film-line.svg);
-}
-
-.icon-video{
-    -webkit-mask-image: url(./html/svg/video-line.svg);
-}
-
-
 #contributors_grid {
     gap: 5px;
     align-items: flex-start;
@@ -1933,13 +1690,16 @@ button.active .icon-sort {
     margin: var(--ae-panel-padding);
     padding-right: var(--ae-panel-padding);
 }
+
 #contributors_grid a {
     align-items: center;
     padding: 10px;
 }
+
 #contributors_grid figure {
     margin: 0;
 }
+
 #contributors_grid img {
     width: 60px;
     border-radius: 50%;
@@ -2005,21 +1765,24 @@ div#main-nav {
     margin-right: calc(var(--ae-panel-padding) * -1);
     margin-left: calc(var(--ae-panel-padding) * 2);
     padding: var(--ae-panel-padding);
-} 
-.no-br{
+}
+
+.no-br {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
 }
-.no-tr{
+
+.no-tr {
     border-top-right-radius: 0;
     border-top-left-radius: 0;
 }
 
-.no-rr{
+.no-rr {
     border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
 }
-.no-lr{
+
+.no-lr {
     border-top-left-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
 }
@@ -2052,9 +1815,9 @@ div#main-nav {
     display: none;
 }
 
-.gradio-checkbox > div,
-.gradio-checkbox + div,
-.has-info + div,
+.gradio-checkbox>div,
+.gradio-checkbox+div,
+.has-info+div,
 * .settings-comment {
     font-size: 10px;
     border: var(--ae-input-border-size) solid transparent;
@@ -2066,15 +1829,17 @@ div#main-nav {
     line-height: 14px;
     white-space: normal;
 }
-.no-extra-info label > span + div:not(.wrap),
-.no-extra-info .gradio-checkbox > div:not(.mask-icon),
-.no-extra-info .has-info + div{
-    display:none;
+
+.no-extra-info label>span+div:not(.wrap),
+.no-extra-info .gradio-checkbox>div:not(.mask-icon),
+.no-extra-info .has-info+div {
+    display: none;
 }
 
-.prose{
+.prose {
     white-space: normal;
 }
+
 .prose p {
     line-height: var(--ae-input-line-height);
 }
@@ -2110,8 +1875,9 @@ div#main-nav {
     width: var(--ae-input-height);
     height: var(--ae-input-height);
 }
+
 * button[aria-label="Edit"] {
-display:none;
+    display: none;
 }
 
 
@@ -2127,7 +1893,7 @@ display:none;
     border-radius: var(--ae-border-radius);
     border: var(--ae-input-border-size) solid var(--ae-input-border-color);
     background-color: var(--ae-input-bg-color);
-   /*  padding: var(--ae-panel-padding); */
+    /*  padding: var(--ae-panel-padding); */
     cursor: pointer;
 }
 
@@ -2224,6 +1990,7 @@ button:hover svg {
     min-width: var(--ae-input-height);
     height: var(--ae-input-height);
 }
+
 .gradio-group:has(> .styler:empty),
 .portal:has(> .hide),
 .gradio-column:has(> .form:empty),
@@ -2243,7 +2010,8 @@ button:hover svg {
     opacity: 0.5;
     pointer-events: none;
 }
-*.disable > button {
+
+*.disable>button {
     display: flex !important;
 }
 
@@ -2276,6 +2044,7 @@ button:hover svg {
     -webkit-filter: drop-shadow(0px 0px 1px var(--ae-primary-color)) drop-shadow(0px 0px 1px var(--ae-primary-color)) drop-shadow(0px 0px 1px var(--ae-primary-color)) drop-shadow(0px 0px 1px var(--ae-primary-color));
     z-index: 1;
 }
+
 /* .generate.active > span{
     display:none !important;
 } */
@@ -2287,7 +2056,7 @@ button:hover svg {
 *.notransition {
     transition: none !important;
     animation: none !important;
-   /* animation-duration: 0.0s !important;  */
+    /* animation-duration: 0.0s !important;  */
     /* animation-fill-mode: none !important; */
 }
 
@@ -2310,15 +2079,16 @@ button:hover svg {
 
 *.notransition.fade-in {
     display: flex !important;
-   /*  position: initial !important; */
+    /*  position: initial !important; */
 }
+
 *.notransition.fade-out {
     display: none !important;
     position: initial !important;
 }
 
-*.fade-in > div:not(.layout-content) {
-    flex-grow:0;
+*.fade-in>div:not(.layout-content) {
+    flex-grow: 0;
 }
 
 *.fade-out {
@@ -2338,21 +2108,24 @@ button:hover svg {
 .app {
     min-height: 100vh;
     width: 100%;
-    gap:0;
+    gap: 0;
 }
+
 .app_footer {
     flex-grow: 0;
     margin: 0;
     align-items: center;
     gap: 0;
 }
+
 .app_footer br {
-    display:none;
+    display: none;
 }
 
 .grow {
     flex-grow: 1;
 }
+
 .flex-start {
     justify-content: flex-start;
 }
@@ -2376,9 +2149,11 @@ button:hover svg {
 .center.flexbox {
     justify-content: center;
 }
-.center > .portal > button {
+
+.center>.portal>button {
     align-self: center;
 }
+
 .ae-button.tool {
     width: var(--ae-input-height);
     height: var(--ae-input-height);
@@ -2414,38 +2189,41 @@ button:hover svg {
     display: none;
 }
 
-.scroll-hide{
+.scroll-hide {
     overflow-y: hidden !important;
     resize: none;
 }
-textarea.scroll-hide{
+
+textarea.scroll-hide {
     overflow-y: auto !important;
     resize: vertical;
 }
 
-.no-labels span{
-display:none;
+.no-labels span {
+    display: none;
 }
 
 
-[id$='2img_script_container'] > div > .form ~ div {
+[id$='2img_script_container']>div>.form~div {
     padding: var(--ae-panel-padding);
-    outline: var(--ae-input-border-size) solid var(--ae-panel-border-color);  
+    outline: var(--ae-input-border-size) solid var(--ae-panel-border-color);
     background-color: var(--ae-input-bg-color);
     border-radius: var(--ae-border-radius);
     border: var(--ae-input-border-size) solid var(--ae-input-border-color);
 }
-.portal .gradio-accordion div:has( [id^='setting_']) {
+
+.portal .gradio-accordion div:has([id^='setting_']) {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     flex: 1 1 0%;
     min-width: min(160px, 100%);
 }
-.portal .gradio-accordion .gradio-row:has( [id^='setting_']) {
-    padding:0;
-    background-color:transparent;
-    outline:none;
+
+.portal .gradio-accordion .gradio-row:has([id^='setting_']) {
+    padding: 0;
+    background-color: transparent;
+    outline: none;
 }
 
 #imageARPreview {
@@ -2457,70 +2235,81 @@ display:none;
     z-index: 9000;
     pointer-events: none;
     display: block;
-  }
+}
 
 
-  .tab-nav button {
+.tab-nav button {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-#resize_mode > span,
-.accordion:has( #inpaint_controls.hide){
-display:none;
+
+#resize_mode>span,
+.accordion:has(#inpaint_controls.hide) {
+    display: none;
 }
 
-.accordion:has( #resize_mode) .accordion-bar,
-.accordion:has( #inpaint_controls) .accordion-bar{
-    background-color:var(--ae-input-bg-color);
+.accordion:has(#resize_mode) .accordion-bar,
+.accordion:has(#inpaint_controls) .accordion-bar {
+    background-color: var(--ae-input-bg-color);
 }
-.icon-left button{
+
+.icon-left button {
     display: flex;
     flex-direction: row-reverse;
     gap: 5px;
 }
 
-.thumbnails.scroll-hide{
+.thumbnails.scroll-hide {
     display: none;
 }
+
 .thumbnails.scroll-hide:has(.thumbnail-item:nth-child(2)) {
-    display: flex ;
+    display: flex;
 }
-.gradio-gallery .preview > img {
-    height:100% !important;
+
+.gradio-gallery .preview>img {
+    height: 100% !important;
 }
-.gradio-gallery:has( .thumbnail-item:nth-child(2)) .preview > img {
-    height: calc(100% - 60px)!important;
+
+.gradio-gallery:has(.thumbnail-item:nth-child(2)) .preview>img {
+    height: calc(100% - 60px) !important;
 }
 
 .tabulator {
     border: 1px solid var(--ae-panel-border-color);
     background-color: var(--ae-panel-bg-color);
 }
+
 .tabulator .tabulator-header {
     border-bottom: 1px solid var(--ae-panel-border-color);
     background-color: var(--ae-panel-bg-color);
     color: var(--ae-label-color);
 }
+
 .tabulator .tabulator-tableholder .tabulator-table {
     background-color: var(--ae-panel-bg-color);
     color: var(--ae-label-color);
 }
+
 .tabulator-row {
     background-color: var(--ae-panel-bg-color);
 }
+
 .tabulator-row.tabulator-row-even {
     background-color: var(--ae-panel-bg-color);
 }
-.tabulator-row.tabulator-selectable:hover{
+
+.tabulator-row.tabulator-selectable:hover {
     background-color: var(--ae-input-bg-color);
 }
+
 .tabulator-row .tabulator-cell {
     border-right: 1px solid var(--ae-panel-border-color);
 }
 
 .rgRow {
-    transition: none!important;
+    transition: none !important;
 }
 
 button.gridjs-sort-neutral {
@@ -2529,33 +2318,43 @@ button.gridjs-sort-neutral {
     min-width: unset;
     min-height: unset;
 }
-.gridjs-td a{
-    display:block;
-    
+
+.gridjs-td a {
+    display: block;
+
 }
-.gridjs-tbody, td.gridjs-td {
+
+.gridjs-tbody,
+td.gridjs-td {
     background-color: var(--ae-panel-bg-color);
 }
+
 td.gridjs-td {
-    border: var(--ae-border-size) solid var(--ae-panel-border-color); 
+    border: var(--ae-border-size) solid var(--ae-panel-border-color);
     padding: var(--ae-panel-padding);
-   
+
 }
+
 .gridjs-container {
     color: var(--ae-label-color);
     font-size: 14px;
-    font-family:inherit;
+    font-family: inherit;
 }
+
 th.gridjs-th {
-    background-color: var(--ae-input-bg-color);;
-    border: var(--ae-border-size) solid var(--ae-input-border-color); 
+    background-color: var(--ae-input-bg-color);
+    ;
+    border: var(--ae-border-size) solid var(--ae-input-border-color);
     color: var(--ae-label-color);
     padding: var(--ae-panel-padding);
 
 }
-th.gridjs-th-sort:focus, th.gridjs-th-sort:hover {
+
+th.gridjs-th-sort:focus,
+th.gridjs-th-sort:hover {
     background-color: var(--ae-panel-bg-color);
 }
+
 td.gridjs-td[data-column-id="description"] {
     flex-grow: 1;
 }
@@ -2566,7 +2365,9 @@ td.gridjs-td[data-column-id="description"] {
     flex-direction: column;
     gap: 1px;
 }
-.gridjs-tbody, td.gridjs-td {
+
+.gridjs-tbody,
+td.gridjs-td {
     background-color: var(--ae-panel-bg-color);
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
@@ -2576,20 +2377,23 @@ td.gridjs-td[data-column-id="description"] {
 
 
 .additional,
-.additional ul{
-    display:none !important;
+.additional ul {
+    display: none !important;
 }
+
 .additional,
-.additional ul{
+.additional ul {
     margin: auto;
     padding: 0;
     gap: 5px;
     margin-bottom: 2px;
 }
+
 .card:hover .additional,
-.card:hover .additional ul{
-    display:flex;
+.card:hover .additional ul {
+    display: flex;
 }
+
 .additional ul a {
     width: 24px;
     height: 24px;
@@ -2597,78 +2401,90 @@ td.gridjs-td[data-column-id="description"] {
     align-items: center;
     display: flex;
     justify-content: center;
-    margin:0 !important;
+    margin: 0 !important;
 }
-.params{
-    min-width:370px;
-    
+
+.params {
+    min-width: 370px;
+
 }
 
 #template-settings .split-container:first-child,
 .layout-extra-networks .split-container:first-child {
     min-width: 135px;
 }
-#split-right:not(.v-expand){
-   min-width:512px;
+
+#split-right:not(.v-expand) {
+    min-width: 512px;
 }
-.layout-extra-networks:has( .show-dirs) .gutter,
-.layout-extra-networks:has( .show-dirs) .split-container:first-child {
-    display :none;
+
+.layout-extra-networks:has(.show-dirs) .gutter,
+.layout-extra-networks:has(.show-dirs) .split-container:first-child {
+    display: none;
 }
-.layout-extra-networks:has( .show-dirs:not(.active)) .split-container {
+
+.layout-extra-networks:has(.show-dirs:not(.active)) .split-container {
     flex-basis: 100% !important;
 }
-.layout-extra-networks:has( .show-dirs.active) .gutter,
-.layout-extra-networks:has( .show-dirs.active) .split-container:first-child {
-    display :flex;
+
+.layout-extra-networks:has(.show-dirs.active) .gutter,
+.layout-extra-networks:has(.show-dirs.active) .split-container:first-child {
+    display: flex;
 }
-.layout-extra-networks{
-    gap:2px;
+
+.layout-extra-networks {
+    gap: 2px;
 
 }
-.layout-extra-networks > div:first-child{
-    padding-bottom:0 !important;
-    
+
+.layout-extra-networks>div:first-child {
+    padding-bottom: 0 !important;
+
 }
 
 /* tab extensions */
 .tabs_extensions table {
-    width:100%;
-}
-.tabs_extensions thead{
-    display:none;
+    width: 100%;
 }
 
-.tabs_extensions tbody{
+.tabs_extensions thead {
+    display: none;
+}
+
+.tabs_extensions tbody {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
     gap: var(--ae-gap-size);
     content-visibility: auto;
 }
-.tabs_extensions tr{
+
+.tabs_extensions tr {
     flex-direction: column;
-    display:flex;
-    padding:var(--ae-panel-padding);
+    display: flex;
+    padding: var(--ae-panel-padding);
     background-color: var(--ae-panel-bg-color);
     gap: 5px;
     border: var(--ae-border-size) solid var(--ae-panel-border-color);
     border-radius: var(--ae-border-radius);
-    position:relative;
+    position: relative;
 }
+
 .tabs_extensions td {
     display: flex;
     text-wrap: wrap;
     flex-direction: row;
     overflow-wrap: anywhere;
     flex-wrap: wrap;
-    gap:5px;
+    gap: 5px;
 }
+
 .tabs_extensions td:has(p.info) {
     flex-direction: column;
     flex-grow: 1;
     justify-content: space-between;
     gap: 10px;
 }
+
 .tabs_extensions td p.info:has(span) {
     flex-direction: row;
     display: flex;
@@ -2678,6 +2494,7 @@ td.gridjs-td[data-column-id="description"] {
     justify-content: space-between;
     align-items: flex-end;
 }
+
 .tabs_extensions span.date_added {
     max-width: 130px;
     text-align: justify;
@@ -2688,6 +2505,7 @@ td.gridjs-td[data-column-id="description"] {
     border-radius: var(--ae-border-radius);
     font-size: 11px;
 }
+
 span.star_count {
     background-color: var(--ae-input-bg-color);
     padding: 5px 10px 5px 5px;
@@ -2701,6 +2519,7 @@ span.star_count {
     gap: 2px;
     align-items: center;
 }
+
 span.star_count b {
     font-size: 12px;
 }
@@ -2709,17 +2528,20 @@ span.star_count b {
     flex-basis: 100%;
     content: "";
 }
+
 .tabs_extensions td a {
     font-size: 14px;
     padding: 5px;
-    display:block;
+    display: block;
 }
+
 .tabs_extensions td button {
     display: flex;
     flex-grow: 1;
     justify-content: center;
     align-items: center;
 }
+
 .tabs_extensions td label:has(input) {
     display: flex;
     gap: 5px;
@@ -2748,8 +2570,9 @@ span.star_count b {
     background-color: var(--ae-input-bg-color);
     border-color: var(--ae-input-border-color);
 }
+
 .tabs_extensions td:empty,
-.tabs_extensions td:has( a:empty){
+.tabs_extensions td:has(a:empty) {
     display: none !important;
 }
 
@@ -2760,35 +2583,40 @@ span.star_count b {
     padding: 0;
     font-size: 12px;
 }
+
 .tabs_extensions td:nth-child(1) a:hover,
 .tabs_extensions td:nth-child(2) a:hover {
     color: var(--ae-label-color);
 }
+
 .tabs_extensions td:nth-child(1) a {
     font-size: 14px;
 }
+
 .gradio-video,
 .gradio-image {
     height: 100%;
     width: 100%;
     object-fit: contain;
 }
+
 #pnginfo_image [data-testid="image"] img {
     max-height: unset;
     min-height: 100%;
 }
+
 .full-height>textarea {
-    overflow-y: auto!important;
+    overflow-y: auto !important;
 }
 
-.gradio-video video{
+.gradio-video video {
     height: auto;
     width: 100%;
     object-fit: contain;
 }
 
-.ae-popup{
-   /*  position: fixed;
+.ae-popup {
+    /*  position: fixed;
     width: 100vw;
     height: 100vh; 
      z-index: 9999;
@@ -2798,54 +2626,59 @@ span.star_count b {
     justify-content: center !important;
 }
 
-.ae-popup-inner{
- /*    width:50vw;
+.ae-popup-inner {
+    /*    width:50vw;
     height:50vh; */
-    width:100%;
-    height:100%;
+    width: 100%;
+    height: 100%;
     background-color: var(--ae-main-bg-color);
-    position:relative;
+    position: relative;
 }
 
- .ae-popup .standalone-card-preview img{
+.ae-popup .standalone-card-preview img {
     height: 100%;
     width: 100%;
     object-fit: contain;
     max-height: 45vh;
- }
- .ae-popup .edit-user-metadata-buttons button:first-child{
-    display:none;
- }
- .global-popup-inner{
-     flex-grow: 0;
- position: relative;
- }
- .relative-height{
-    flex-grow:0;
-    position:relative
- }
- 
- #popup_close{
+}
+
+.ae-popup .edit-user-metadata-buttons button:first-child {
+    display: none;
+}
+
+.global-popup-inner {
+    flex-grow: 0;
+    position: relative;
+}
+
+.relative-height {
+    flex-grow: 0;
+    position: relative
+}
+
+#popup_close {
     position: absolute;
     right: calc(var(--ae-panel-padding) * 2);
     bottom: calc(var(--ae-panel-padding) * 3);
     height: 24px;
     padding-right: calc(var(--ae-panel-padding) * 3);
- }
+}
 
 
 .wrap .svelte-zyxd38 svg {
-    display:none !important;
+    display: none !important;
 }
-.wrap .progress-text{
-    background-color:var(--ae-main-bg-color);
-    color:var(--ae-label-color);
-    font-size:10px;
-    display:flex;
-    flex-grow:0;
+
+.wrap .progress-text {
+    background-color: var(--ae-main-bg-color);
+    color: var(--ae-label-color);
+    font-size: 10px;
+    display: flex;
+    flex-grow: 0;
 }
-#popup_trigger{
-    display:none;
+
+#popup_trigger {
+    display: none;
 }
 
 
@@ -2862,16 +2695,16 @@ span.star_count b {
 @-webkit-keyframes fade-in {
     0% {
         opacity: 0;
-       /*  transform: scale(0.5); */
+        /*  transform: scale(0.5); */
     }
 
     100% {
         opacity: 1;
-      /*   transform: scale(1.0); */
+        /*   transform: scale(1.0); */
     }
 }
 
-.icon-letters{
+.icon-letters {
     justify-content: center;
     text-transform: uppercase;
     font-size: 14px;
@@ -2884,55 +2717,56 @@ span.star_count b {
 .center.boundedheight.flex {
     width: 100% !important;
     height: auto !important;
-   /*  max-height: 50vh;*/
-  } 
+    /*  max-height: 50vh;*/
+}
 
 
-  
-  .image-container img.absolute-img {
+
+.image-container img.absolute-img {
     position: relative !important;
-   /*  position: absolute !important; */
-  }
-  
-  /* .image-container img {
+    /*  position: absolute !important; */
+}
+
+/* .image-container img {
     max-height: 50vh !important;
   } */
-  
-  .image-container {
+
+.image-container {
     min-height: 15vh !important;
-   /*  height: auto !important; */
+    /*  height: auto !important; */
     display: flex;
-    position:relative;
-  }
-  /* .image-container:has(canvas) {
+    position: relative;
+}
+
+/* .image-container:has(canvas) {
     min-height: 50vh !important;
   } */
-  
-  .absolute-img {
+
+.absolute-img {
     position: relative;
     opacity: 0;
-  }
-  
-  .block.gradio-image {
+}
+
+.block.gradio-image {
     /* height: auto !important; */
-  }
-  
-  div[data-testid="image"] canvas {
-    width: 100%!important;
+}
+
+div[data-testid="image"] canvas {
+    width: 100% !important;
     height: auto !important;
     position: absolute !important;
     border: 0 !important;
     inset: 0;
-  }
-  
- 
-  
-  #tab_img2img div.center.boundedheight.flex {
-    display: block !important;
-  }
+}
 
-* .center.boundedheight > div:has(.brush),
-* .center.boundedheight > div:has([aria-label="Clear"]) {
+
+
+#tab_img2img div.center.boundedheight.flex {
+    display: block !important;
+}
+
+* .center.boundedheight>div:has(.brush),
+* .center.boundedheight>div:has([aria-label="Clear"]) {
     position: absolute;
     padding: var(--ae-panel-padding);
     top: 0;
@@ -2940,7 +2774,7 @@ span.star_count b {
     z-index: 999;
 }
 
-* .center.boundedheight > div:has(.brush) {
+* .center.boundedheight>div:has(.brush) {
     top: 70px;
     min-height: unset;
     width: auto;
@@ -2949,8 +2783,8 @@ span.star_count b {
 }
 
 
-  
-[id*="label_copy_to"]{
+
+[id*="label_copy_to"] {
     /* flex-basis: 100%; */
     font-size: 12px;
     flex-grow: 0;
@@ -2958,77 +2792,87 @@ span.star_count b {
     justify-content: center;
     line-height: 12px;
 }
-[id*="_copy_to_"].gradio-row{
+
+[id*="_copy_to_"].gradio-row {
     justify-items: center;
     background-color: transparent;
     padding: 0;
     outline: 0;
 }
-[id*="_copy_to_"].gradio-row button{
-flex-grow:1;
+
+[id*="_copy_to_"].gradio-row button {
+    flex-grow: 1;
 }
-.group-row{
+
+.group-row {
     gap: 1px !important;
 }
-.group-row > * button,
-.group-row > *{
+
+.group-row>* button,
+.group-row>* {
     border-radius: 0 !important;
 }
 
-.group-row > *:last-child button,
-.group-row > *:last-child{
+.group-row>*:last-child button,
+.group-row>*:last-child {
     border-top-right-radius: var(--ae-border-radius) !important;
     border-bottom-right-radius: var(--ae-border-radius) !important;
 }
-.group-row > *:first-child button,
-.group-row > *:first-child{
+
+.group-row>*:first-child button,
+.group-row>*:first-child {
     border-top-left-radius: var(--ae-border-radius) !important;
     border-bottom-left-radius: var(--ae-border-radius) !important;
 }
 
 .progress-flex {
     position: absolute;
-    padding: calc(var(--ae-panel-padding) * 1 );
+    padding: calc(var(--ae-panel-padding) * 1);
     bottom: 0;
     left: 0;
     right: 0;
-    display:none;
+    display: none;
 }
-.progress-flex > div {
+
+.progress-flex>div {
     position: relative;
     z-index: 123;
     white-space: nowrap;
     padding: 0;
     border-radius: 0;
 }
-.progress-flex:has( .progress) {
+
+.progress-flex:has(.progress) {
     display: flex;
 }
 
-.progress{
-    background-color:var(--ae-primary-color);
-    padding:2px;
+.progress {
+    background-color: var(--ae-primary-color);
+    padding: 2px;
     border-radius: 0;
 }
 
-iframe{
-    border:0;
+iframe {
+    border: 0;
 }
-.other> div{
+
+.other>div {
     background: transparent;
     outline: 0;
 }
-.other .gradio-column:first-child{
+
+.other .gradio-column:first-child {
     flex-grow: 1;
     padding: 0;
     gap: 0;
 }
-.other iframe:first-child{
+
+.other iframe:first-child {
     max-height: calc(100vh - var(--ae-panel-padding) * 6);
 }
 
-.ae-button > a:hover,
-.ae-button > a{
+.ae-button>a:hover,
+.ae-button>a {
     padding: 0;
     background-color: transparent;
     line-height: 0;
@@ -3037,40 +2881,45 @@ iframe{
     gap: 5px;
 }
 
-div#workspaces_tabitem > div {
+div#workspaces_tabitem>div {
     padding: 0;
 }
 
 /*infinite-image-browsing*/
-#tab_infinite-image-browsing_tabitem{
-    overflow:hidden;
+#tab_infinite-image-browsing_tabitem {
+    overflow: hidden;
     padding: 0;
 }
 
 /*a1111-sd-webui-tagcomplete*/
-ul{
-    padding:0;
-    margin:0;
+ul {
+    padding: 0;
+    margin: 0;
 }
+
 .autocompleteResults {
-    background-color: var(--ae-main-bg-color)!important;
-    border: var(--ae-border-size) solid var(--ae-input-border-color)!important;
-    border-radius: var(--ae-border-radius)!important;
+    background-color: var(--ae-main-bg-color) !important;
+    border: var(--ae-border-size) solid var(--ae-input-border-color) !important;
+    border-radius: var(--ae-border-radius) !important;
 }
-.autocompleteResultsList > li:nth-child(odd) {
-    background-color: var(--ae-panel-bg-color)!important;
+
+.autocompleteResultsList>li:nth-child(odd) {
+    background-color: var(--ae-panel-bg-color) !important;
 }
-.autocompleteResultsList > li.selected {
-    background-color: var(--ae-primary-color)!important;
+
+.autocompleteResultsList>li.selected {
+    background-color: var(--ae-primary-color) !important;
 }
 
 .log-row {
     display: table;
     overflow-wrap: anywhere;
 }
+
 .log-row a {
     padding: 0 5px;
 }
+
 .log-date {
     color: #cacaca;
     display: table-cell;
@@ -3078,96 +2927,143 @@ ul{
     padding: 0px 10px;
     font-size: 9px;
 }
-.log-boolean,
-.log-undefined {color: magenta;}
-.log-object {color: #cfb0ff;}
-.log-string {color: #ffca68;}
-.log-number {color: cyan;}
-.log-info {color: yellow;}
 
-.log-string.log-remove {color: #ff4f4f;}
-.log-string.log-load {color: #74ff80;} 
-.log-string.log-url {color: #8fc9ff;}
-.log-string.log-object {color: #8fc9ff;}
+.log-boolean,
+.log-undefined {
+    color: magenta;
+}
+
+.log-object {
+    color: #cfb0ff;
+}
+
+.log-string {
+    color: #ffca68;
+}
+
+.log-number {
+    color: cyan;
+}
+
+.log-info {
+    color: yellow;
+}
+
+.log-string.log-remove {
+    color: #ff4f4f;
+}
+
+.log-string.log-load {
+    color: #74ff80;
+}
+
+.log-string.log-url {
+    color: #8fc9ff;
+}
+
+.log-string.log-object {
+    color: #8fc9ff;
+}
 
 
 .card.selected {
     border: var(--ae-border-size) solid var(--ae-primary-color);
 }
-.card.selected .actions{
+
+.card.selected .actions {
     background-color: var(--ae-primary-color);
 }
-.column-1{
+
+.column-1 {
     column-count: 1;
-    gap:32px;
+    gap: 32px;
 }
-.column-2{
+
+.column-2 {
     columns: 320px 2;
-    gap:32px;
+    gap: 32px;
 }
-.column-3{
+
+.column-3 {
     column-count: 3;
-    gap:32px;
+    gap: 32px;
 }
-.lcol{
-    gap:32px;
+
+.lcol {
+    gap: 32px;
     align-items: flex-start;
     display: grid;
     /* grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); */
 }
 
-.lcol > .col{
-min-width: min(480px, 100%);
+.lcol>.col {
+    min-width: min(480px, 100%);
 }
+
 #about_tabitem {
     font-size: 14px;
     line-height: 20px;
     font-family: monospace;
-   /*  text-align: justify; */
+    /*  text-align: justify; */
 }
-#about_tabitem img{
-    display:flex;
+
+#about_tabitem img {
+    display: flex;
     width: 100%;
     height: auto;
 }
-#about_tabitem a{
+
+#about_tabitem a {
     background-color: transparent;
-    color:var(--ae-primary-color);
-    padding: 0;  
+    color: var(--ae-primary-color);
+    padding: 0;
 }
-#about_tabitem a:hover{
-    color: var(--ae-label-color);   
+
+#about_tabitem a:hover {
+    color: var(--ae-label-color);
 }
-#about_tabitem p, h1, h2{
-    margin:0;
-    margin-bottom: calc(var(--ae-panel-padding) * 1 ); 
+
+#about_tabitem p,
+h1,
+h2 {
+    margin: 0;
+    margin-bottom: calc(var(--ae-panel-padding) * 1);
 }
-#about_tabitem p, #about_tabitem ul, #about_tabitem img {
+
+#about_tabitem p,
+#about_tabitem ul,
+#about_tabitem img {
     margin-bottom: 24px;
 }
-#about_tabitem h1, h2{
+
+#about_tabitem h1,
+h2 {
     /* margin-top: calc(var(--ae-panel-padding) * 3 ); */
-    font-size:20px;
+    font-size: 20px;
     color: var(--ae-primary-color);
 }
-#about_tabitem ul{
-    padding-inline-start: calc(var(--ae-panel-padding) * 4 );
+
+#about_tabitem ul {
+    padding-inline-start: calc(var(--ae-panel-padding) * 4);
 }
-#about_tabitem li::marker{
+
+#about_tabitem li::marker {
     color: var(--ae-primary-color);
 }
-.lrp-32{
-    gap:32px;
+
+.lrp-32 {
+    gap: 32px;
     padding-top: 20px;
     padding-left: 32px;
     padding-right: 32px;
     max-width: 960px;
 }
-.gradio-audio > .wrap, 
-.gradio-video > .wrap, 
-.gradio-file > .wrap, 
-.gradio-image > .wrap,
-.wrap.center.full.translucent{
+
+.gradio-audio>.wrap,
+.gradio-video>.wrap,
+.gradio-file>.wrap,
+.gradio-image>.wrap,
+.wrap.center.full.translucent {
     min-height: unset;
     position: absolute;
     z-index: 100;
@@ -3181,29 +3077,33 @@ div#quicksettings {
     gap: var(--ae-gap-size);
     flex-wrap: wrap;
 }
-div#quicksettings > div {
+
+div#quicksettings>div {
     flex: 1 0 calc(100% - var(--ae-input-height) * 2);
 }
-div#quicksettings div + button {
+
+div#quicksettings div+button {
     flex: 0 1 0%;
     margin-bottom: var(--ae-panel-padding);
 }
 
-.relative{
-    position:relative;
+.relative {
+    position: relative;
 }
+
 .accordion-vertical.expand {
     flex-grow: 1 !important;
 }
 
-.no-grow{
+.no-grow {
     flex-grow: 0;
 }
-#sidebar_secondary_tabs{
+
+#sidebar_secondary_tabs {
     justify-content: flex-end;
 }
 
-#pnginfo_image .center.boundedheight.flex{
+#pnginfo_image .center.boundedheight.flex {
     display: flex;
     align-items: center;
     text-align: center;
@@ -3214,58 +3114,42 @@ div#quicksettings div + button {
     align-items: center;
     pointer-events: none;
 }
+
 .gradio-colorpicker input {
     pointer-events: all;
 }
 
-input[type="radio"], 
-input[type="checkbox"] { 
+input[type="radio"],
+input[type="checkbox"] {
     accent-color: var(--ae-primary-color);
     cursor: pointer;
 }
+
 .selected span.name {
     color: var(--ae-input-hover-text-color);
 }
+
 #txt2img_edit_style_close,
 #lightboxModal,
-.gradio-container.app{
-    display:none !important;
+.gradio-container.app {
+    display: none !important;
 }
 
-.icon-physton {
-    -webkit-mask-image: url(./html/svg/pantone-line.svg);
-}
-.physton-prompt {
-    margin: 0 !important;
-}
-.physton-prompt .prompt-header .prompt-header-extend.prompt-append {
-    min-width:240px;
-    min-height: 26px;
+#train_tabitem .tabs {
+    width: 100%;
 }
 
-.physton-prompt .prompt-header .prompt-header-extend .extend-content .gradio-checkbox{
-    display:none;
-}
-
-.physton-prompt .show-group-tags{
-    top: -15px;
-    right: 5px;
-}
-.physton-prompt .prompt-header .prompt-header-extend.prompt-append .extend-content {
-    margin-right: 20px;
-}
-#train_tabitem .tabs{
-    width:100%;
-}
 #setting_uiux_ignore_overrides {
     min-width: 100%;
 }
+
 #img2img_override_settings,
-#txt2img_override_settings{
-    display:flex !important;
+#txt2img_override_settings {
+    display: flex !important;
 }
 
-input[type="radio"], input[type="checkbox"] {
+input[type="radio"],
+input[type="checkbox"] {
     accent-color: var(--ae-input-bg-color);
     cursor: pointer;
     -webkit-appearance: none;
@@ -3283,9 +3167,10 @@ input[type="radio"], input[type="checkbox"] {
     /*outline: var(--ae-input-border-size) solid var(--ae-input-border-color);*/
     border-radius: var(--ae-border-radius);
 }
-.gradio-accordion > .label-wrap input[type=checkbox],
+
+.gradio-accordion>.label-wrap input[type=checkbox],
 .wrap>label>input[type=checkbox],
-.wrap>label>input[type="radio"]{
+.wrap>label>input[type="radio"] {
     background-color: var(--ae-panel-bg-color);
 }
 
@@ -3293,7 +3178,7 @@ input[type=radio]:checked,
 input[type=checkbox]:checked {
     background-color: var(--ae-primary-color) !important;
 }
-  
+
 input[type="radio"]:after,
 input[type=checkbox]:after {
     content: " ";
@@ -3304,26 +3189,26 @@ input[type=checkbox]:after {
 
 input[type=radio]:checked:after,
 input[type=checkbox]:checked:after {
-    content: "❖";   
+    content: "❖";
     position: absolute;
     inset: 0;
     transform: scale(1.5);
 }
 
-.gradio-accordion .label-wrap > span{
+.gradio-accordion .label-wrap>span {
     display: flex;
     align-items: center;
 }
 
-.gradio-accordion .label-wrap:not(.open) > span.icon{
+.gradio-accordion .label-wrap:not(.open)>span.icon {
     transform: rotate(90deg);
 }
 
-.gradio-checkbox > div.mask-icon{
+.gradio-checkbox>div.mask-icon {
     margin: 0;
 }
 
-:not(.tool) > .gradio-checkbox label {
+:not(.tool)>.gradio-checkbox label {
     display: flex;
     white-space: normal;
     align-items: flex-start;
@@ -3331,12 +3216,13 @@ input[type=checkbox]:checked:after {
 }
 
 #interrogate,
-#deepbooru{
-    font-size:0px;
+#deepbooru {
+    font-size: 0px;
 }
-#interrogate > div,
-#deepbooru > div{
-    position:absolute;
+
+#interrogate>div,
+#deepbooru>div {
+    position: absolute;
 }
 
 /*
@@ -3355,7 +3241,7 @@ span.settings-category {
     color: var(--ae-primary-color);
 }
 
-.extra-network-tree.hidden{
+.extra-network-tree.hidden {
     display: flex !important;
     cursor: pointer;
 }
@@ -3374,7 +3260,8 @@ span.settings-category {
     /* align-items: start; */
     flex-grow: 1;
 }
-.extra-network-tree .tree-list-content > span {
+
+.extra-network-tree .tree-list-content>span {
     pointer-events: none;
 }
 
@@ -3383,22 +3270,26 @@ span.settings-category {
     visibility: hidden;
     opacity: 0;
 }
+
 .extra-network-tree .tree-list-content[data-expanded]+.tree-list--subgroup {
     height: auto;
     visibility: visible;
     opacity: 1;
 }
+
 .extra-network-tree .tree-list-item-label--truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.extra-network-tree .tree-list--subgroup > .tree-list-item {
+
+.extra-network-tree .tree-list--subgroup>.tree-list-item {
     margin-left: 5px !important;
     padding-left: 5px !important;
     list-style: none;
     line-height: calc(var(--ae-input-font-size) + 2px);
 }
+
 .tree-list-item-action-chevron {
     display: inline-flex;
     padding: 0.25rem;
@@ -3412,29 +3303,34 @@ span.settings-category {
     transform: rotate(135deg);
     transition: transform 0.2s;
 }
+
 .extra-network-tree .tree-list-content-dir[data-expanded] .tree-list-item-action-chevron {
     -ms-transform: rotate(225deg);
     -webkit-transform: rotate(225deg);
     transform: rotate(225deg);
     transition: transform 0.2s;
 }
+
 .extra-network-tree .tree-list-content-file .tree-list-item-action--leading {
     visibility: hidden;
 }
+
 .extra-network-tree .tree-list-content .button-row {
-    display: none;  
+    display: none;
     pointer-events: all;
 }
+
 .extra-network-tree .tree-list-content:hover .button-row {
     display: inline-flex;
 }
 
-.extra-network-tree .tree-list-content .button-row > div {
+.extra-network-tree .tree-list-content .button-row>div {
     width: calc(var(--ae-input-font-size) + 2px);
     height: calc(var(--ae-input-font-size) + 2px);
     background-color: var(--ae-label-color);
 }
-.extra-network-tree .tree-list-content .button-row > div:hover {
+
+.extra-network-tree .tree-list-content .button-row>div:hover {
     background-color: var(--ae-primary-color);
 }
 
@@ -3442,36 +3338,34 @@ span.settings-category {
     grid-area: trailing-action;
     display: inline-flex;
 }
+
 .extra-network-tree div.tree-list-content:hover {
     color: var(--ae-primary-color);
     transition: none;
 }
 
-*.copy-path-button{
-    -webkit-mask-image: url(./html/svg/clipboard-fill.svg);
-}
-
 .token_counter * {
     display: block !important;
 }
 
-#accordions-extras > div > div {
+#accordions-extras>div>div {
     padding: 0;
     outline: 0;
 }
-#accordions-extras > div > div:first-child {
-    display:none;
+
+#accordions-extras>div>div:first-child {
+    display: none;
 }
 
 @-webkit-keyframes fade-out {
     0% {
         opacity: 1;
-       /*  transform: scale(1.0); */
+        /*  transform: scale(1.0); */
     }
 
     100% {
         opacity: 0;
-       /*  transform: scale(0.5); */
+        /*  transform: scale(0.5); */
     }
 }
 
@@ -3514,38 +3408,44 @@ span.settings-category {
 
 #sidebar_secondary_tabs a span,
 .default-desktop .mobile,
-.default-auto .mobile{
-    display:none;
+.default-auto .mobile {
+    display: none;
 }
-.default-mobile .mobile{
+
+.default-mobile .mobile {
     display: flex;
 }
-.default-mobile .split-container.params{
-    min-width:100% !important;
+
+.default-mobile .split-container.params {
+    min-width: 100% !important;
 }
-.default-mobile .split-container.params ~ div{
-    display:none;
+
+.default-mobile .split-container.params~div {
+    display: none;
 }
 
 #txt2img_results_generate_tabitem .generate,
-#img2img_results_generate_tabitem .generate{
+#img2img_results_generate_tabitem .generate {
     flex-grow: 1;
 }
+
 .aside-labels #sidebar_secondary_tabs a span,
 .main-labels #main-nav .xtabs-tab span,
-.tab-labels [id$="2img_header"] span ,
+.tab-labels [id$="2img_header"] span,
 .aside-labels #accordion-aside .xtabs-tab span {
     display: flex !important;
     text-transform: capitalize;
 }
+
 .main-labels #main-nav .xtabs-tab,
 .tab-labels [id$="2img_header"] .xtabs-tab,
 .aside-labels #accordion-aside .xtabs-tab {
     justify-content: flex-start;
 }
+
 #acc-arrow-button,
-.aside-labels .accordion-bar > div{
-    width:100%;
+.aside-labels .accordion-bar>div {
+    width: 100%;
 }
 
 .aside-labels div#sidebar_secondary_tabs button {
@@ -3555,52 +3455,61 @@ span.settings-category {
 
 .info-results-container {
     overflow-y: auto;
-    max-height:33vh;
+    max-height: 33vh;
 }
+
 #layout_main_wrapper {
     padding-left: 0;
 }
-.template > .layout {
+
+.template>.layout {
     padding-right: var(--ae-border-size);
 }
 
-.template > .full-height {
+.template>.full-height {
     padding-left: var(--ae-border-size);
     padding-right: var(--ae-border-size);
 }
-#split-right.v-expand{
+
+#split-right.v-expand {
     margin-left: calc(var(--ae-border-size) * -1);
 }
-#split-right:not(.v-expand) #accordion-aside{
+
+#split-right:not(.v-expand) #accordion-aside {
     margin-left: var(--ae-border-size);
 }
-[toggle] .wrap{
-    display:none;
+
+[toggle] .wrap {
+    display: none;
 }
 
-.default-mobile #split-right:not(.v-expand) { 
+.default-mobile #split-right:not(.v-expand) {
     position: fixed;
     inset: var(--ae-panel-padding);
     z-index: 999;
     background-color: var(--ae-main-bg-color);
     outline: var(--ae-border-size) solid var(--ae-main-bg-color);
 }
+
 .default-mobile #split-right:not(.v-expand) #accordion-aside {
     margin-left: var(--ae-panel-padding);
 }
-.default-mobile .template > .full-height {
+
+.default-mobile .template>.full-height {
     padding: var(--ae-panel-padding);
 }
+
 /*
 .tabitem > .gap{
     overflow:hidden;
 }
 */
 
-.pointer-events-none{
+.pointer-events-none {
     pointer-events: none;
 }
-.pointer-events-none button{
+
+.pointer-events-none button {
     pointer-events: all;
 }
 
@@ -3609,14 +3518,16 @@ span.settings-category {
         display: none;
     }
 
-    .default-auto .mobile{
+    .default-auto .mobile {
         display: flex;
     }
-    .default-auto .split-container.params{
-        min-width:100% !important;
+
+    .default-auto .split-container.params {
+        min-width: 100% !important;
     }
-    .default-auto .split-container.params ~ div{
-        display:none;
+
+    .default-auto .split-container.params~div {
+        display: none;
     }
 }
 
@@ -3631,7 +3542,7 @@ input[type="range"]::-moz-range-progress {
     height: 100%;
     background-image: var(--ae-slider-bg-overlay);
 }
-  
+
 input[type="range"]::-moz-range-track {
     width: 100%;
     height: 100%;
@@ -3685,17 +3596,18 @@ input[type="range"]::-ms-fill-upper {
     flex-wrap: wrap;
 }
 
-#deforum_header video{
+#deforum_header video {
     width: 100%;
     max-height: 100vh;
     object-fit: contain;
     background-color: var(--ae-input-bg-color);
 }
 
-#deforum_header p{
-    display:none;
+#deforum_header p {
+    display: none;
 }
-#deforum_header{
+
+#deforum_header {
     display: flex;
     flex-grow: 1;
     background-color: var(--ae-input-bg-color);
@@ -3705,10 +3617,11 @@ input[type="range"]::-ms-fill-upper {
     height: 100%;
     width: 100%;
 }
-#deforum-video-preview:has(video){
+
+#deforum-video-preview:has(video) {
     display: flex !important;
 }
 
-#ae-button-close-video:has(.hidden){
-    display:none;
+#ae-button-close-video:has(.hidden) {
+    display: none;
 }
\ No newline at end of file
diff --git a/modules/scripts.py b/modules/scripts.py
index 8eca396b..2b7eb4dc 100644
--- a/modules/scripts.py
+++ b/modules/scripts.py
@@ -483,6 +483,32 @@ def list_files_with_name(filename):
 
     return res
 
+def custom_sort_key(filename):
+    # Regular files come first, followed by those with - and then alphanumeric
+    match = re.match(r"(.+?)(-\d{2}|-[A-Z]|)(\.\w+)", filename)
+    base = match.group(1) if match else filename
+    suffix = match.group(2) if match else ''
+    extension = match.group(3) if match else ''
+    
+    # 1. Base name
+    # 2. Suffix (optional)
+    return (base, suffix, extension)
+
+def list_files_with_prefix(prefix, file_extension):
+    res = []
+    dirs = [paths.script_path] + [ext.path for ext in extensions.active()]
+
+    for dirpath in dirs:
+        if not os.path.isdir(dirpath):
+            continue
+        
+        for filename in os.listdir(dirpath):
+            if filename.startswith(prefix) and filename.endswith(file_extension):
+                res.append(os.path.join(dirpath, filename))
+
+    res.sort(key=lambda x: (os.path.dirname(x), custom_sort_key(os.path.basename(x))))
+
+    return res
 
 def load_scripts():
     global current_basedir
diff --git a/modules/ui_gradio_extensions.py b/modules/ui_gradio_extensions.py
index ed57c1e9..bbac9240 100644
--- a/modules/ui_gradio_extensions.py
+++ b/modules/ui_gradio_extensions.py
@@ -34,7 +34,8 @@ def css_html():
     def stylesheet(fn):
         return f'<link rel="stylesheet" property="stylesheet" href="{webpath(fn)}">'
 
-    for cssfile in scripts.list_files_with_name("style.css"):
+    for cssfile in scripts.list_files_with_prefix("style", ".css"):
+        print(cssfile)
         head += stylesheet(cssfile)
 
     user_css = os.path.join(data_path, "user.css")