diff --git a/ui/index.html b/ui/index.html
index 4d9b498c..c84dbeff 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -1,405 +1,21 @@
 <!DOCTYPE html>
 <html>
+<head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" type="image/png" href="/media/favicon-16x16.png" sizes="16x16">
     <link rel="icon" type="image/png" href="/media/favicon-32x32.png" sizes="32x32">
-    <style>
-    body {
-        font-family: Arial, Helvetica, sans-serif;
-        font-size: 11pt;
-        background-color: rgb(32, 33, 36);
-        color: #eee;
-    }
-    a {
-        color: rgb(0, 102, 204);
-    }
-    a:visited {
-        color: rgb(0, 102, 204);
-    }
-    label {
-        font-size: 10pt;
-    }
-    #prompt {
-        width: 100%;
-        height: 65pt;
-        box-sizing: border-box;
-    }
-    @media screen and (max-width: 600px) {
-        #prompt {
-            width: 95%;
-        }
-    }
-    .image_preview_container {
-        /* display: none; */
-        margin-top: 10pt;
-    }
-    .image_clear_btn {
-        position: absolute;
-        transform: translateX(-50%) translateY(-35%);
-        background: black;
-        color: white;
-        border: 2pt solid #ccc;
-        padding: 0;
-        cursor: pointer;
-        outline: inherit;
-        border-radius: 8pt;
-        width: 16pt;
-        height: 16pt;
-        font-family: Verdana;
-        font-size: 8pt;
-    }
-    .settings-box ul {
-        font-size: 9pt;
-        margin-bottom: 5px;
-        padding-left: 10px;
-        list-style-type: none;
-    }
-    .settings-box li {
-        padding-bottom: 4pt;
-    }
-    .editor-slider {
-        transform: translateY(30%);
-    }
-    #outputMsg {
-        font-size: small;
-    }
-    #progressBar {
-        font-size: small;
-    }
-    #footer {
-        font-size: small;
-        padding-left: 10pt;
-        background: none;
-    }
-    #footer-legal {
-        font-size: 8pt;
-    }
-    .imgSeedLabel {
-        position: absolute;
-        transform: translateX(-100%);
-        margin-top: 5pt;
-        margin-left: -5pt;
-        font-size: 10pt;
-
-        background-color: #333;
-        opacity: 0.8;
-        color: #ddd;
-        border-radius: 3pt;
-        padding: 1pt 3pt;
-    }
-    .imgUseBtn {
-        position: absolute;
-        transform: translateX(-100%);
-        margin-top: 30pt;
-        margin-left: -5pt;
-    }
-    .imgSaveBtn {
-        position: absolute;
-        transform: translateX(-100%);
-        margin-top: 55pt;
-        margin-left: -5pt;
-    }
-    .imgItem {
-        display: inline;
-        padding-right: 10px;
-    }
-    .imgItemInfo {
-        opacity: 0.5;
-    }
-
-    #container {
-        width: 90%;
-        margin-left: auto;
-        margin-right: auto;
-    }
-    @media screen and (max-width: 1800px) {
-        #container {
-            width: 100%;
-        }
-    }
-    #logo small {
-        font-size: 11pt;
-    }
-    #editor {
-        padding: 5px;
-    }
-    #editor label {
-        font-weight: normal;
-    }
-    .settings-box label small {
-        color: rgb(153, 153, 153);
-    }
-    #preview {
-        padding: 5px;
-    }
-    #editor-inputs {
-        margin-bottom: 20px;
-    }
-    #editor-inputs-prompt {
-        flex: 1;
-    }
-    #editor-inputs .row {
-        padding-bottom: 10px;
-    }
-    #makeImage {
-        border-radius: 6px;
-    }
-    #editor-modifiers h5 {
-        padding: 5pt 0;
-        margin: 0;
-    }
-    #makeImage {
-        flex: 0 0 70px;
-        background: rgb(80, 0, 185);
-        border: 2px solid rgb(40, 0, 78);
-        color: rgb(255, 221, 255);
-        width: 100%;
-        height: 30pt;
-    }
-    #makeImage:hover {
-        background: rgb(93, 0, 214);
-    }
-    #stopImage {
-        flex: 0 0 70px;
-        background: rgb(132, 8, 0);
-        border: 2px solid rgb(122, 29, 0);
-        color: rgb(255, 221, 255);
-        width: 100%;
-        height: 30pt;
-        border-radius: 6px;
-        display: none;
-    }
-    #stopImage:hover {
-        background: rgb(214, 32, 0);
-    }
-    .flex-container {
-        display: flex;
-    }
-    .col-50 {
-        flex: 50%;
-    }
-    .col-fixed-10 {
-        flex: 0 0 400pt;
-    }
-    .col-free {
-        flex: 1;
-    }
-    .collapsible {
-        cursor: pointer;
-    }
-    .collapsible-content {
-        display: none;
-        padding-left: 15px;
-    }
-    .collapsible-content h5 {
-        padding: 5pt 0pt;
-        margin: 0;
-        font-size: 10pt;
-    }
-    .collapsible-handle {
-        color: white;
-        padding-right: 5px;
-    }
-    .panel-box {
-        background: rgb(44, 45, 48);
-        border: 1px solid rgb(47, 49, 53);
-        border-radius: 7px;
-        padding: 5px;
-        margin-bottom: 15px;
-        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
-    }
-    .panel-box h4 {
-        margin: 0;
-        padding: 2px 0;
-    }
-    .prompt-modifier-tag {
-        border: 1px solid rgb(10, 0, 24);
-        border-radius: 4px;
-        padding: 0pt 3pt;
-        margin-right: 2pt;
-        cursor: pointer;
-        display: inline;
-        background: rgb(163, 163, 163);
-        color: black;
-        line-height: 25pt;
-        float: left;
-        font-size: 9pt;
-    }
-    .prompt-modifier-tag:hover {
-        background: black;
-        color: white;
-    }
-    #editor-modifiers-entries .prompt-modifier-tag {
-        background: #110f0f;
-        color: rgb(212, 212, 212);
-        margin-bottom: 4pt;
-        font-size: 10pt;
-    }
-    #editor-modifiers-entries .prompt-modifier-tag:hover {
-        background: rgb(163, 163, 163);
-        color: black;
-    }
-    #editor-modifiers .editor-modifiers-leaf {
-        padding-top: 10pt;
-        padding-bottom: 10pt;
-    }
-    #preview {
-        margin-left: 20pt;
-    }
-    img {
-        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
-    }
-    .line-separator {
-        background: rgb(56, 56, 56);
-        height: 1pt;
-        margin: 15pt 0;
-    }
-    #editor-inputs-tags-container {
-        margin-top: 5pt;
-        display: none;
-    }
-    #server-status {
-        display: inline;
-        float: right;
-        transform: translateY(-5pt);
-    }
-    #server-status-color {
-        /* width: 8pt;
-        height: 8pt;
-        border-radius: 4pt; */
-        font-size: 14pt;
-        color: rgb(128, 87, 0);
-        /* background-color: rgb(197, 1, 1); */
-        /* transform: translateY(15%); */
-        display: inline;
-    }
-    #server-status-msg {
-        color: rgb(128, 87, 0);
-        padding-left: 2pt;
-        font-size: 10pt;
-    }
-    #preview-prompt {
-        font-size: 16pt;
-        margin-bottom: 10pt;
-    }
-    #coffeeButton {
-        height: 23px;
-        transform: translateY(25%);
-    }
-    #inpaintingEditor {
-        width: 300pt;
-        height: 300pt;
-        margin-top: 5pt;
-    }
-    .drawing-board-canvas-wrapper {
-        background-size: 100% 100%;
-    }
-    #inpaintingEditor canvas {
-        opacity: 0.6;
-    }
-    #enable_mask {
-        margin-top: 8pt;
-    }
-
-    #top-nav {
-        padding-top: 3pt;
-        padding-bottom: 15pt;
-    }
-    #top-nav .icon {
-        padding-right: 4pt;
-        font-size: 14pt;
-        transform: translateY(1pt);
-    }
-    #logo {
-        display: inline;
-    }
-    #logo h1 {
-        display: inline;
-    }
-    #top-nav-items {
-        list-style-type: none;
-        display: inline;
-        float: right;
-    }
-    #top-nav-items > li {
-        float: left;
-        display: inline;
-        padding-left: 20pt;
-        cursor: default;
-    }
-    #initial-text {
-        padding-top: 15pt;
-        padding-left: 4pt;
-    }
-    .settings-subheader {
-        font-size: 10pt;
-        font-weight: bold;
-    }
-    .pl-5 {
-        padding-left: 5pt;
-    }
-    #system-settings {
-        width: 360pt;
-        transform: translateX(-100%) translateX(70pt);
-
-        padding-top: 10pt;
-        padding-bottom: 10pt;
-    }
-    #system-settings ul {
-        margin: 0;
-        padding: 0;
-    }
-    #system-settings li {
-        padding-left: 5pt;
-    }
-    #community-links {
-        list-style-type: none;
-        margin: 0;
-        padding: 12pt;
-        padding-bottom: 0pt;
-        transform: translateX(-15%);
-    }
-    #community-links li {
-        padding-bottom: 12pt;
-        display: block;
-        font-size: 10pt;
-    }
-    #community-links li .fa-fw {
-        padding-right: 2pt;
-    }
-    #community-links li a {
-        color: white;
-        text-decoration: none;
-    }
-    .dropdown {
-        overflow: hidden;
-    }
-    .dropdown-content {
-        display: none;
-        position: absolute;
-        z-index: 2;
-
-        background: rgb(18, 18, 19);
-        border: 2px solid rgb(37, 38, 41);
-        border-radius: 7px;
-        padding: 5px;
-        margin-bottom: 15px;
-        box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
-    }
-    .dropdown:hover .dropdown-content {
-        display: block;
-    }
-    </style>
+    <link rel="stylesheet" href="/media/main.css?v=1">
+    <link rel="stylesheet" href="/media/modifier-thumbnails.css?v=1">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
     <link rel="stylesheet" href="/media/drawingboard.min.css">
     <script src="/media/jquery-3.6.1.min.js"></script>
     <script src="/media/drawingboard.min.js"></script>
-</html>
+</head>
 <body>
 <div id="container">
     <div id="top-nav">
         <div id="logo">
-            <h1>Stable Diffusion UI <small>v2.16 <span id="updateBranchLabel"></span></small></h1>
+            <h1>Stable Diffusion UI <small>v2.17 <span id="updateBranchLabel"></span></small></h1>
         </div>
         <ul id="top-nav-items">
             <li class="dropdown">
@@ -457,8 +73,7 @@
 
                 <div id="editor-inputs-tags-container" class="row">
                     <label>Tags: <small>(click a tag to remove it)</small></label>
-                    <div id="editor-inputs-tags-list">
-                    </div>
+                    <div id="editor-inputs-tags-list"></div>
                 </div>
 
                 <button id="makeImage">Make Image</button>
@@ -555,6 +170,15 @@
             <div id="editor-modifiers" class="panel-box">
                 <h4 class="collapsible">Image Modifiers (art styles, tags etc)</h4>
                 <div id="editor-modifiers-entries" class="collapsible-content">
+                    <label for="preview-image">Preview:</label> 
+                    <select id="preview-image" name="preview-image" value="portrait">
+                        <option value="portrait" selected="">Portrait</option>
+                        <option value="landscape">Landscape</option>
+                    </select>
+                    <div>
+                        <label for="modifier-card-size-slider">Card Size:</label>
+                        <input id="modifier-card-size-slider" name="modifier-card-size-slider" value="0" type="range" min="-3" max="5">
+                    </div>
                 </div>
             </div>
         </div>
@@ -587,1078 +211,8 @@
 </div>
 </body>
 
+<script src="media/main.js?v=1"></script>
 <script>
-const SOUND_ENABLED_KEY = "soundEnabled"
-const SAVE_TO_DISK_KEY = "saveToDisk"
-const USE_CPU_KEY = "useCPU"
-const USE_FULL_PRECISION_KEY = "useFullPrecision"
-const USE_TURBO_MODE_KEY = "useTurboMode"
-const DISK_PATH_KEY = "diskPath"
-const ADVANCED_PANEL_OPEN_KEY = "advancedPanelOpen"
-const MODIFIERS_PANEL_OPEN_KEY = "modifiersPanelOpen"
-const USE_FACE_CORRECTION_KEY = "useFaceCorrection"
-const USE_UPSCALING_KEY = "useUpscaling"
-const SHOW_ONLY_FILTERED_IMAGE_KEY = "showOnlyFilteredImage"
-const STREAM_IMAGE_PROGRESS_KEY = "streamImageProgress"
-const HEALTH_PING_INTERVAL = 5 // seconds
-const MAX_INIT_IMAGE_DIMENSION = 768
-
-const IMAGE_REGEX = new RegExp('data:image/[A-Za-z]+;base64')
-
-let sessionId = new Date().getTime()
-
-let promptField = document.querySelector('#prompt')
-let numOutputsTotalField = document.querySelector('#num_outputs_total')
-let numOutputsParallelField = document.querySelector('#num_outputs_parallel')
-let numInferenceStepsField = document.querySelector('#num_inference_steps')
-let guidanceScaleSlider = document.querySelector('#guidance_scale_slider')
-let guidanceScaleField = document.querySelector('#guidance_scale')
-let randomSeedField = document.querySelector("#random_seed")
-let seedField = document.querySelector('#seed')
-let widthField = document.querySelector('#width')
-let heightField = document.querySelector('#height')
-let initImageSelector = document.querySelector("#init_image")
-let initImagePreview = document.querySelector("#init_image_preview")
-let maskImageSelector = document.querySelector("#mask")
-let maskImagePreview = document.querySelector("#mask_preview")
-let turboField = document.querySelector('#turbo')
-let useCPUField = document.querySelector('#use_cpu')
-let useFullPrecisionField = document.querySelector('#use_full_precision')
-let saveToDiskField = document.querySelector('#save_to_disk')
-let diskPathField = document.querySelector('#diskPath')
-// let allowNSFWField = document.querySelector("#allow_nsfw")
-let useBetaChannelField = document.querySelector("#use_beta_channel")
-let promptStrengthSlider = document.querySelector('#prompt_strength_slider')
-let promptStrengthField = document.querySelector('#prompt_strength')
-let samplerField = document.querySelector('#sampler')
-let samplerSelectionContainer = document.querySelector("#samplerSelection")
-let useFaceCorrectionField = document.querySelector("#use_face_correction")
-let useUpscalingField = document.querySelector("#use_upscale")
-let upscaleModelField = document.querySelector("#upscale_model")
-let showOnlyFilteredImageField = document.querySelector("#show_only_filtered_image")
-let updateBranchLabel = document.querySelector("#updateBranchLabel")
-let streamImageProgressField = document.querySelector("#stream_image_progress")
-
-let makeImageBtn = document.querySelector('#makeImage')
-let stopImageBtn = document.querySelector('#stopImage')
-
-let imagesContainer = document.querySelector('#current-images')
-let initImagePreviewContainer = document.querySelector('#init_image_preview_container')
-let initImageClearBtn = document.querySelector('.init_image_clear')
-let promptStrengthContainer = document.querySelector('#prompt_strength_container')
-
-// let maskSetting = document.querySelector('#editor-inputs-mask_setting')
-// let maskImagePreviewContainer = document.querySelector('#mask_preview_container')
-// let maskImageClearBtn = document.querySelector('#mask_clear')
-let maskSetting = document.querySelector('#enable_mask')
-
-let editorModifierEntries = document.querySelector('#editor-modifiers-entries')
-let editorModifierTagsList = document.querySelector('#editor-inputs-tags-list')
-let editorTagsContainer = document.querySelector('#editor-inputs-tags-container')
-
-let previewPrompt = document.querySelector('#preview-prompt')
-
-let showConfigToggle = document.querySelector('#configToggleBtn')
-// let configBox = document.querySelector('#config')
-let outputMsg = document.querySelector('#outputMsg')
-let progressBar = document.querySelector("#progressBar")
-
-let soundToggle = document.querySelector('#sound_toggle')
-
-let serverStatusColor = document.querySelector('#server-status-color')
-let serverStatusMsg = document.querySelector('#server-status-msg')
-
-let advancedPanelHandle = document.querySelector("#editor-settings .collapsible")
-let modifiersPanelHandle = document.querySelector("#editor-modifiers .collapsible")
-let inpaintingEditorContainer = document.querySelector('#inpaintingEditor')
-let inpaintingEditor = new DrawingBoard.Board('inpaintingEditor', {
-    color: "#ffffff",
-    background: false,
-    size: 30,
-    webStorage: false,
-    controls: [{'DrawingMode': {'filler': false}}, 'Size', 'Navigation']
-})
-let inpaintingEditorCanvasBackground = document.querySelector('.drawing-board-canvas-wrapper')
-// let inpaintingEditorControls = document.querySelector('.drawing-board-controls')
-
-// let inpaintingEditorMetaControl = document.createElement('div')
-// inpaintingEditorMetaControl.className = 'drawing-board-control'
-// let initImageClearBtnToolbar = document.createElement('button')
-// initImageClearBtnToolbar.className = 'init_image_clear'
-// initImageClearBtnToolbar.innerHTML = 'Remove Image'
-// inpaintingEditorMetaControl.appendChild(initImageClearBtnToolbar)
-// inpaintingEditorControls.appendChild(inpaintingEditorMetaControl)
-
-let maskResetButton = document.querySelector('.drawing-board-control-navigation-reset')
-maskResetButton.innerHTML = 'Clear'
-maskResetButton.style.fontWeight = 'normal'
-maskResetButton.style.fontSize = '10pt'
-
-let serverStatus = 'offline'
-let activeTags = []
-let lastPromptUsed = ''
-let taskStopped = true
-let batchesDone = 0
-
-function getLocalStorageItem(key, fallback) {
-    let item = localStorage.getItem(key)
-    if (item === null) {
-        return fallback
-    }
-
-    return item
-}
-
-function getLocalStorageBoolItem(key, fallback) {
-    let item = localStorage.getItem(key)
-    if (item === null) {
-        return fallback
-    }
-
-    return (item === 'true' ? true : false)
-}
-
-function handleBoolSettingChange(key) {
-    return function(e) {
-        localStorage.setItem(key, e.target.checked.toString())
-    }
-}
-
-function handleStringSettingChange(key) {
-    return function(e) {
-        localStorage.setItem(key, e.target.value.toString())
-    }
-}
-
-function isSoundEnabled() {
-    return getLocalStorageBoolItem(SOUND_ENABLED_KEY, true)
-}
-
-function isFaceCorrectionEnabled() {
-    return getLocalStorageBoolItem(USE_FACE_CORRECTION_KEY, false)
-}
-
-function isUpscalingEnabled() {
-    return getLocalStorageBoolItem(USE_UPSCALING_KEY, false)
-}
-
-function isShowOnlyFilteredImageEnabled() {
-    return getLocalStorageBoolItem(SHOW_ONLY_FILTERED_IMAGE_KEY, true)
-}
-
-function isSaveToDiskEnabled() {
-    return getLocalStorageBoolItem(SAVE_TO_DISK_KEY, false)
-}
-
-function isUseCPUEnabled() {
-    return getLocalStorageBoolItem(USE_CPU_KEY, false)
-}
-
-function isUseFullPrecisionEnabled() {
-    return getLocalStorageBoolItem(USE_FULL_PRECISION_KEY, false)
-}
-
-function isUseTurboModeEnabled() {
-    return getLocalStorageBoolItem(USE_TURBO_MODE_KEY, true)
-}
-
-function getSavedDiskPath() {
-    return getLocalStorageItem(DISK_PATH_KEY, '')
-}
-
-function isAdvancedPanelOpenEnabled() {
-    return getLocalStorageBoolItem(ADVANCED_PANEL_OPEN_KEY, false)
-}
-
-function isModifiersPanelOpenEnabled() {
-    return getLocalStorageBoolItem(MODIFIERS_PANEL_OPEN_KEY, false)
-}
-
-function isStreamImageProgressEnabled() {
-    return getLocalStorageBoolItem(STREAM_IMAGE_PROGRESS_KEY, false)
-}
-
-function setStatus(statusType, msg, msgType) {
-    if (statusType !== 'server') {
-        return;
-    }
-
-    if (msgType == 'error') {
-        // msg = '<span style="color: red">' + msg + '<span>'
-        serverStatusColor.style.color = 'red'
-        serverStatusMsg.style.color = 'red'
-        serverStatusMsg.innerHTML = 'Stable Diffusion has stopped'
-    } else if (msgType == 'success') {
-        // msg = '<span style="color: green">' + msg + '<span>'
-        serverStatusColor.style.color = 'green'
-        serverStatusMsg.style.color = 'green'
-        serverStatusMsg.innerHTML = 'Stable Diffusion is ready'
-        serverStatus = 'online'
-    }
-}
-
-function logMsg(msg, level) {
-    if (level === 'error') {
-        outputMsg.innerHTML = '<span style="color: red">Error: ' + msg + '</span>'
-    } else if (level === 'warn') {
-        outputMsg.innerHTML = '<span style="color: orange">Warning: ' + msg + '</span>'
-    } else {
-        outputMsg.innerHTML = msg
-    }
-
-    console.log(level, msg)
-}
-
-function logError(msg, res) {
-    logMsg(msg, 'error')
-
-    console.log('request error', res)
-    setStatus('request', 'error', 'error')
-}
-
-function playSound() {
-    const audio = new Audio('/media/ding.mp3')
-    audio.volume = 0.2
-    audio.play()
-}
-
-async function healthCheck() {
-    try {
-        let res = await fetch('/ping')
-        res = await res.json()
-
-        if (res[0] == 'OK') {
-            setStatus('server', 'online', 'success')
-        } else {
-            setStatus('server', 'offline', 'error')
-        }
-    } catch (e) {
-        setStatus('server', 'offline', 'error')
-    }
-}
-
-function makeImageElement(width, height) {
-    let imgItem = document.createElement('div')
-    imgItem.className = 'imgItem'
-
-    let img = document.createElement('img')
-    img.width = parseInt(width)
-    img.height = parseInt(height)
-
-    imgItem.appendChild(img)
-    imagesContainer.appendChild(imgItem)
-
-    return imgItem
-}
-
-// makes a single image. don't call this directly, use makeImage() instead
-async function doMakeImage(reqBody, batchCount) {
-    if (taskStopped) {
-        return
-    }
-
-    let res = ''
-    let seed = reqBody['seed']
-    let numOutputs = parseInt(reqBody['num_outputs'])
-
-    let images = []
-
-    function makeImageContainers(numImages) {
-        for (let i = images.length; i < numImages; i++) {
-            images.push(makeImageElement(reqBody.width, reqBody.height))
-        }
-    }
-
-    try {
-        res = await fetch('/image', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(reqBody)
-        })
-
-        let reader = res.body.getReader()
-        let textDecoder = new TextDecoder()
-        let finalJSON = ''
-        let prevTime = -1
-        while (true) {
-            try {
-                let t = new Date().getTime()
-
-                const {value, done} = await reader.read()
-                if (done) {
-                    break
-                }
-
-                let timeTaken = (prevTime === -1 ? -1 : t - prevTime)
-
-                let jsonStr = textDecoder.decode(value)
-
-                try {
-                    let stepUpdate = JSON.parse(jsonStr)
-
-                    if (stepUpdate.step === undefined) {
-                        finalJSON += jsonStr
-                    } else {
-                        let batchSize = stepUpdate.total_steps
-                        let overallStepCount = stepUpdate.step + batchesDone * batchSize
-                        let totalSteps = batchCount * batchSize
-                        let percent = 100 * (overallStepCount / totalSteps)
-                        percent = (percent > 100 ? 100 : percent)
-                        percent = percent.toFixed(0)
-
-                        stepsRemaining = totalSteps - overallStepCount
-                        stepsRemaining = (stepsRemaining < 0 ? 0 : stepsRemaining)
-                        timeRemaining = (timeTaken === -1 ? '' : stepsRemaining * timeTaken) // ms
-
-                        outputMsg.innerHTML = `Batch ${batchesDone+1} of ${batchCount}`
-                        progressBar.innerHTML = `Generating image(s): ${percent}%`
-
-                        if (timeTaken !== -1) {
-                            progressBar.innerHTML += `<br>Time remaining (approx): ${millisecondsToStr(timeRemaining)}`
-                        }
-                        progressBar.style.display = 'block'
-
-                        if (stepUpdate.output !== undefined) {
-                            makeImageContainers(numOutputs)
-
-                            for (idx in stepUpdate.output) {
-                                let imgItem = images[idx]
-                                let img = imgItem.firstChild
-                                let tmpImageData = stepUpdate.output[idx]
-                                img.src = tmpImageData['path'] + '?t=' + new Date().getTime()
-                            }
-                        }
-                    }
-                } catch (e) {
-                    finalJSON += jsonStr
-                }
-
-                prevTime = t
-            } catch (e) {
-                logError('Stable Diffusion had an error. Please check the logs in the command-line window.', res)
-                res = undefined
-                throw e
-            }
-        }
-
-        if (res.status != 200) {
-            if (serverStatus === 'online') {
-                logError('Stable Diffusion had an error: ' + await res.text(), res)
-            } else {
-                logError("Stable Diffusion is still starting up, please wait. If this goes on beyond a few minutes, Stable Diffusion has probably crashed. Please check the error message in the command-line window.", res)
-            }
-            res = undefined
-            progressBar.style.display = 'none'
-        } else {
-            res = JSON.parse(finalJSON)
-            progressBar.style.display = 'none'
-
-            if (res.status !== 'succeeded') {
-                let msg = ''
-                if (res.detail !== undefined) {
-                    msg = res.detail
-
-                    if (msg.toLowerCase().includes('out of memory')) {
-                        msg += `<br/><br/>
-                                <b>Suggestions</b>:
-                                <br/>
-                                1. If you have set an initial image, please try reducing its dimension to ${MAX_INIT_IMAGE_DIMENSION}x${MAX_INIT_IMAGE_DIMENSION} or smaller.<br/>
-                                2. Try disabling the '<em>Turbo mode</em>' under '<em>Advanced Settings</em>'.<br/>
-                                3. Try generating a smaller image.<br/>`
-                    }
-                } else {
-                    msg = res
-                }
-                logError(msg, res)
-                res = undefined
-            }
-        }
-    } catch (e) {
-        console.log('request error', e)
-        logError('Stable Diffusion had an error. Please check the logs in the command-line window. <br/><br/>' + e + '<br/><pre>' + e.stack + '</pre>', res)
-        setStatus('request', 'error', 'error')
-        progressBar.style.display = 'none'
-        res = undefined
-    }
-
-    if (!res) {
-        return false
-    }
-
-    lastPromptUsed = reqBody['prompt']
-
-    makeImageContainers(res.output.length)
-
-    for (let idx in res.output) {
-        let imgBody = ''
-        let seed = 0
-
-        try {
-            let imgData = res.output[idx]
-            imgBody = imgData.data
-            seed = imgData.seed
-        } catch (e) {
-            console.log(imgBody)
-            setStatus('request', 'invalid image', 'error')
-            continue
-        }
-
-        let imgItem = images[idx]
-        let img = imgItem.firstChild
-
-        img.src = imgBody
-
-        let imgItemInfo = document.createElement('span')
-        imgItemInfo.className = 'imgItemInfo'
-
-        let imgSeedLabel = document.createElement('span')
-        imgSeedLabel.className = 'imgSeedLabel'
-        imgSeedLabel.innerHTML = 'Seed: ' + seed
-
-        let imgUseBtn = document.createElement('button')
-        imgUseBtn.className = 'imgUseBtn'
-        imgUseBtn.innerHTML = 'Use as Input'
-
-        let imgSaveBtn = document.createElement('button')
-        imgSaveBtn.className = 'imgSaveBtn'
-        imgSaveBtn.innerHTML = 'Download'
-
-        imgItem.appendChild(imgItemInfo)
-        imgItemInfo.appendChild(imgSeedLabel)
-        imgItemInfo.appendChild(imgUseBtn)
-        imgItemInfo.appendChild(imgSaveBtn)
-
-        imgUseBtn.addEventListener('click', function() {
-            initImageSelector.value = null
-            initImagePreview.src = imgBody
-
-            initImagePreviewContainer.style.display = 'block'
-            inpaintingEditorContainer.style.display = 'none'
-            promptStrengthContainer.style.display = 'block'
-            maskSetting.checked = false
-
-            // maskSetting.style.display = 'block'
-
-            randomSeedField.checked = false
-            seedField.value = seed
-            seedField.disabled = false
-
-            samplerSelectionContainer.style.display = 'none'
-        })
-
-        imgSaveBtn.addEventListener('click', function() {
-            let imgDownload = document.createElement('a')
-            imgDownload.download = createFileName();
-            imgDownload.href = imgBody
-            imgDownload.click()
-        })
-
-        imgItem.addEventListener('mouseenter', function() {
-            imgItemInfo.style.opacity = 1
-        })
-
-        imgItem.addEventListener('mouseleave', function() {
-            imgItemInfo.style.opacity = 0.5
-        })
-    }
-
-    return true
-}
-
-function validateInput() {
-    let width = parseInt(widthField.value)
-    let height = parseInt(heightField.value)
-
-    if (IMAGE_REGEX.test(initImagePreview.src)) {
-        if (initImagePreview.naturalWidth > MAX_INIT_IMAGE_DIMENSION || initImagePreview.naturalHeight > MAX_INIT_IMAGE_DIMENSION) {
-            return {'isValid': false, 'warning': `The dimensions of your initial image are very large, and can cause 'Out of Memory' errors! Please ensure that its dimensions are equal (or smaller) than the desired output image.
-                    <br/><br/>
-                    Your initial image size is ${initImagePreview.naturalWidth}x${initImagePreview.naturalHeight} pixels. Please try to keep it smaller than ${MAX_INIT_IMAGE_DIMENSION}x${MAX_INIT_IMAGE_DIMENSION}.`}
-        }
-    }
-
-    return {'isValid': true}
-}
-
-async function makeImage() {
-    if (serverStatus !== 'online') {
-        logError('The server is still starting up..')
-        return
-    }
-
-    let validation = validateInput()
-    if (validation['isValid']) {
-        outputMsg.innerHTML = 'Starting..'
-    } else {
-        if (validation['error']) {
-            logError(validation['error'])
-            return
-        } else if (validation['warning']) {
-            logMsg(validation['warning'], 'warn')
-        }
-    }
-
-    setStatus('request', 'fetching..')
-
-    makeImageBtn.innerHTML = 'Processing..'
-    makeImageBtn.disabled = true
-    makeImageBtn.style.display = 'none'
-    stopImageBtn.style.display = 'block'
-
-    taskStopped = false
-    batchesDone = 0
-
-    let seed = (randomSeedField.checked ? Math.floor(Math.random() * 10000000) : parseInt(seedField.value))
-    let numOutputsTotal = parseInt(numOutputsTotalField.value)
-    let numOutputsParallel = parseInt(numOutputsParallelField.value)
-    let batchCount = Math.ceil(numOutputsTotal / numOutputsParallel)
-    let batchSize = numOutputsParallel
-
-    let streamImageProgress = (numOutputsTotal > 50 ? false : streamImageProgressField.checked)
-
-    let prompt = promptField.value
-    if (activeTags.length > 0) {
-        let promptTags = activeTags.join(", ")
-        prompt += ", " + promptTags
-    }
-
-    previewPrompt.innerHTML = prompt
-
-    let reqBody = {
-        session_id: sessionId,
-        prompt: prompt,
-        num_outputs: batchSize,
-        num_inference_steps: numInferenceStepsField.value,
-        guidance_scale: guidanceScaleField.value,
-        width: widthField.value,
-        height: heightField.value,
-        // allow_nsfw: allowNSFWField.checked,
-        turbo: turboField.checked,
-        use_cpu: useCPUField.checked,
-        use_full_precision: useFullPrecisionField.checked,
-        stream_progress_updates: true,
-        stream_image_progress: streamImageProgress,
-        show_only_filtered_image: showOnlyFilteredImageField.checked
-    }
-
-    if (IMAGE_REGEX.test(initImagePreview.src)) {
-        reqBody['init_image'] = initImagePreview.src
-        reqBody['prompt_strength'] = promptStrengthField.value
-
-        // if (IMAGE_REGEX.test(maskImagePreview.src)) {
-        //     reqBody['mask'] = maskImagePreview.src
-        // }
-        if (maskSetting.checked) {
-            reqBody['mask'] = inpaintingEditor.getImg()
-        }
-
-        reqBody['sampler'] = 'ddim'
-    } else {
-        reqBody['sampler'] = samplerField.value
-    }
-
-    if (saveToDiskField.checked && diskPathField.value.trim() !== '') {
-        reqBody['save_to_disk_path'] = diskPathField.value.trim()
-    }
-
-    if (useFaceCorrectionField.checked) {
-        reqBody['use_face_correction'] = 'GFPGANv1.3'
-    }
-
-    if (useUpscalingField.checked) {
-        reqBody['use_upscale'] = upscaleModelField.value
-    }
-
-    let time = new Date().getTime()
-    imagesContainer.innerHTML = ''
-
-    let successCount = 0
-
-    for (let i = 0; i < batchCount; i++) {
-        reqBody['seed'] = seed + (i * batchSize)
-
-        let success = await doMakeImage(reqBody, batchCount)
-        batchesDone++
-
-        if (success) {
-            outputMsg.innerHTML = 'Processed batch ' + (i+1) + '/' + batchCount
-            successCount++
-        }
-    }
-
-    makeImageBtn.innerHTML = 'Make Image'
-    makeImageBtn.disabled = false
-    makeImageBtn.style.display = 'block'
-    stopImageBtn.style.display = 'none'
-
-    if (isSoundEnabled()) {
-        playSound()
-    }
-
-    time = new Date().getTime() - time
-    time /= 1000
-
-    if (successCount === batchCount) {
-        outputMsg.innerHTML = 'Processed ' + numOutputsTotal + ' images in ' + time + ' seconds'
-
-        setStatus('request', 'done', 'success')
-    }
-
-    if (randomSeedField.checked) {
-        seedField.value = seed
-    }
-}
-
-// create a file name with embedded prompt and metadata
-// for easier cateloging and comparison
-function createFileName() {
-
-    // Most important information is the prompt
-    let underscoreName = lastPromptUsed.replace(/[^a-zA-Z0-9]/g, '_')
-    underscoreName = underscoreName.substring(0, 100)
-    const seed = seedField.value
-    const steps = numInferenceStepsField.value
-    const guidance =  guidanceScaleField.value
-
-    // name and the top level metadata
-    let fileName = `${underscoreName}_Seed-${seed}_Steps-${steps}_Guidance-${guidance}`
-
-    // add the tags
-    // let tags = [];
-    // let tagString = '';
-    // document.querySelectorAll(modifyTagsSelector).forEach(function(tag) {
-    //     tags.push(tag.innerHTML);
-    // })
-
-    // join the tags with a pipe
-    // if (activeTags.length > 0) {
-    //     tagString = '_Tags-';
-    //     tagString += tags.join('|');
-    // }
-
-    // // append empty or populated tags
-    // fileName += `${tagString}`;
-
-    // add the file extension
-    fileName += `.png`
-
-    return fileName
-}
-
-stopImageBtn.addEventListener('click', async function() {
-    try {
-        let res = await fetch('/image/stop')
-    } catch (e) {
-        console.log(e)
-    }
-
-    stopImageBtn.style.display = 'none'
-    makeImageBtn.style.display = 'block'
-
-    taskStopped = true
-})
-
-soundToggle.addEventListener('click', handleBoolSettingChange(SOUND_ENABLED_KEY))
-soundToggle.checked = isSoundEnabled()
-
-saveToDiskField.checked = isSaveToDiskEnabled()
-diskPathField.disabled = !saveToDiskField.checked
-
-useFaceCorrectionField.addEventListener('click', handleBoolSettingChange(USE_FACE_CORRECTION_KEY))
-useFaceCorrectionField.checked = isFaceCorrectionEnabled()
-
-useUpscalingField.checked = isUpscalingEnabled()
-upscaleModelField.disabled = !useUpscalingField.checked
-
-showOnlyFilteredImageField.addEventListener('click', handleBoolSettingChange(SHOW_ONLY_FILTERED_IMAGE_KEY))
-showOnlyFilteredImageField.checked = isShowOnlyFilteredImageEnabled()
-
-useCPUField.addEventListener('click', handleBoolSettingChange(USE_CPU_KEY))
-useCPUField.checked = isUseCPUEnabled()
-
-useFullPrecisionField.addEventListener('click', handleBoolSettingChange(USE_FULL_PRECISION_KEY))
-useFullPrecisionField.checked = isUseFullPrecisionEnabled()
-
-turboField.addEventListener('click', handleBoolSettingChange(USE_TURBO_MODE_KEY))
-turboField.checked = isUseTurboModeEnabled()
-
-streamImageProgressField.addEventListener('click', handleBoolSettingChange(STREAM_IMAGE_PROGRESS_KEY))
-streamImageProgressField.checked = isStreamImageProgressEnabled()
-
-diskPathField.addEventListener('change', handleStringSettingChange(DISK_PATH_KEY))
-
-saveToDiskField.addEventListener('click', function(e) {
-    diskPathField.disabled = !this.checked
-    handleBoolSettingChange(SAVE_TO_DISK_KEY)(e)
-})
-
-useUpscalingField.addEventListener('click', function(e) {
-    upscaleModelField.disabled = !this.checked
-    handleBoolSettingChange(USE_UPSCALING_KEY)(e)
-})
-
-function setPanelOpen(panelHandle) {
-    let panelContents = panelHandle.nextElementSibling
-    panelHandle.classList.add('active')
-    panelContents.style.display = 'block'
-}
-
-if (isAdvancedPanelOpenEnabled()) {
-    setPanelOpen(advancedPanelHandle)
-}
-
-if (isModifiersPanelOpenEnabled()) {
-    setPanelOpen(modifiersPanelHandle)
-}
-
-makeImageBtn.addEventListener('click', makeImage)
-
-
-function updateGuidanceScale() {
-    guidanceScaleField.value = guidanceScaleSlider.value / 10
-}
-
-function updateGuidanceScaleSlider() {
-    if (guidanceScaleField.value < 0) {
-        guidanceScaleField.value = 0
-    } else if (guidanceScaleField.value > 50) {
-        guidanceScaleField.value = 50
-    }
-
-    guidanceScaleSlider.value = guidanceScaleField.value * 10
-}
-
-guidanceScaleSlider.addEventListener('input', updateGuidanceScale)
-guidanceScaleField.addEventListener('input', updateGuidanceScaleSlider)
-updateGuidanceScale()
-
-function updatePromptStrength() {
-    promptStrengthField.value = promptStrengthSlider.value / 100
-}
-
-function updatePromptStrengthSlider() {
-    if (promptStrengthField.value < 0) {
-        promptStrengthField.value = 0
-    } else if (promptStrengthField.value > 0.99) {
-        promptStrengthField.value = 0.99
-    }
-
-    promptStrengthSlider.value = promptStrengthField.value * 100
-}
-
-promptStrengthSlider.addEventListener('input', updatePromptStrength)
-promptStrengthField.addEventListener('input', updatePromptStrengthSlider)
-updatePromptStrength()
-
-useBetaChannelField.addEventListener('click', async function(e) {
-    if (serverStatus !== 'online') {
-        logError('The server is still starting up..')
-        alert('The server is still starting up..')
-        e.preventDefault()
-        return false
-    }
-
-    let updateBranch = (this.checked ? 'beta' : 'main')
-
-    try {
-        let res = await fetch('/app_config', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify({
-                'update_branch': updateBranch
-            })
-        })
-        res = await res.json()
-
-        console.log('set config status response', res)
-    } catch (e) {
-        console.log('set config status error', e)
-    }
-})
-
-async function getAppConfig() {
-    try {
-        let res = await fetch('/app_config')
-        config = await res.json()
-
-        if (config.update_branch === 'beta') {
-            useBetaChannelField.checked = true
-            updateBranchLabel.innerHTML = "(beta)"
-        }
-
-        console.log('get config status response', config)
-    } catch (e) {
-        console.log('get config status error', e)
-    }
-}
-
-function checkRandomSeed() {
-    if (randomSeedField.checked) {
-        seedField.disabled = true
-        seedField.value = "0"
-    } else {
-        seedField.disabled = false
-    }
-}
-randomSeedField.addEventListener('input', checkRandomSeed)
-checkRandomSeed()
-
-function showInitImagePreview() {
-    if (initImageSelector.files.length === 0) {
-        initImagePreviewContainer.style.display = 'none'
-        // inpaintingEditorContainer.style.display = 'none'
-        promptStrengthContainer.style.display = 'none'
-        // maskSetting.style.display = 'none'
-        return
-    }
-
-    let reader = new FileReader()
-    let file = initImageSelector.files[0]
-
-    reader.addEventListener('load', function() {
-        // console.log(file.name, reader.result)
-        initImagePreview.src = reader.result
-        initImagePreviewContainer.style.display = 'block'
-        inpaintingEditorContainer.style.display = 'none'
-        promptStrengthContainer.style.display = 'block'
-        samplerSelectionContainer.style.display = 'none'
-        // maskSetting.checked = false
-    })
-
-    if (file) {
-        reader.readAsDataURL(file)
-    }
-}
-initImageSelector.addEventListener('change', showInitImagePreview)
-showInitImagePreview()
-
-initImagePreview.addEventListener('load', function() {
-    inpaintingEditorCanvasBackground.style.backgroundImage = "url('" + this.src + "')"
-    // maskSetting.style.display = 'block'
-    // inpaintingEditorContainer.style.display = 'block'
-})
-
-initImageClearBtn.addEventListener('click', function() {
-    initImageSelector.value = null
-    // maskImageSelector.value = null
-
-    initImagePreview.src = ''
-    // maskImagePreview.src = ''
-    maskSetting.checked = false
-
-    initImagePreviewContainer.style.display = 'none'
-    // inpaintingEditorContainer.style.display = 'none'
-    // maskImagePreviewContainer.style.display = 'none'
-
-    // maskSetting.style.display = 'none'
-
-    promptStrengthContainer.style.display = 'none'
-    samplerSelectionContainer.style.display = 'block'
-})
-
-maskSetting.addEventListener('click', function() {
-    inpaintingEditorContainer.style.display = (this.checked ? 'block' : 'none')
-})
-
-// function showMaskImagePreview() {
-//     if (maskImageSelector.files.length === 0) {
-//         // maskImagePreviewContainer.style.display = 'none'
-//         return
-//     }
-
-//     let reader = new FileReader()
-//     let file = maskImageSelector.files[0]
-
-//     reader.addEventListener('load', function() {
-//         // maskImagePreview.src = reader.result
-//         // maskImagePreviewContainer.style.display = 'block'
-//     })
-
-//     if (file) {
-//         reader.readAsDataURL(file)
-//     }
-// }
-// maskImageSelector.addEventListener('change', showMaskImagePreview)
-// showMaskImagePreview()
-
-// maskImageClearBtn.addEventListener('click', function() {
-//     maskImageSelector.value = null
-//     maskImagePreview.src = ''
-//     // maskImagePreviewContainer.style.display = 'none'
-// })
-
-// https://stackoverflow.com/a/8212878
-function millisecondsToStr(milliseconds) {
-    function numberEnding (number) {
-        return (number > 1) ? 's' : '';
-    }
-
-    var temp = Math.floor(milliseconds / 1000);
-    var hours = Math.floor((temp %= 86400) / 3600);
-    var s = ''
-    if (hours) {
-        s += hours + ' hour' + numberEnding(hours) + ' ';
-    }
-    var minutes = Math.floor((temp %= 3600) / 60);
-    if (minutes) {
-        s += minutes + ' minute' + numberEnding(minutes) + ' ';
-    }
-    var seconds = temp % 60;
-    if (!hours && minutes < 4 && seconds) {
-        s += seconds + ' second' + numberEnding(seconds);
-    }
-
-    return s;
-}
-</script>
-<script>
-function createCollapsibles(node) {
-    if (!node) {
-        node = document
-    }
-
-    let collapsibles = node.querySelectorAll(".collapsible")
-    collapsibles.forEach(function(c) {
-        let handle = document.createElement('span')
-        handle.className = 'collapsible-handle'
-
-        if (c.className.indexOf('active') !== -1) {
-            handle.innerHTML = '&#x2796;' // minus
-        } else {
-            handle.innerHTML = '&#x2795;' // plus
-        }
-        c.insertBefore(handle, c.firstChild)
-
-        c.addEventListener('click', function() {
-            this.classList.toggle("active")
-            let content = this.nextElementSibling
-            if (content.style.display === "block") {
-                content.style.display = "none"
-                handle.innerHTML = '&#x2795;' // plus
-            } else {
-                content.style.display = "block"
-                handle.innerHTML = '&#x2796;' // minus
-            }
-
-            if (this == advancedPanelHandle) {
-                let state = (content.style.display === 'block' ? 'true' : 'false')
-                localStorage.setItem(ADVANCED_PANEL_OPEN_KEY, state)
-            } else if (this == modifiersPanelHandle) {
-                let state = (content.style.display === 'block' ? 'true' : 'false')
-                localStorage.setItem(MODIFIERS_PANEL_OPEN_KEY, state)
-            }
-        })
-    })
-}
-createCollapsibles()
-
-function refreshTagsList() {
-    editorModifierTagsList.innerHTML = ''
-
-    if (activeTags.length == 0) {
-        editorTagsContainer.style.display = 'none'
-        return
-    } else {
-        editorTagsContainer.style.display = 'block'
-    }
-
-    activeTags.forEach(function(tag) {
-        let el = document.createElement('div')
-        el.className = 'prompt-modifier-tag'
-        el.innerHTML = tag
-
-        editorModifierTagsList.appendChild(el)
-
-        el.addEventListener('click', function() {
-            let idx = activeTags.indexOf(tag)
-            if (idx !== -1) {
-                activeTags.splice(idx, 1)
-                refreshTagsList()
-            }
-        })
-    })
-
-    let brk = document.createElement('br')
-    brk.style.clear = 'both'
-    editorModifierTagsList.appendChild(brk)
-}
-
-async function getDiskPath() {
-    try {
-        let diskPath = getSavedDiskPath()
-
-        if (diskPath !== '') {
-            diskPathField.value = diskPath
-            return
-        }
-
-        let res = await fetch('/output_dir')
-        if (res.status === 200) {
-            res = await res.json()
-            res = res[0]
-
-            document.querySelector('#diskPath').value = res
-        }
-    } catch (e) {
-        console.log('error fetching output dir path', e)
-    }
-}
-
-async function loadModifiers() {
-    try {
-        let res = await fetch('/modifiers.json')
-        if (res.status === 200) {
-            res = await res.json()
-
-            res.forEach(function(m) {
-                let title = m[0]
-                let modifiers = m[1]
-
-                let titleEl = document.createElement('h5')
-                titleEl.className = 'collapsible'
-                titleEl.innerHTML = title
-
-                let modifiersEl = document.createElement('div')
-                modifiersEl.classList.add('collapsible-content', 'editor-modifiers-leaf')
-
-                modifiers.forEach(function(modifier) {
-                    let tagEl = document.createElement('div')
-                    tagEl.className = 'prompt-modifier-tag'
-                    tagEl.innerHTML = modifier
-
-                    modifiersEl.appendChild(tagEl)
-
-                    tagEl.addEventListener('click', function() {
-                        if (activeTags.includes(modifier)) {
-                            return
-                        }
-
-                        activeTags.push(modifier)
-                        refreshTagsList()
-                    })
-                })
-                let brk = document.createElement('br')
-                brk.style.clear = 'both'
-                modifiersEl.appendChild(brk)
-
-                let e = document.createElement('div')
-                e.appendChild(titleEl)
-                e.appendChild(modifiersEl)
-
-                editorModifierEntries.appendChild(e)
-            })
-
-            createCollapsibles(editorModifierEntries)
-        }
-    } catch (e) {
-        console.log('error fetching modifiers', e)
-    }
-}
-
 async function init() {
     await loadModifiers()
     await getDiskPath()
diff --git a/ui/media/main.css b/ui/media/main.css
new file mode 100644
index 00000000..516ae713
--- /dev/null
+++ b/ui/media/main.css
@@ -0,0 +1,359 @@
+body {
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 11pt;
+    background-color: rgb(32, 33, 36);
+    color: #eee;
+}
+a {
+    color: rgb(0, 102, 204);
+}
+a:visited {
+    color: rgb(0, 102, 204);
+}
+label {
+    font-size: 10pt;
+}
+#prompt {
+    width: 100%;
+    height: 65pt;
+    box-sizing: border-box;
+}
+@media screen and (max-width: 600px) {
+    #prompt {
+        width: 95%;
+    }
+}
+.image_preview_container {
+    /* display: none; */
+    margin-top: 10pt;
+}
+.image_clear_btn {
+    position: absolute;
+    transform: translateX(-50%) translateY(-35%);
+    background: black;
+    color: white;
+    border: 2pt solid #ccc;
+    padding: 0;
+    cursor: pointer;
+    outline: inherit;
+    border-radius: 8pt;
+    width: 16pt;
+    height: 16pt;
+    font-family: Verdana;
+    font-size: 8pt;
+}
+.settings-box ul {
+    font-size: 9pt;
+    margin-bottom: 5px;
+    padding-left: 10px;
+    list-style-type: none;
+}
+.settings-box li {
+    padding-bottom: 4pt;
+}
+.editor-slider {
+    transform: translateY(30%);
+}
+#outputMsg {
+    font-size: small;
+}
+#progressBar {
+    font-size: small;
+}
+#footer {
+    font-size: small;
+    padding-left: 10pt;
+    background: none;
+}
+#footer-legal {
+    font-size: 8pt;
+}
+.imgSeedLabel {
+    position: absolute;
+    transform: translateX(-100%);
+    margin-top: 5pt;
+    margin-left: -5pt;
+    font-size: 10pt;
+
+    background-color: #333;
+    opacity: 0.8;
+    color: #ddd;
+    border-radius: 3pt;
+    padding: 1pt 3pt;
+}
+.imgUseBtn {
+    position: absolute;
+    transform: translateX(-100%);
+    margin-top: 30pt;
+    margin-left: -5pt;
+}
+.imgSaveBtn {
+    position: absolute;
+    transform: translateX(-100%);
+    margin-top: 55pt;
+    margin-left: -5pt;
+}
+.imgItem {
+    display: inline;
+    padding-right: 10px;
+}
+.imgItemInfo {
+    opacity: 0.5;
+}
+
+#container {
+    width: 90%;
+    margin-left: auto;
+    margin-right: auto;
+}
+@media screen and (max-width: 1800px) {
+    #container {
+        width: 100%;
+    }
+}
+#logo small {
+    font-size: 11pt;
+}
+#editor {
+    padding: 5px;
+}
+#editor label {
+    font-weight: normal;
+}
+.settings-box label small {
+    color: rgb(153, 153, 153);
+}
+#preview {
+    padding: 5px;
+}
+#editor-inputs {
+    margin-bottom: 20px;
+}
+#editor-inputs-prompt {
+    flex: 1;
+}
+#editor-inputs .row {
+    padding-bottom: 10px;
+}
+#makeImage {
+    border-radius: 6px;
+}
+#editor-modifiers h5 {
+    padding: 5pt 0;
+    margin: 0;
+}
+#makeImage {
+    flex: 0 0 70px;
+    background: rgb(80, 0, 185);
+    border: 2px solid rgb(40, 0, 78);
+    color: rgb(255, 221, 255);
+    width: 100%;
+    height: 30pt;
+}
+#makeImage:hover {
+    background: rgb(93, 0, 214);
+}
+#stopImage {
+    flex: 0 0 70px;
+    background: rgb(132, 8, 0);
+    border: 2px solid rgb(122, 29, 0);
+    color: rgb(255, 221, 255);
+    width: 100%;
+    height: 30pt;
+    border-radius: 6px;
+    display: none;
+}
+#stopImage:hover {
+    background: rgb(214, 32, 0);
+}
+.flex-container {
+    display: flex;
+}
+.col-50 {
+    flex: 50%;
+}
+.col-fixed-10 {
+    flex: 0 0 400pt;
+}
+.col-free {
+    flex: 1;
+}
+.collapsible {
+    cursor: pointer;
+}
+.collapsible-content {
+    display: none;
+    padding-left: 15px;
+}
+.collapsible-content h5 {
+    padding: 5pt 0pt;
+    margin: 0;
+    font-size: 10pt;
+}
+.collapsible-handle {
+    color: white;
+    padding-right: 5px;
+}
+.panel-box {
+    background: rgb(44, 45, 48);
+    border: 1px solid rgb(47, 49, 53);
+    border-radius: 7px;
+    padding: 5px;
+    margin-bottom: 15px;
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
+}
+.panel-box h4 {
+    margin: 0;
+    padding: 2px 0;
+}
+#editor-modifiers .editor-modifiers-leaf {
+    padding-top: 10pt;
+    padding-bottom: 10pt;
+}
+#preview {
+    margin-left: 20pt;
+}
+img {
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
+}
+.line-separator {
+    background: rgb(56, 56, 56);
+    height: 1pt;
+    margin: 15pt 0;
+}
+#editor-inputs-tags-container {
+    margin-top: 5pt;
+    display: none;
+}
+#server-status {
+    display: inline;
+    float: right;
+    transform: translateY(-5pt);
+}
+#server-status-color {
+    /* width: 8pt;
+    height: 8pt;
+    border-radius: 4pt; */
+    font-size: 14pt;
+    color: rgb(128, 87, 0);
+    /* background-color: rgb(197, 1, 1); */
+    /* transform: translateY(15%); */
+    display: inline;
+}
+#server-status-msg {
+    color: rgb(128, 87, 0);
+    padding-left: 2pt;
+    font-size: 10pt;
+}
+#preview-prompt {
+    font-size: 16pt;
+    margin-bottom: 10pt;
+}
+#coffeeButton {
+    height: 23px;
+    transform: translateY(25%);
+}
+
+#inpaintingEditor {
+    width: 300pt;
+    height: 300pt;
+    margin-top: 5pt;
+}
+.drawing-board-canvas-wrapper {
+    background-size: 100% 100%;
+}
+#inpaintingEditor canvas {
+    opacity: 0.6;
+}
+#enable_mask {
+    margin-top: 8pt;
+}
+
+#top-nav {
+    padding-top: 3pt;
+    padding-bottom: 15pt;
+}
+#top-nav .icon {
+    padding-right: 4pt;
+    font-size: 14pt;
+    transform: translateY(1pt);
+}
+#logo {
+    display: inline;
+}
+#logo h1 {
+    display: inline;
+}
+#top-nav-items {
+    list-style-type: none;
+    display: inline;
+    float: right;
+}
+#top-nav-items > li {
+    float: left;
+    display: inline;
+    padding-left: 20pt;
+    cursor: default;
+}
+#initial-text {
+    padding-top: 15pt;
+    padding-left: 4pt;
+}
+.settings-subheader {
+    font-size: 10pt;
+    font-weight: bold;
+}
+.pl-5 {
+    padding-left: 5pt;
+}
+#system-settings {
+    width: 360pt;
+    transform: translateX(-100%) translateX(70pt);
+
+    padding-top: 10pt;
+    padding-bottom: 10pt;
+}
+#system-settings ul {
+    margin: 0;
+    padding: 0;
+}
+#system-settings li {
+    padding-left: 5pt;
+}
+#community-links {
+    list-style-type: none;
+    margin: 0;
+    padding: 12pt;
+    padding-bottom: 0pt;
+    transform: translateX(-15%);
+}
+#community-links li {
+    padding-bottom: 12pt;
+    display: block;
+    font-size: 10pt;
+}
+#community-links li .fa-fw {
+    padding-right: 2pt;
+}
+#community-links li a {
+    color: white;
+    text-decoration: none;
+}
+.dropdown {
+    overflow: hidden;
+}
+.dropdown-content {
+    display: none;
+    position: absolute;
+    z-index: 2;
+
+    background: rgb(18, 18, 19);
+    border: 2px solid rgb(37, 38, 41);
+    border-radius: 7px;
+    padding: 5px;
+    margin-bottom: 15px;
+    box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
+}
+.dropdown:hover .dropdown-content {
+    display: block;
+}
\ No newline at end of file
diff --git a/ui/media/main.js b/ui/media/main.js
new file mode 100644
index 00000000..fe2f69df
--- /dev/null
+++ b/ui/media/main.js
@@ -0,0 +1,1205 @@
+const SOUND_ENABLED_KEY = "soundEnabled"
+const SAVE_TO_DISK_KEY = "saveToDisk"
+const USE_CPU_KEY = "useCPU"
+const USE_FULL_PRECISION_KEY = "useFullPrecision"
+const USE_TURBO_MODE_KEY = "useTurboMode"
+const DISK_PATH_KEY = "diskPath"
+const ADVANCED_PANEL_OPEN_KEY = "advancedPanelOpen"
+const MODIFIERS_PANEL_OPEN_KEY = "modifiersPanelOpen"
+const USE_FACE_CORRECTION_KEY = "useFaceCorrection"
+const USE_UPSCALING_KEY = "useUpscaling"
+const SHOW_ONLY_FILTERED_IMAGE_KEY = "showOnlyFilteredImage"
+const STREAM_IMAGE_PROGRESS_KEY = "streamImageProgress"
+const HEALTH_PING_INTERVAL = 5 // seconds
+const MAX_INIT_IMAGE_DIMENSION = 768
+
+const IMAGE_REGEX = new RegExp('data:image/[A-Za-z]+;base64')
+
+let sessionId = new Date().getTime()
+
+let promptField = document.querySelector('#prompt')
+let numOutputsTotalField = document.querySelector('#num_outputs_total')
+let numOutputsParallelField = document.querySelector('#num_outputs_parallel')
+let numInferenceStepsField = document.querySelector('#num_inference_steps')
+let guidanceScaleSlider = document.querySelector('#guidance_scale_slider')
+let guidanceScaleField = document.querySelector('#guidance_scale')
+let randomSeedField = document.querySelector("#random_seed")
+let seedField = document.querySelector('#seed')
+let widthField = document.querySelector('#width')
+let heightField = document.querySelector('#height')
+let initImageSelector = document.querySelector("#init_image")
+let initImagePreview = document.querySelector("#init_image_preview")
+let maskImageSelector = document.querySelector("#mask")
+let maskImagePreview = document.querySelector("#mask_preview")
+let turboField = document.querySelector('#turbo')
+let useCPUField = document.querySelector('#use_cpu')
+let useFullPrecisionField = document.querySelector('#use_full_precision')
+let saveToDiskField = document.querySelector('#save_to_disk')
+let diskPathField = document.querySelector('#diskPath')
+// let allowNSFWField = document.querySelector("#allow_nsfw")
+let useBetaChannelField = document.querySelector("#use_beta_channel")
+let promptStrengthSlider = document.querySelector('#prompt_strength_slider')
+let promptStrengthField = document.querySelector('#prompt_strength')
+let samplerField = document.querySelector('#sampler')
+let samplerSelectionContainer = document.querySelector("#samplerSelection")
+let useFaceCorrectionField = document.querySelector("#use_face_correction")
+let useUpscalingField = document.querySelector("#use_upscale")
+let upscaleModelField = document.querySelector("#upscale_model")
+let showOnlyFilteredImageField = document.querySelector("#show_only_filtered_image")
+let updateBranchLabel = document.querySelector("#updateBranchLabel")
+let streamImageProgressField = document.querySelector("#stream_image_progress")
+
+let makeImageBtn = document.querySelector('#makeImage')
+let stopImageBtn = document.querySelector('#stopImage')
+
+let imagesContainer = document.querySelector('#current-images')
+let initImagePreviewContainer = document.querySelector('#init_image_preview_container')
+let initImageClearBtn = document.querySelector('.init_image_clear')
+let promptStrengthContainer = document.querySelector('#prompt_strength_container')
+
+// let maskSetting = document.querySelector('#editor-inputs-mask_setting')
+// let maskImagePreviewContainer = document.querySelector('#mask_preview_container')
+// let maskImageClearBtn = document.querySelector('#mask_clear')
+let maskSetting = document.querySelector('#enable_mask')
+
+let editorModifierEntries = document.querySelector('#editor-modifiers-entries')
+let editorModifierTagsList = document.querySelector('#editor-inputs-tags-list')
+let editorTagsContainer = document.querySelector('#editor-inputs-tags-container')
+
+let previewImageField = document.querySelector('#preview-image')
+previewImageField.onchange = () => changePreviewImages(previewImageField.value);
+
+let modifierCardSizeSlider = document.querySelector('#modifier-card-size-slider')
+modifierCardSizeSlider.onchange = () => resizeModifierCards(modifierCardSizeSlider.value);
+
+let previewPrompt = document.querySelector('#preview-prompt')
+
+let showConfigToggle = document.querySelector('#configToggleBtn')
+// let configBox = document.querySelector('#config')
+let outputMsg = document.querySelector('#outputMsg')
+let progressBar = document.querySelector("#progressBar")
+
+let soundToggle = document.querySelector('#sound_toggle')
+
+let serverStatusColor = document.querySelector('#server-status-color')
+let serverStatusMsg = document.querySelector('#server-status-msg')
+
+let advancedPanelHandle = document.querySelector("#editor-settings .collapsible")
+let modifiersPanelHandle = document.querySelector("#editor-modifiers .collapsible")
+let inpaintingEditorContainer = document.querySelector('#inpaintingEditor')
+let inpaintingEditor = new DrawingBoard.Board('inpaintingEditor', {
+    color: "#ffffff",
+    background: false,
+    size: 30,
+    webStorage: false,
+    controls: [{'DrawingMode': {'filler': false}}, 'Size', 'Navigation']
+})
+let inpaintingEditorCanvasBackground = document.querySelector('.drawing-board-canvas-wrapper')
+// let inpaintingEditorControls = document.querySelector('.drawing-board-controls')
+
+// let inpaintingEditorMetaControl = document.createElement('div')
+// inpaintingEditorMetaControl.className = 'drawing-board-control'
+// let initImageClearBtnToolbar = document.createElement('button')
+// initImageClearBtnToolbar.className = 'init_image_clear'
+// initImageClearBtnToolbar.innerHTML = 'Remove Image'
+// inpaintingEditorMetaControl.appendChild(initImageClearBtnToolbar)
+// inpaintingEditorControls.appendChild(inpaintingEditorMetaControl)
+
+let maskResetButton = document.querySelector('.drawing-board-control-navigation-reset')
+maskResetButton.innerHTML = 'Clear'
+maskResetButton.style.fontWeight = 'normal'
+maskResetButton.style.fontSize = '10pt'
+
+let serverStatus = 'offline'
+let activeTags = []
+let modifiers = []
+let lastPromptUsed = ''
+let taskStopped = true
+let batchesDone = 0
+
+const modifierThumbnailPath = 'media/modifier-thumbnails';
+const activeCardClass = 'modifier-card-active';
+
+function getLocalStorageItem(key, fallback) {
+    let item = localStorage.getItem(key)
+    if (item === null) {
+        return fallback
+    }
+
+    return item
+}
+
+function getLocalStorageBoolItem(key, fallback) {
+    let item = localStorage.getItem(key)
+    if (item === null) {
+        return fallback
+    }
+
+    return (item === 'true' ? true : false)
+}
+
+function handleBoolSettingChange(key) {
+    return function(e) {
+        localStorage.setItem(key, e.target.checked.toString())
+    }
+}
+
+function handleStringSettingChange(key) {
+    return function(e) {
+        localStorage.setItem(key, e.target.value.toString())
+    }
+}
+
+function isSoundEnabled() {
+    return getLocalStorageBoolItem(SOUND_ENABLED_KEY, true)
+}
+
+function isFaceCorrectionEnabled() {
+    return getLocalStorageBoolItem(USE_FACE_CORRECTION_KEY, false)
+}
+
+function isUpscalingEnabled() {
+    return getLocalStorageBoolItem(USE_UPSCALING_KEY, false)
+}
+
+function isShowOnlyFilteredImageEnabled() {
+    return getLocalStorageBoolItem(SHOW_ONLY_FILTERED_IMAGE_KEY, true)
+}
+
+function isSaveToDiskEnabled() {
+    return getLocalStorageBoolItem(SAVE_TO_DISK_KEY, false)
+}
+
+function isUseCPUEnabled() {
+    return getLocalStorageBoolItem(USE_CPU_KEY, false)
+}
+
+function isUseFullPrecisionEnabled() {
+    return getLocalStorageBoolItem(USE_FULL_PRECISION_KEY, false)
+}
+
+function isUseTurboModeEnabled() {
+    return getLocalStorageBoolItem(USE_TURBO_MODE_KEY, true)
+}
+
+function getSavedDiskPath() {
+    return getLocalStorageItem(DISK_PATH_KEY, '')
+}
+
+function isAdvancedPanelOpenEnabled() {
+    return getLocalStorageBoolItem(ADVANCED_PANEL_OPEN_KEY, false)
+}
+
+function isModifiersPanelOpenEnabled() {
+    return getLocalStorageBoolItem(MODIFIERS_PANEL_OPEN_KEY, false)
+}
+
+function isStreamImageProgressEnabled() {
+    return getLocalStorageBoolItem(STREAM_IMAGE_PROGRESS_KEY, false)
+}
+
+function setStatus(statusType, msg, msgType) {
+    if (statusType !== 'server') {
+        return;
+    }
+
+    if (msgType == 'error') {
+        // msg = '<span style="color: red">' + msg + '<span>'
+        serverStatusColor.style.color = 'red'
+        serverStatusMsg.style.color = 'red'
+        serverStatusMsg.innerText = 'Stable Diffusion has stopped'
+    } else if (msgType == 'success') {
+        // msg = '<span style="color: green">' + msg + '<span>'
+        serverStatusColor.style.color = 'green'
+        serverStatusMsg.style.color = 'green'
+        serverStatusMsg.innerText = 'Stable Diffusion is ready'
+        serverStatus = 'online'
+    }
+}
+
+function logMsg(msg, level) {
+    if (level === 'error') {
+        outputMsg.innerHTML = '<span style="color: red">Error: ' + msg + '</span>'
+    } else if (level === 'warn') {
+        outputMsg.innerHTML = '<span style="color: orange">Warning: ' + msg + '</span>'
+    } else {
+        outputMsg.innerText = msg
+    }
+
+    console.log(level, msg)
+}
+
+function logError(msg, res) {
+    logMsg(msg, 'error')
+
+    console.log('request error', res)
+    setStatus('request', 'error', 'error')
+}
+
+function playSound() {
+    const audio = new Audio('/media/ding.mp3')
+    audio.volume = 0.2
+    audio.play()
+}
+
+async function healthCheck() {
+    try {
+        let res = await fetch('/ping')
+        res = await res.json()
+
+        if (res[0] == 'OK') {
+            setStatus('server', 'online', 'success')
+        } else {
+            setStatus('server', 'offline', 'error')
+        }
+    } catch (e) {
+        setStatus('server', 'offline', 'error')
+    }
+}
+
+function makeImageElement(width, height) {
+    let imgItem = document.createElement('div')
+    imgItem.className = 'imgItem'
+
+    let img = document.createElement('img')
+    img.width = parseInt(width)
+    img.height = parseInt(height)
+
+    imgItem.appendChild(img)
+    imagesContainer.appendChild(imgItem)
+
+    return imgItem
+}
+
+// makes a single image. don't call this directly, use makeImage() instead
+async function doMakeImage(reqBody, batchCount) {
+    if (taskStopped) {
+        return
+    }
+
+    let res = ''
+    let seed = reqBody['seed']
+    let numOutputs = parseInt(reqBody['num_outputs'])
+
+    let images = []
+
+    function makeImageContainers(numImages) {
+        for (let i = images.length; i < numImages; i++) {
+            images.push(makeImageElement(reqBody.width, reqBody.height))
+        }
+    }
+
+    try {
+        res = await fetch('/image', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(reqBody)
+        })
+
+        let reader = res.body.getReader()
+        let textDecoder = new TextDecoder()
+        let finalJSON = ''
+        let prevTime = -1
+        while (true) {
+            try {
+                let t = new Date().getTime()
+
+                const {value, done} = await reader.read()
+                if (done) {
+                    break
+                }
+
+                let timeTaken = (prevTime === -1 ? -1 : t - prevTime)
+
+                let jsonStr = textDecoder.decode(value)
+
+                try {
+                    let stepUpdate = JSON.parse(jsonStr)
+
+                    if (stepUpdate.step === undefined) {
+                        finalJSON += jsonStr
+                    } else {
+                        let batchSize = stepUpdate.total_steps
+                        let overallStepCount = stepUpdate.step + batchesDone * batchSize
+                        let totalSteps = batchCount * batchSize
+                        let percent = 100 * (overallStepCount / totalSteps)
+                        percent = (percent > 100 ? 100 : percent)
+                        percent = percent.toFixed(0)
+
+                        stepsRemaining = totalSteps - overallStepCount
+                        stepsRemaining = (stepsRemaining < 0 ? 0 : stepsRemaining)
+                        timeRemaining = (timeTaken === -1 ? '' : stepsRemaining * timeTaken) // ms
+
+                        outputMsg.innerHTML = `Batch ${batchesDone+1} of ${batchCount}`
+                        progressBar.innerHTML = `Generating image(s): ${percent}%`
+
+                        if (timeTaken !== -1) {
+                            progressBar.innerHTML += `<br>Time remaining (approx): ${millisecondsToStr(timeRemaining)}`
+                        }
+                        progressBar.style.display = 'block'
+
+                        if (stepUpdate.output !== undefined) {
+                            makeImageContainers(numOutputs)
+
+                            for (idx in stepUpdate.output) {
+                                let imgItem = images[idx]
+                                let img = imgItem.firstChild
+                                let tmpImageData = stepUpdate.output[idx]
+                                img.src = tmpImageData['path'] + '?t=' + new Date().getTime()
+                            }
+                        }
+                    }
+                } catch (e) {
+                    finalJSON += jsonStr
+                }
+
+                prevTime = t
+            } catch (e) {
+                logError('Stable Diffusion had an error. Please check the logs in the command-line window.', res)
+                res = undefined
+                throw e
+            }
+        }
+
+        if (res.status != 200) {
+            if (serverStatus === 'online') {
+                logError('Stable Diffusion had an error: ' + await res.text(), res)
+            } else {
+                logError("Stable Diffusion is still starting up, please wait. If this goes on beyond a few minutes, Stable Diffusion has probably crashed. Please check the error message in the command-line window.", res)
+            }
+            res = undefined
+            progressBar.style.display = 'none'
+        } else {
+            res = JSON.parse(finalJSON)
+            progressBar.style.display = 'none'
+
+            if (res.status !== 'succeeded') {
+                let msg = ''
+                if (res.detail !== undefined) {
+                    msg = res.detail
+
+                    if (msg.toLowerCase().includes('out of memory')) {
+                        msg += `<br/><br/>
+                                <b>Suggestions</b>:
+                                <br/>
+                                1. If you have set an initial image, please try reducing its dimension to ${MAX_INIT_IMAGE_DIMENSION}x${MAX_INIT_IMAGE_DIMENSION} or smaller.<br/>
+                                2. Try disabling the '<em>Turbo mode</em>' under '<em>Advanced Settings</em>'.<br/>
+                                3. Try generating a smaller image.<br/>`
+                    }
+                } else {
+                    msg = res
+                }
+                logError(msg, res)
+                res = undefined
+            }
+        }
+    } catch (e) {
+        console.log('request error', e)
+        logError('Stable Diffusion had an error. Please check the logs in the command-line window. <br/><br/>' + e + '<br/><pre>' + e.stack + '</pre>', res)
+        setStatus('request', 'error', 'error')
+        progressBar.style.display = 'none'
+        res = undefined
+    }
+
+    if (!res) {
+        return false
+    }
+
+    lastPromptUsed = reqBody['prompt']
+
+    makeImageContainers(res.output.length)
+
+    for (let idx in res.output) {
+        let imgBody = ''
+        let seed = 0
+
+        try {
+            let imgData = res.output[idx]
+            imgBody = imgData.data
+            seed = imgData.seed
+        } catch (e) {
+            console.log(imgBody)
+            setStatus('request', 'invalid image', 'error')
+            continue
+        }
+
+        let imgItem = images[idx]
+        let img = imgItem.firstChild
+
+        img.src = imgBody
+
+        let imgItemInfo = document.createElement('span')
+        imgItemInfo.className = 'imgItemInfo'
+
+        let imgSeedLabel = document.createElement('span')
+        imgSeedLabel.className = 'imgSeedLabel'
+        imgSeedLabel.innerText = 'Seed: ' + seed
+
+        let imgUseBtn = document.createElement('button')
+        imgUseBtn.className = 'imgUseBtn'
+        imgUseBtn.innerText = 'Use as Input'
+
+        let imgSaveBtn = document.createElement('button')
+        imgSaveBtn.className = 'imgSaveBtn'
+        imgSaveBtn.innerText = 'Download'
+
+        imgItem.appendChild(imgItemInfo)
+        imgItemInfo.appendChild(imgSeedLabel)
+        imgItemInfo.appendChild(imgUseBtn)
+        imgItemInfo.appendChild(imgSaveBtn)
+
+        imgUseBtn.addEventListener('click', function() {
+            initImageSelector.value = null
+            initImagePreview.src = imgBody
+
+            initImagePreviewContainer.style.display = 'block'
+            inpaintingEditorContainer.style.display = 'none'
+            promptStrengthContainer.style.display = 'block'
+            maskSetting.checked = false
+
+            // maskSetting.style.display = 'block'
+
+            randomSeedField.checked = false
+            seedField.value = seed
+            seedField.disabled = false
+        })
+
+        imgSaveBtn.addEventListener('click', function() {
+            let imgDownload = document.createElement('a')
+            imgDownload.download = createFileName();
+            imgDownload.href = imgBody
+            imgDownload.click()
+        })
+
+        imgItem.addEventListener('mouseenter', function() {
+            imgItemInfo.style.opacity = 1
+        })
+
+        imgItem.addEventListener('mouseleave', function() {
+            imgItemInfo.style.opacity = 0.5
+        })
+    }
+
+    return true
+}
+
+function validateInput() {
+    let width = parseInt(widthField.value)
+    let height = parseInt(heightField.value)
+
+    if (IMAGE_REGEX.test(initImagePreview.src)) {
+        if (initImagePreview.naturalWidth > MAX_INIT_IMAGE_DIMENSION || initImagePreview.naturalHeight > MAX_INIT_IMAGE_DIMENSION) {
+            return {'isValid': false, 'warning': `The dimensions of your initial image are very large, and can cause 'Out of Memory' errors! Please ensure that its dimensions are equal (or smaller) than the desired output image.
+                    <br/><br/>
+                    Your initial image size is ${initImagePreview.naturalWidth}x${initImagePreview.naturalHeight} pixels. Please try to keep it smaller than ${MAX_INIT_IMAGE_DIMENSION}x${MAX_INIT_IMAGE_DIMENSION}.`}
+        }
+    }
+
+    return {'isValid': true}
+}
+
+async function makeImage() {
+    if (serverStatus !== 'online') {
+        logError('The server is still starting up..')
+        return
+    }
+
+    let validation = validateInput()
+    if (validation['isValid']) {
+        outputMsg.innerHTML = 'Starting..'
+    } else {
+        if (validation['error']) {
+            logError(validation['error'])
+            return
+        } else if (validation['warning']) {
+            logMsg(validation['warning'], 'warn')
+        }
+    }
+
+    setStatus('request', 'fetching..')
+
+    makeImageBtn.innerHTML = 'Processing..'
+    makeImageBtn.disabled = true
+    makeImageBtn.style.display = 'none'
+    stopImageBtn.style.display = 'block'
+
+    taskStopped = false
+    batchesDone = 0
+
+    let seed = (randomSeedField.checked ? Math.floor(Math.random() * 10000000) : parseInt(seedField.value))
+    let numOutputsTotal = parseInt(numOutputsTotalField.value)
+    let numOutputsParallel = parseInt(numOutputsParallelField.value)
+    let batchCount = Math.ceil(numOutputsTotal / numOutputsParallel)
+    let batchSize = numOutputsParallel
+
+    let streamImageProgress = (numOutputsTotal > 50 ? false : streamImageProgressField.checked)
+
+    let prompt = promptField.value
+    if (activeTags.length > 0) {
+        let promptTags = activeTags.map(x => x.name).join(", ");
+        prompt += ", " + promptTags;
+    }
+
+    previewPrompt.innerText = prompt
+
+    let reqBody = {
+        session_id: sessionId,
+        prompt: prompt,
+        num_outputs: batchSize,
+        num_inference_steps: numInferenceStepsField.value,
+        guidance_scale: guidanceScaleField.value,
+        width: widthField.value,
+        height: heightField.value,
+        // allow_nsfw: allowNSFWField.checked,
+        turbo: turboField.checked,
+        use_cpu: useCPUField.checked,
+        use_full_precision: useFullPrecisionField.checked,
+        stream_progress_updates: true,
+        stream_image_progress: streamImageProgress,
+        show_only_filtered_image: showOnlyFilteredImageField.checked
+    }
+
+    if (IMAGE_REGEX.test(initImagePreview.src)) {
+        reqBody['init_image'] = initImagePreview.src
+        reqBody['prompt_strength'] = promptStrengthField.value
+
+        // if (IMAGE_REGEX.test(maskImagePreview.src)) {
+        //     reqBody['mask'] = maskImagePreview.src
+        // }
+        if (maskSetting.checked) {
+            reqBody['mask'] = inpaintingEditor.getImg()
+        }
+
+        reqBody['sampler'] = 'ddim'
+    } else {
+        reqBody['sampler'] = samplerField.value
+    }
+
+    if (saveToDiskField.checked && diskPathField.value.trim() !== '') {
+        reqBody['save_to_disk_path'] = diskPathField.value.trim()
+    }
+
+    if (useFaceCorrectionField.checked) {
+        reqBody['use_face_correction'] = 'GFPGANv1.3'
+    }
+
+    if (useUpscalingField.checked) {
+        reqBody['use_upscale'] = upscaleModelField.value
+    }
+
+    let time = new Date().getTime()
+    imagesContainer.innerHTML = ''
+
+    let successCount = 0
+
+    for (let i = 0; i < batchCount; i++) {
+        reqBody['seed'] = seed + (i * batchSize)
+
+        let success = await doMakeImage(reqBody, batchCount)
+        batchesDone++
+
+        if (success) {
+            outputMsg.innerText = 'Processed batch ' + (i+1) + '/' + batchCount
+            successCount++
+        }
+    }
+
+    makeImageBtn.innerText = 'Make Image'
+    makeImageBtn.disabled = false
+    makeImageBtn.style.display = 'block'
+    stopImageBtn.style.display = 'none'
+
+    if (isSoundEnabled()) {
+        playSound()
+    }
+
+    time = new Date().getTime() - time
+    time /= 1000
+
+    if (successCount === batchCount) {
+        outputMsg.innerText = 'Processed ' + numOutputsTotal + ' images in ' + time + ' seconds'
+
+        setStatus('request', 'done', 'success')
+    }
+
+    if (randomSeedField.checked) {
+        seedField.value = seed
+    }
+}
+
+// create a file name with embedded prompt and metadata
+// for easier cateloging and comparison
+function createFileName() {
+
+    // Most important information is the prompt
+    let underscoreName = lastPromptUsed.replace(/[^a-zA-Z0-9]/g, '_')
+    underscoreName = underscoreName.substring(0, 100)
+    const seed = seedField.value
+    const steps = numInferenceStepsField.value
+    const guidance =  guidanceScaleField.value
+
+    // name and the top level metadata
+    let fileName = `${underscoreName}_Seed-${seed}_Steps-${steps}_Guidance-${guidance}`
+
+    // add the tags
+    // let tags = [];
+    // let tagString = '';
+    // document.querySelectorAll(modifyTagsSelector).forEach(function(tag) {
+    //     tags.push(tag.innerHTML);
+    // })
+
+    // join the tags with a pipe
+    // if (activeTags.length > 0) {
+    //     tagString = '_Tags-';
+    //     tagString += tags.join('|');
+    // }
+
+    // // append empty or populated tags
+    // fileName += `${tagString}`;
+
+    // add the file extension
+    fileName += `.png`
+
+    return fileName
+}
+
+stopImageBtn.addEventListener('click', async function() {
+    try {
+        let res = await fetch('/image/stop')
+    } catch (e) {
+        console.log(e)
+    }
+
+    stopImageBtn.style.display = 'none'
+    makeImageBtn.style.display = 'block'
+
+    taskStopped = true
+})
+
+soundToggle.addEventListener('click', handleBoolSettingChange(SOUND_ENABLED_KEY))
+soundToggle.checked = isSoundEnabled()
+
+saveToDiskField.checked = isSaveToDiskEnabled()
+diskPathField.disabled = !saveToDiskField.checked
+
+useFaceCorrectionField.addEventListener('click', handleBoolSettingChange(USE_FACE_CORRECTION_KEY))
+useFaceCorrectionField.checked = isFaceCorrectionEnabled()
+
+useUpscalingField.checked = isUpscalingEnabled()
+upscaleModelField.disabled = !useUpscalingField.checked
+
+showOnlyFilteredImageField.addEventListener('click', handleBoolSettingChange(SHOW_ONLY_FILTERED_IMAGE_KEY))
+showOnlyFilteredImageField.checked = isShowOnlyFilteredImageEnabled()
+
+useCPUField.addEventListener('click', handleBoolSettingChange(USE_CPU_KEY))
+useCPUField.checked = isUseCPUEnabled()
+
+useFullPrecisionField.addEventListener('click', handleBoolSettingChange(USE_FULL_PRECISION_KEY))
+useFullPrecisionField.checked = isUseFullPrecisionEnabled()
+
+turboField.addEventListener('click', handleBoolSettingChange(USE_TURBO_MODE_KEY))
+turboField.checked = isUseTurboModeEnabled()
+
+streamImageProgressField.addEventListener('click', handleBoolSettingChange(STREAM_IMAGE_PROGRESS_KEY))
+streamImageProgressField.checked = isStreamImageProgressEnabled()
+
+diskPathField.addEventListener('change', handleStringSettingChange(DISK_PATH_KEY))
+
+saveToDiskField.addEventListener('click', function(e) {
+    diskPathField.disabled = !this.checked
+    handleBoolSettingChange(SAVE_TO_DISK_KEY)(e)
+})
+
+useUpscalingField.addEventListener('click', function(e) {
+    upscaleModelField.disabled = !this.checked
+    handleBoolSettingChange(USE_UPSCALING_KEY)(e)
+})
+
+function setPanelOpen(panelHandle) {
+    let panelContents = panelHandle.nextElementSibling
+    panelHandle.classList.add('active')
+    panelContents.style.display = 'block'
+}
+
+if (isAdvancedPanelOpenEnabled()) {
+    setPanelOpen(advancedPanelHandle)
+}
+
+if (isModifiersPanelOpenEnabled()) {
+    setPanelOpen(modifiersPanelHandle)
+}
+
+makeImageBtn.addEventListener('click', makeImage)
+
+
+function updateGuidanceScale() {
+    guidanceScaleField.value = guidanceScaleSlider.value / 10
+}
+
+function updateGuidanceScaleSlider() {
+    if (guidanceScaleField.value < 0) {
+        guidanceScaleField.value = 0
+    } else if (guidanceScaleField.value > 50) {
+        guidanceScaleField.value = 50
+    }
+
+    guidanceScaleSlider.value = guidanceScaleField.value * 10
+}
+
+guidanceScaleSlider.addEventListener('input', updateGuidanceScale)
+guidanceScaleField.addEventListener('input', updateGuidanceScaleSlider)
+updateGuidanceScale()
+
+function updatePromptStrength() {
+    promptStrengthField.value = promptStrengthSlider.value / 100
+}
+
+function updatePromptStrengthSlider() {
+    if (promptStrengthField.value < 0) {
+        promptStrengthField.value = 0
+    } else if (promptStrengthField.value > 0.99) {
+        promptStrengthField.value = 0.99
+    }
+
+    promptStrengthSlider.value = promptStrengthField.value * 100
+}
+
+promptStrengthSlider.addEventListener('input', updatePromptStrength)
+promptStrengthField.addEventListener('input', updatePromptStrengthSlider)
+updatePromptStrength()
+
+useBetaChannelField.addEventListener('click', async function(e) {
+    if (serverStatus !== 'online') {
+        logError('The server is still starting up..')
+        alert('The server is still starting up..')
+        e.preventDefault()
+        return false
+    }
+
+    let updateBranch = (this.checked ? 'beta' : 'main')
+
+    try {
+        let res = await fetch('/app_config', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                'update_branch': updateBranch
+            })
+        })
+        res = await res.json()
+
+        console.log('set config status response', res)
+    } catch (e) {
+        console.log('set config status error', e)
+    }
+})
+
+async function getAppConfig() {
+    try {
+        let res = await fetch('/app_config')
+        config = await res.json()
+
+        if (config.update_branch === 'beta') {
+            useBetaChannelField.checked = true
+            updateBranchLabel.innerText = "(beta)"
+        }
+
+        console.log('get config status response', config)
+    } catch (e) {
+        console.log('get config status error', e)
+    }
+}
+
+function checkRandomSeed() {
+    if (randomSeedField.checked) {
+        seedField.disabled = true
+        seedField.value = "0"
+    } else {
+        seedField.disabled = false
+    }
+}
+randomSeedField.addEventListener('input', checkRandomSeed)
+checkRandomSeed()
+
+function showInitImagePreview() {
+    if (initImageSelector.files.length === 0) {
+        initImagePreviewContainer.style.display = 'none'
+        // inpaintingEditorContainer.style.display = 'none'
+        promptStrengthContainer.style.display = 'none'
+        // maskSetting.style.display = 'none'
+        return
+    }
+
+    let reader = new FileReader()
+    let file = initImageSelector.files[0]
+
+    reader.addEventListener('load', function() {
+        // console.log(file.name, reader.result)
+        initImagePreview.src = reader.result
+        initImagePreviewContainer.style.display = 'block'
+        inpaintingEditorContainer.style.display = 'none'
+        promptStrengthContainer.style.display = 'block'
+        samplerSelectionContainer.style.display = 'none'
+        // maskSetting.checked = false
+    })
+
+    if (file) {
+        reader.readAsDataURL(file)
+    }
+}
+initImageSelector.addEventListener('change', showInitImagePreview)
+showInitImagePreview()
+
+initImagePreview.addEventListener('load', function() {
+    inpaintingEditorCanvasBackground.style.backgroundImage = "url('" + this.src + "')"
+    // maskSetting.style.display = 'block'
+    // inpaintingEditorContainer.style.display = 'block'
+})
+
+initImageClearBtn.addEventListener('click', function() {
+    initImageSelector.value = null
+    // maskImageSelector.value = null
+
+    initImagePreview.src = ''
+    // maskImagePreview.src = ''
+    maskSetting.checked = false
+
+    initImagePreviewContainer.style.display = 'none'
+    // inpaintingEditorContainer.style.display = 'none'
+    // maskImagePreviewContainer.style.display = 'none'
+
+    // maskSetting.style.display = 'none'
+
+    promptStrengthContainer.style.display = 'none'
+    samplerSelectionContainer.style.display = 'block'
+})
+
+maskSetting.addEventListener('click', function() {
+    inpaintingEditorContainer.style.display = (this.checked ? 'block' : 'none')
+})
+
+// function showMaskImagePreview() {
+//     if (maskImageSelector.files.length === 0) {
+//         // maskImagePreviewContainer.style.display = 'none'
+//         return
+//     }
+
+//     let reader = new FileReader()
+//     let file = maskImageSelector.files[0]
+
+//     reader.addEventListener('load', function() {
+//         // maskImagePreview.src = reader.result
+//         // maskImagePreviewContainer.style.display = 'block'
+//     })
+
+//     if (file) {
+//         reader.readAsDataURL(file)
+//     }
+// }
+// maskImageSelector.addEventListener('change', showMaskImagePreview)
+// showMaskImagePreview()
+
+// maskImageClearBtn.addEventListener('click', function() {
+//     maskImageSelector.value = null
+//     maskImagePreview.src = ''
+//     // maskImagePreviewContainer.style.display = 'none'
+// })
+
+// https://stackoverflow.com/a/8212878
+function millisecondsToStr(milliseconds) {
+    function numberEnding (number) {
+        return (number > 1) ? 's' : '';
+    }
+
+    var temp = Math.floor(milliseconds / 1000);
+    var hours = Math.floor((temp %= 86400) / 3600);
+    var s = ''
+    if (hours) {
+        s += hours + ' hour' + numberEnding(hours) + ' ';
+    }
+    var minutes = Math.floor((temp %= 3600) / 60);
+    if (minutes) {
+        s += minutes + ' minute' + numberEnding(minutes) + ' ';
+    }
+    var seconds = temp % 60;
+    if (!hours && minutes < 4 && seconds) {
+        s += seconds + ' second' + numberEnding(seconds);
+    }
+
+    return s;
+}
+
+function createCollapsibles(node) {
+    if (!node) {
+        node = document
+    }
+
+    let collapsibles = node.querySelectorAll(".collapsible")
+    collapsibles.forEach(function(c) {
+        let handle = document.createElement('span')
+        handle.className = 'collapsible-handle'
+
+        if (c.className.indexOf('active') !== -1) {
+            handle.innerHTML = '&#x2796;' // minus
+        } else {
+            handle.innerHTML = '&#x2795;' // plus
+        }
+        c.insertBefore(handle, c.firstChild)
+
+        c.addEventListener('click', function() {
+            this.classList.toggle("active")
+            let content = this.nextElementSibling
+            if (content.style.display === "block") {
+                content.style.display = "none"
+                handle.innerHTML = '&#x2795;' // plus
+            } else {
+                content.style.display = "block"
+                handle.innerHTML = '&#x2796;' // minus
+            }
+
+            if (this == advancedPanelHandle) {
+                let state = (content.style.display === 'block' ? 'true' : 'false')
+                localStorage.setItem(ADVANCED_PANEL_OPEN_KEY, state)
+            } else if (this == modifiersPanelHandle) {
+                let state = (content.style.display === 'block' ? 'true' : 'false')
+                localStorage.setItem(MODIFIERS_PANEL_OPEN_KEY, state)
+            }
+        })
+    })
+}
+createCollapsibles()
+
+function refreshTagsList() {
+    editorModifierTagsList.innerHTML = '';
+
+    if (activeTags.length == 0) {
+        editorTagsContainer.style.display = 'none';
+        return;
+    } else {
+        editorTagsContainer.style.display = 'block';
+    }
+
+    activeTags.forEach((tag, index) => {
+        tag.element.querySelector('.modifier-card-image-overlay').innerText = '-';
+        tag.element.classList.add('modifier-card-tiny');
+
+        editorModifierTagsList.appendChild(tag.element);
+
+        tag.element.addEventListener('click', () => {
+            let idx = activeTags.indexOf(tag);
+
+            if (idx !== -1) {
+                activeTags[idx].originElement.classList.remove(activeCardClass);
+                activeTags[idx].originElement.querySelector('.modifier-card-image-overlay').innerText = '+';
+
+                activeTags.splice(idx, 1);
+                refreshTagsList();
+            }
+        });
+    });
+
+    let brk = document.createElement('br')
+    brk.style.clear = 'both'
+    editorModifierTagsList.appendChild(brk)
+}
+
+async function getDiskPath() {
+    try {
+        let diskPath = getSavedDiskPath()
+
+        if (diskPath !== '') {
+            diskPathField.value = diskPath
+            return
+        }
+
+        let res = await fetch('/output_dir')
+        if (res.status === 200) {
+            res = await res.json()
+            res = res[0]
+
+            document.querySelector('#diskPath').value = res
+        }
+    } catch (e) {
+        console.log('error fetching output dir path', e)
+    }
+}
+
+function createModifierCard(name, previews) {
+    const modifierCard = document.createElement('div');
+    modifierCard.className = 'modifier-card';
+    modifierCard.innerHTML = `
+    <div class="modifier-card-overlay"></div>
+    <div class="modifier-card-image-container">
+        <div class="modifier-card-image-overlay">+</div>
+        <p class="modifier-card-error-label"></p>
+        <img onerror="this.remove()" alt="Modifier Image" class="modifier-card-image">
+    </div>
+    <div class="modifier-card-container">
+        <div class="modifier-card-label"><p></p></div>
+    </div>`;
+
+    const image = modifierCard.querySelector('.modifier-card-image');
+    const errorText =  modifierCard.querySelector('.modifier-card-error-label');
+    const label = modifierCard.querySelector('.modifier-card-label');
+
+    errorText.innerText = 'No Image';
+
+    if (typeof previews == 'object') {
+        image.src = previews[0]; // portrait
+        image.setAttribute('preview-type', 'portrait');
+    } else {
+        image.remove();
+    }
+
+    const maxLabelLength = 30;
+    const nameWithoutBy = name.replace('by ', '');
+
+    if(nameWithoutBy.length <= maxLabelLength) {
+        label.querySelector('p').innerText = nameWithoutBy;
+    } else {
+        const tooltipText = document.createElement('span');
+        tooltipText.className = 'tooltip-text';
+        tooltipText.innerText = name;
+
+        label.classList.add('tooltip');
+        label.appendChild(tooltipText);
+
+        label.querySelector('p').innerText = nameWithoutBy.substring(0, maxLabelLength) + '...';
+    }
+
+    return modifierCard;
+}
+
+function changePreviewImages(val) {
+    const previewImages = document.querySelectorAll('.modifier-card-image-container img');
+
+    let previewArr = [];
+
+    modifiers.map(x => x.modifiers).forEach(x => previewArr.push(...x.map(m => m.previews)));
+    
+    previewArr = previewArr.map(x => {
+        let obj = {};
+
+        x.forEach(preview => {
+            obj[preview.name] = preview.path;
+        });
+        
+        return obj;
+    });
+
+    previewImages.forEach(previewImage => {
+        const currentPreviewType = previewImage.getAttribute('preview-type');
+        const relativePreviewPath = previewImage.src.split(modifierThumbnailPath + '/').pop();
+
+        const previews = previewArr.find(preview => relativePreviewPath == preview[currentPreviewType]);
+
+        if(typeof previews == 'object') {
+            let preview = null;
+
+            if (val == 'portrait') {
+                preview = previews.portrait;
+            }
+            else if (val == 'landscape') {
+                preview = previews.landscape;
+            }
+
+            if(preview != null) {
+                previewImage.src = `${modifierThumbnailPath}/${preview}`;
+                previewImage.setAttribute('preview-type', val);
+            }
+        }
+    });
+}
+
+function resizeModifierCards(val) {
+    const cardSizePrefix = 'modifier-card-size_';
+    const modifierCardClass = 'modifier-card';
+
+    const modifierCards = document.querySelectorAll(`.${modifierCardClass}`);
+    const cardSize = n => `${cardSizePrefix}${n}`;
+
+    modifierCards.forEach(card => {
+        // remove existing size classes
+        const classes = card.className.split(' ').filter(c => !c.startsWith(cardSizePrefix));
+        card.className = classes.join(' ').trim();
+
+        if(val != 0)
+            card.classList.add(cardSize(val));
+    });
+}
+
+async function loadModifiers() {
+    try {
+        let res = await fetch('/modifiers.json')
+        if (res.status === 200) {
+            res = await res.json()
+
+            modifiers = res; // update global variable
+
+            res.forEach(modifierGroup => {
+                const title = modifierGroup.category;
+                const modifiers = modifierGroup.modifiers;
+
+                const titleEl = document.createElement('h5');
+                titleEl.className = 'collapsible';
+                titleEl.innerText = title;
+
+                const modifiersEl = document.createElement('div');
+                modifiersEl.classList.add('collapsible-content', 'editor-modifiers-leaf');
+
+                modifiers.forEach(modObj => {
+                    const modifierName = modObj.modifier;
+                    const modifierPreviews = modObj?.previews?.map(preview => `${modifierThumbnailPath}/${preview.path}`);
+
+                    const modifierCard = createModifierCard(modifierName, modifierPreviews);
+
+                    if(typeof modifierCard == 'object') {
+                        modifiersEl.appendChild(modifierCard);
+
+                        modifierCard.addEventListener('click', () => {
+                            if (activeTags.map(x => x.name).includes(modifierName)) {
+                                // remove modifier from active array
+                                activeTags = activeTags.filter(x => x.name != modifierName);
+                                modifierCard.classList.remove(activeCardClass);
+                                
+                                modifierCard.querySelector('.modifier-card-image-overlay').innerText = '+';
+                            } else {
+                                // add modifier to active array
+                                activeTags.push({
+                                    'name': modifierName,
+                                    'element': modifierCard.cloneNode(true),
+                                    'originElement': modifierCard,
+                                    'previews': modifierPreviews
+                                });
+
+                                modifierCard.classList.add(activeCardClass);
+
+                                modifierCard.querySelector('.modifier-card-image-overlay').innerText = '-';
+                            }
+
+                            refreshTagsList();
+                        });
+                    }
+                });
+
+                let brk = document.createElement('br')
+                brk.style.clear = 'both'
+                modifiersEl.appendChild(brk)
+
+                let e = document.createElement('div')
+                e.appendChild(titleEl)
+                e.appendChild(modifiersEl)
+
+                editorModifierEntries.appendChild(e)
+            })
+
+            createCollapsibles(editorModifierEntries)
+        }
+    } catch (e) {
+        console.log('error fetching modifiers', e)
+    }
+}
\ No newline at end of file
diff --git a/ui/media/modifier-thumbnails.css b/ui/media/modifier-thumbnails.css
new file mode 100644
index 00000000..23b3aec0
--- /dev/null
+++ b/ui/media/modifier-thumbnails.css
@@ -0,0 +1,212 @@
+.modifier-card {
+    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
+    transition: 0.1s;
+    border-radius: 7px;
+    margin: 3pt 3pt;
+    float: left;
+    width: 8em;
+    height: 11.5em;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 8em 3.5em;
+    gap: 0px 0px;
+    grid-auto-flow: row;
+    grid-template-areas:
+        "modifier-card-image-container"
+        "modifier-card-container";
+    border: 2px solid rgba(255, 255, 255, .05);
+    cursor: pointer;
+}
+.modifier-card-size_5 {
+    width: 18em;
+    grid-template-rows: 18em 3.5em;
+    height: 21.5em;
+}
+.modifier-card-size_5 .modifier-card-image-overlay {
+    font-size: 8em;
+}
+.modifier-card-size_4 {
+    width: 14em;
+    grid-template-rows: 14em 3.5em;
+    height: 17.5em;
+}
+.modifier-card-size_4 .modifier-card-image-overlay {
+    font-size: 7em;
+}
+.modifier-card-size_3 {
+    width: 11em;
+    grid-template-rows: 11em 3.5em;
+    height: 14.5em;
+}
+.modifier-card-size_3 .modifier-card-image-overlay {
+    font-size: 6em;
+}
+.modifier-card-size_2 {
+    width: 10em;
+    grid-template-rows: 10em 3.5em;
+    height: 13.5em;
+}
+.modifier-card-size_2 .modifier-card-image-overlay {
+    font-size: 6em;
+}
+.modifier-card-size_1 {
+    width: 9em;
+    grid-template-rows: 9em 3.5em;
+    height: 12.5em;
+}
+.modifier-card-size_1 .modifier-card-image-overlay {
+    font-size: 5em;
+}
+.modifier-card-size_-1 {
+    width: 7em;
+    grid-template-rows: 7em 3.5em;
+    height: 10.5em;
+}
+.modifier-card-size_-1 .modifier-card-image-overlay {
+    font-size: 4em;
+}
+.modifier-card-size_-2 {
+    width: 6em;
+    grid-template-rows: 6em 3.5em;
+    height: 9.5em;
+}
+.modifier-card-size_-2 .modifier-card-image-overlay {
+    font-size: 3em;
+}
+.modifier-card-size_-3 {
+    width: 5em;
+    grid-template-rows: 5em 3.5em;
+    height: 8.5em;
+}
+.modifier-card-size_-3 .modifier-card-image-overlay {
+    font-size: 3em;
+}
+.modifier-card-tiny {
+    width: 6em;
+    height: 9.5em;
+    grid-template-rows: 6em 3.5em;
+}
+.modifier-card-tiny .modifier-card-image-overlay {
+    font-size: 4em;
+}
+.modifier-card:hover {
+    transform: scale(1.05);
+    box-shadow: 0 5px 16px 5px rgba(0, 0, 0, 0.25);
+}
+.modifier-card-image-container {
+    border-radius: 5px 5px 0 0;
+    width: inherit;
+    height: 100%;
+    background-color: rgba(0, 0, 0, .2);
+    grid-area: modifier-card-image-container;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: rgb(255 255 255 / 8%);
+}
+.modifier-card-image-container img {
+    width: inherit;
+    height: 100%;
+    border-radius: 5px 5px 0 0;
+}
+.modifier-card-image-container * {
+    position: absolute;
+}
+.modifier-card-container {
+    text-align: center;
+    background-color: rgba(0,0,0,0.5);
+    border-radius: 0 0 5px 5px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    grid-area: modifier-card-container;
+    font-weight: 100;
+    font-size: .9em;
+    width: inherit;
+}
+.modifier-card-label {
+    padding: 4px;
+    word-break: break-word;
+}
+.modifier-card-image-overlay {
+    width: inherit;
+    height: inherit;
+    background-color: rgb(0 0 0 / 50%);
+    z-index: 2;
+    position: absolute;
+    border-radius: 5px 5px 0 0;
+    opacity: 0;
+    font-size: 5em;
+    font-weight: 900;
+    color: rgb(255 255 255 / 50%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.modifier-card-overlay {
+    width: inherit;
+    height: inherit;
+    position: absolute;
+    z-index: 3;
+}
+.modifier-card:hover > .modifier-card-image-container .modifier-card-image-overlay {
+    opacity: 1;
+}
+.modifier-card:hover > .modifier-card-image-container img {
+    filter: blur(.1em);
+}
+.modifier-card:active {
+    transform: scale(0.95);
+    box-shadow: 0 5px 16px 5px rgba(0, 0, 0, 0.5);
+}
+#preview-image {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+}
+.modifier-card-active {
+    border: 2px solid rgb(179 82 255 / 94%);
+    box-shadow: 0 0px 10px 0 rgb(170 0 229 / 58%);
+}
+.tooltip {
+    position: relative;
+    display: inline-block;
+}
+.tooltip .tooltip-text {
+    visibility: hidden;
+    width: 120px;
+    background: rgb(101,97,181);
+    background: linear-gradient(180deg, rgba(101,97,181,1) 0%, rgba(47,45,85,1) 100%);
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px;
+    position: absolute;
+    z-index: 1;
+    top: 105%;
+    left: 39%;
+    margin-left: -60px;
+    opacity: 0;
+    transition: opacity 0.3s;
+    border: 2px solid rgb(90 100 177 / 94%);
+    box-shadow: 0px 10px 20px 5px rgb(11 0 58 / 55%);
+    width: 10em;
+}
+.tooltip .tooltip-text::after {
+    content: "";
+    position: absolute;
+    top: -0.9em;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: transparent transparent rgb(90 100 177 / 94%) transparent;
+}
+.tooltip:hover .tooltip-text {
+    visibility: visible;
+    opacity: 1;
+}
+#modifier-card-size-slider {
+    width: 6em;
+    margin-bottom: 0.5em;
+}
\ No newline at end of file
diff --git a/ui/media/modifier-thumbnails/artist/artstation/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/artstation/landscape-0.jpg
new file mode 100644
index 00000000..66bb6606
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/artstation/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/artstation/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/artstation/portrait-0.jpg
new file mode 100644
index 00000000..ab66239f
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/artstation/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_agnes_lawrence_pelton/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_agnes_lawrence_pelton/landscape-0.jpg
new file mode 100644
index 00000000..06ba6e97
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_agnes_lawrence_pelton/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_agnes_lawrence_pelton/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_agnes_lawrence_pelton/portrait-0.jpg
new file mode 100644
index 00000000..39a757af
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_agnes_lawrence_pelton/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_akihito_yoshida/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_akihito_yoshida/landscape-0.jpg
new file mode 100644
index 00000000..ef89ca57
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_akihito_yoshida/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_akihito_yoshida/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_akihito_yoshida/portrait-0.jpg
new file mode 100644
index 00000000..008cba8f
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_akihito_yoshida/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_alex_grey/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_alex_grey/landscape-0.jpg
new file mode 100644
index 00000000..50a7b7fa
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_alex_grey/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_alex_grey/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_alex_grey/portrait-0.jpg
new file mode 100644
index 00000000..465d892a
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_alex_grey/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_alexander_jansson/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_alexander_jansson/landscape-0.jpg
new file mode 100644
index 00000000..b99ed16e
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_alexander_jansson/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_alexander_jansson/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_alexander_jansson/portrait-0.jpg
new file mode 100644
index 00000000..c27a25ed
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_alexander_jansson/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_alphonse_mucha/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_alphonse_mucha/landscape-0.jpg
new file mode 100644
index 00000000..2d170e1b
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_alphonse_mucha/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_alphonse_mucha/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_alphonse_mucha/portrait-0.jpg
new file mode 100644
index 00000000..aa07839b
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_alphonse_mucha/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_andy_warhol/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_andy_warhol/landscape-0.jpg
new file mode 100644
index 00000000..480aa3cc
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_andy_warhol/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_andy_warhol/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_andy_warhol/portrait-0.jpg
new file mode 100644
index 00000000..a8c1ee6c
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_andy_warhol/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_artgerm/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_artgerm/landscape-0.jpg
new file mode 100644
index 00000000..a96a0e69
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_artgerm/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_artgerm/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_artgerm/portrait-0.jpg
new file mode 100644
index 00000000..e7f2e2b3
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_artgerm/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_asaf_hanuka/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_asaf_hanuka/landscape-0.jpg
new file mode 100644
index 00000000..a8443268
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_asaf_hanuka/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_asaf_hanuka/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_asaf_hanuka/portrait-0.jpg
new file mode 100644
index 00000000..3775a2fa
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_asaf_hanuka/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_aubrey_beardsley/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_aubrey_beardsley/landscape-0.jpg
new file mode 100644
index 00000000..ae388a25
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_aubrey_beardsley/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_aubrey_beardsley/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_aubrey_beardsley/portrait-0.jpg
new file mode 100644
index 00000000..da3fe32d
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_aubrey_beardsley/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_banksy/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_banksy/landscape-0.jpg
new file mode 100644
index 00000000..a3b6d562
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_banksy/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_banksy/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_banksy/portrait-0.jpg
new file mode 100644
index 00000000..45b5f808
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_banksy/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_beeple/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_beeple/landscape-0.jpg
new file mode 100644
index 00000000..984ee5e0
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_beeple/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_beeple/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_beeple/portrait-0.jpg
new file mode 100644
index 00000000..91546ba6
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_beeple/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_ben_enwonwu/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_ben_enwonwu/landscape-0.jpg
new file mode 100644
index 00000000..9d183d4e
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_ben_enwonwu/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_ben_enwonwu/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_ben_enwonwu/portrait-0.jpg
new file mode 100644
index 00000000..66f45838
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_ben_enwonwu/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_bob_eggleton/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_bob_eggleton/landscape-0.jpg
new file mode 100644
index 00000000..ee7b32fb
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_bob_eggleton/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_bob_eggleton/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_bob_eggleton/portrait-0.jpg
new file mode 100644
index 00000000..6df2a4af
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_bob_eggleton/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_caravaggio_michelangelo_merisi/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_caravaggio_michelangelo_merisi/landscape-0.jpg
new file mode 100644
index 00000000..c71e98f5
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_caravaggio_michelangelo_merisi/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_caravaggio_michelangelo_merisi/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_caravaggio_michelangelo_merisi/portrait-0.jpg
new file mode 100644
index 00000000..50ec70c6
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_caravaggio_michelangelo_merisi/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_caspar_david_friedrich/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_caspar_david_friedrich/landscape-0.jpg
new file mode 100644
index 00000000..e141286e
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_caspar_david_friedrich/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_caspar_david_friedrich/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_caspar_david_friedrich/portrait-0.jpg
new file mode 100644
index 00000000..7ae777c5
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_caspar_david_friedrich/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_chris_foss/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_chris_foss/landscape-0.jpg
new file mode 100644
index 00000000..9e4faa61
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_chris_foss/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_chris_foss/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_chris_foss/portrait-0.jpg
new file mode 100644
index 00000000..a6bc604e
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_chris_foss/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_claude_monet/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_claude_monet/landscape-0.jpg
new file mode 100644
index 00000000..1a1ddc05
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_claude_monet/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_claude_monet/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_claude_monet/portrait-0.jpg
new file mode 100644
index 00000000..1a18a042
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_claude_monet/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_dan_mumford/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_dan_mumford/landscape-0.jpg
new file mode 100644
index 00000000..0ac12bc5
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_dan_mumford/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_dan_mumford/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_dan_mumford/portrait-0.jpg
new file mode 100644
index 00000000..32f1ce24
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_dan_mumford/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_david_mann/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_david_mann/landscape-0.jpg
new file mode 100644
index 00000000..eed7c8ad
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_david_mann/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_david_mann/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_david_mann/portrait-0.jpg
new file mode 100644
index 00000000..f3810f81
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_david_mann/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_diego_vela_zquez/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_diego_vela_zquez/landscape-0.jpg
new file mode 100644
index 00000000..3a957469
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_diego_vela_zquez/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_diego_vela_zquez/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_diego_vela_zquez/portrait-0.jpg
new file mode 100644
index 00000000..43306a99
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_diego_vela_zquez/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_disney_animation_studios/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_disney_animation_studios/landscape-0.jpg
new file mode 100644
index 00000000..ecaa33e8
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_disney_animation_studios/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_disney_animation_studios/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_disney_animation_studios/portrait-0.jpg
new file mode 100644
index 00000000..08f20864
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_disney_animation_studios/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_e_douard_manet/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_e_douard_manet/landscape-0.jpg
new file mode 100644
index 00000000..2e02199b
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_e_douard_manet/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_e_douard_manet/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_e_douard_manet/portrait-0.jpg
new file mode 100644
index 00000000..e2161865
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_e_douard_manet/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_esao_andrews/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_esao_andrews/landscape-0.jpg
new file mode 100644
index 00000000..b2c58b22
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_esao_andrews/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_esao_andrews/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_esao_andrews/portrait-0.jpg
new file mode 100644
index 00000000..b3628d55
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_esao_andrews/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_frida_kahlo/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_frida_kahlo/landscape-0.jpg
new file mode 100644
index 00000000..a6d66b4b
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_frida_kahlo/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_frida_kahlo/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_frida_kahlo/portrait-0.jpg
new file mode 100644
index 00000000..dc8d2004
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_frida_kahlo/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_gediminas_pranckevicius/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_gediminas_pranckevicius/landscape-0.jpg
new file mode 100644
index 00000000..cde1099c
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_gediminas_pranckevicius/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_gediminas_pranckevicius/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_gediminas_pranckevicius/portrait-0.jpg
new file mode 100644
index 00000000..89f9fce2
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_gediminas_pranckevicius/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_georgia_o_keeffe/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_georgia_o_keeffe/landscape-0.jpg
new file mode 100644
index 00000000..f374b239
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_georgia_o_keeffe/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_georgia_o_keeffe/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_georgia_o_keeffe/portrait-0.jpg
new file mode 100644
index 00000000..26675244
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_georgia_o_keeffe/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_greg_rutkowski/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_greg_rutkowski/landscape-0.jpg
new file mode 100644
index 00000000..65a6bc39
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_greg_rutkowski/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_greg_rutkowski/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_greg_rutkowski/portrait-0.jpg
new file mode 100644
index 00000000..c5b7db7f
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_greg_rutkowski/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_gustave_dore_/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_gustave_dore_/landscape-0.jpg
new file mode 100644
index 00000000..70f9acf0
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_gustave_dore_/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_gustave_dore_/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_gustave_dore_/portrait-0.jpg
new file mode 100644
index 00000000..541fbad6
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_gustave_dore_/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_gustave_klimt/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_gustave_klimt/landscape-0.jpg
new file mode 100644
index 00000000..00b13cd0
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_gustave_klimt/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_gustave_klimt/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_gustave_klimt/portrait-0.jpg
new file mode 100644
index 00000000..8460065f
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_gustave_klimt/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_h_r_giger/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_h_r_giger/landscape-0.jpg
new file mode 100644
index 00000000..c7255ed7
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_h_r_giger/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_h_r_giger/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_h_r_giger/portrait-0.jpg
new file mode 100644
index 00000000..eca5d6e5
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_h_r_giger/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_hayao_miyazaki/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_hayao_miyazaki/landscape-0.jpg
new file mode 100644
index 00000000..a975ce01
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_hayao_miyazaki/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_hayao_miyazaki/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_hayao_miyazaki/portrait-0.jpg
new file mode 100644
index 00000000..ec758dd6
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_hayao_miyazaki/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_henri_matisse/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_henri_matisse/landscape-0.jpg
new file mode 100644
index 00000000..8361f88d
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_henri_matisse/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_henri_matisse/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_henri_matisse/portrait-0.jpg
new file mode 100644
index 00000000..31c0ae89
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_henri_matisse/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_hp_lovecraft/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_hp_lovecraft/landscape-0.jpg
new file mode 100644
index 00000000..bf630c7e
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_hp_lovecraft/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_hp_lovecraft/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_hp_lovecraft/portrait-0.jpg
new file mode 100644
index 00000000..820233bc
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_hp_lovecraft/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_ivan_shishkin/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_ivan_shishkin/landscape-0.jpg
new file mode 100644
index 00000000..5847701c
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_ivan_shishkin/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_ivan_shishkin/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_ivan_shishkin/portrait-0.jpg
new file mode 100644
index 00000000..cc7d850d
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_ivan_shishkin/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_jack_kirby/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_jack_kirby/landscape-0.jpg
new file mode 100644
index 00000000..f2c079f2
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_jack_kirby/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_jack_kirby/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_jack_kirby/portrait-0.jpg
new file mode 100644
index 00000000..cc6bed88
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_jack_kirby/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_jackson_pollock/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_jackson_pollock/landscape-0.jpg
new file mode 100644
index 00000000..a83d9b17
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_jackson_pollock/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_jackson_pollock/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_jackson_pollock/portrait-0.jpg
new file mode 100644
index 00000000..c1be354d
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_jackson_pollock/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_james_jean/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_james_jean/landscape-0.jpg
new file mode 100644
index 00000000..8e6cb008
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_james_jean/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_james_jean/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_james_jean/portrait-0.jpg
new file mode 100644
index 00000000..9fe5fd1a
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_james_jean/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_jim_burns/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_jim_burns/landscape-0.jpg
new file mode 100644
index 00000000..4158915b
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_jim_burns/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_jim_burns/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_jim_burns/portrait-0.jpg
new file mode 100644
index 00000000..fbaf00b5
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_jim_burns/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_johannes_vermeer/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_johannes_vermeer/landscape-0.jpg
new file mode 100644
index 00000000..be39bf44
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_johannes_vermeer/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_johannes_vermeer/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_johannes_vermeer/portrait-0.jpg
new file mode 100644
index 00000000..8aeef0a9
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_johannes_vermeer/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_john_william_waterhouse/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_john_william_waterhouse/landscape-0.jpg
new file mode 100644
index 00000000..97fe5e61
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_john_william_waterhouse/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_john_william_waterhouse/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_john_william_waterhouse/portrait-0.jpg
new file mode 100644
index 00000000..e735dec0
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_john_william_waterhouse/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_katsushika_hokusai/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_katsushika_hokusai/landscape-0.jpg
new file mode 100644
index 00000000..23a9f4ec
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_katsushika_hokusai/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_katsushika_hokusai/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_katsushika_hokusai/portrait-0.jpg
new file mode 100644
index 00000000..1a479148
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_katsushika_hokusai/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_kim_tschang_yeul/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_kim_tschang_yeul/landscape-0.jpg
new file mode 100644
index 00000000..281eab8f
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_kim_tschang_yeul/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_kim_tschang_yeul/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_kim_tschang_yeul/portrait-0.jpg
new file mode 100644
index 00000000..1e914a0d
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_kim_tschang_yeul/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_ko_young_hoon/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_ko_young_hoon/landscape-0.jpg
new file mode 100644
index 00000000..34bcb6ac
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_ko_young_hoon/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_ko_young_hoon/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_ko_young_hoon/portrait-0.jpg
new file mode 100644
index 00000000..ed22e9cf
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_ko_young_hoon/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_leonardo_da_vinci/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_leonardo_da_vinci/landscape-0.jpg
new file mode 100644
index 00000000..d0408007
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_leonardo_da_vinci/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_leonardo_da_vinci/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_leonardo_da_vinci/portrait-0.jpg
new file mode 100644
index 00000000..01c8881d
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_leonardo_da_vinci/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_lisa_frank/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_lisa_frank/landscape-0.jpg
new file mode 100644
index 00000000..f21f0e2f
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_lisa_frank/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_lisa_frank/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_lisa_frank/portrait-0.jpg
new file mode 100644
index 00000000..5ff81a89
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_lisa_frank/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_m_c_escher/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_m_c_escher/landscape-0.jpg
new file mode 100644
index 00000000..90dda89d
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_m_c_escher/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_m_c_escher/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_m_c_escher/portrait-0.jpg
new file mode 100644
index 00000000..cfe78a3f
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_m_c_escher/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_mahmoud_sai_d/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_mahmoud_sai_d/landscape-0.jpg
new file mode 100644
index 00000000..4955bb28
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_mahmoud_sai_d/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_mahmoud_sai_d/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_mahmoud_sai_d/portrait-0.jpg
new file mode 100644
index 00000000..f0ddbd04
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_mahmoud_sai_d/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_makoto_shinkai/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_makoto_shinkai/landscape-0.jpg
new file mode 100644
index 00000000..85634b10
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_makoto_shinkai/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_makoto_shinkai/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_makoto_shinkai/portrait-0.jpg
new file mode 100644
index 00000000..3551f282
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_makoto_shinkai/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_marc_simonetti/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_marc_simonetti/landscape-0.jpg
new file mode 100644
index 00000000..57d3e308
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_marc_simonetti/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_marc_simonetti/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_marc_simonetti/portrait-0.jpg
new file mode 100644
index 00000000..7722a813
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_marc_simonetti/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_mark_brooks/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_mark_brooks/landscape-0.jpg
new file mode 100644
index 00000000..5cdb1681
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_mark_brooks/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_mark_brooks/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_mark_brooks/portrait-0.jpg
new file mode 100644
index 00000000..76200b79
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_mark_brooks/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_michelangelo/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_michelangelo/landscape-0.jpg
new file mode 100644
index 00000000..e64d6c87
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_michelangelo/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_michelangelo/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_michelangelo/portrait-0.jpg
new file mode 100644
index 00000000..0b99fe85
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_michelangelo/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_pablo_picasso/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_pablo_picasso/landscape-0.jpg
new file mode 100644
index 00000000..c00b8278
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_pablo_picasso/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_pablo_picasso/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_pablo_picasso/portrait-0.jpg
new file mode 100644
index 00000000..5932b9d1
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_pablo_picasso/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_paul_klee/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_paul_klee/landscape-0.jpg
new file mode 100644
index 00000000..b753e9e0
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_paul_klee/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_paul_klee/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_paul_klee/portrait-0.jpg
new file mode 100644
index 00000000..a6d9803b
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_paul_klee/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_peter_mohrbacher/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_peter_mohrbacher/landscape-0.jpg
new file mode 100644
index 00000000..d1400bf3
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_peter_mohrbacher/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_peter_mohrbacher/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_peter_mohrbacher/portrait-0.jpg
new file mode 100644
index 00000000..85b6c887
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_peter_mohrbacher/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_pierre-auguste_renoir/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_pierre-auguste_renoir/landscape-0.jpg
new file mode 100644
index 00000000..f7219bf4
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_pierre-auguste_renoir/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_pierre-auguste_renoir/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_pierre-auguste_renoir/portrait-0.jpg
new file mode 100644
index 00000000..c4d6e715
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_pierre-auguste_renoir/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_pixar_animation_studios/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_pixar_animation_studios/landscape-0.jpg
new file mode 100644
index 00000000..767aa502
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_pixar_animation_studios/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_pixar_animation_studios/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_pixar_animation_studios/portrait-0.jpg
new file mode 100644
index 00000000..078893a1
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_pixar_animation_studios/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_rembrandt/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_rembrandt/landscape-0.jpg
new file mode 100644
index 00000000..3bbdad0b
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_rembrandt/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_rembrandt/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_rembrandt/portrait-0.jpg
new file mode 100644
index 00000000..c1207645
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_rembrandt/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_richard_dadd/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_richard_dadd/landscape-0.jpg
new file mode 100644
index 00000000..f25919c0
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_richard_dadd/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_richard_dadd/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_richard_dadd/portrait-0.jpg
new file mode 100644
index 00000000..6530cc13
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_richard_dadd/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_rossdraws/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_rossdraws/landscape-0.jpg
new file mode 100644
index 00000000..4eb47e5c
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_rossdraws/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_rossdraws/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_rossdraws/portrait-0.jpg
new file mode 100644
index 00000000..fa933154
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_rossdraws/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_salvador_dali_/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_salvador_dali_/landscape-0.jpg
new file mode 100644
index 00000000..fa645ada
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_salvador_dali_/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_salvador_dali_/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_salvador_dali_/portrait-0.jpg
new file mode 100644
index 00000000..64ea5160
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_salvador_dali_/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_sam_does_arts/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_sam_does_arts/landscape-0.jpg
new file mode 100644
index 00000000..87a30e81
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_sam_does_arts/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_sam_does_arts/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_sam_does_arts/portrait-0.jpg
new file mode 100644
index 00000000..2fccacd0
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_sam_does_arts/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_sandro_botticelli/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_sandro_botticelli/landscape-0.jpg
new file mode 100644
index 00000000..84ac59ec
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_sandro_botticelli/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_sandro_botticelli/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_sandro_botticelli/portrait-0.jpg
new file mode 100644
index 00000000..89ebfad7
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_sandro_botticelli/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_ted_nasmith/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_ted_nasmith/landscape-0.jpg
new file mode 100644
index 00000000..73188f83
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_ted_nasmith/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_ted_nasmith/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_ted_nasmith/portrait-0.jpg
new file mode 100644
index 00000000..6034d354
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_ted_nasmith/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_ten_hundred/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_ten_hundred/landscape-0.jpg
new file mode 100644
index 00000000..558c2528
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_ten_hundred/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_ten_hundred/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_ten_hundred/portrait-0.jpg
new file mode 100644
index 00000000..7227be3d
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_ten_hundred/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_thomas_kinkade/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_thomas_kinkade/landscape-0.jpg
new file mode 100644
index 00000000..3f3c4ab2
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_thomas_kinkade/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_thomas_kinkade/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_thomas_kinkade/portrait-0.jpg
new file mode 100644
index 00000000..49f5f59b
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_thomas_kinkade/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_tivadar_csontva_ry_kosztka/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_tivadar_csontva_ry_kosztka/landscape-0.jpg
new file mode 100644
index 00000000..4839ba1a
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_tivadar_csontva_ry_kosztka/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_tivadar_csontva_ry_kosztka/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_tivadar_csontva_ry_kosztka/portrait-0.jpg
new file mode 100644
index 00000000..5229d550
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_tivadar_csontva_ry_kosztka/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_victo_ngai/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_victo_ngai/landscape-0.jpg
new file mode 100644
index 00000000..632091c6
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_victo_ngai/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_victo_ngai/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_victo_ngai/portrait-0.jpg
new file mode 100644
index 00000000..4bbb3ed9
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_victo_ngai/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_vincent_di_fate/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_vincent_di_fate/landscape-0.jpg
new file mode 100644
index 00000000..fe4becf9
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_vincent_di_fate/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_vincent_di_fate/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_vincent_di_fate/portrait-0.jpg
new file mode 100644
index 00000000..8087d73b
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_vincent_di_fate/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_vincent_van_gogh/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_vincent_van_gogh/landscape-0.jpg
new file mode 100644
index 00000000..15ced986
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_vincent_van_gogh/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_vincent_van_gogh/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_vincent_van_gogh/portrait-0.jpg
new file mode 100644
index 00000000..f60ae946
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_vincent_van_gogh/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_wes_anderson/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_wes_anderson/landscape-0.jpg
new file mode 100644
index 00000000..f3b05ed5
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_wes_anderson/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_wes_anderson/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_wes_anderson/portrait-0.jpg
new file mode 100644
index 00000000..2f40313c
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_wes_anderson/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_wlop/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_wlop/landscape-0.jpg
new file mode 100644
index 00000000..7378e735
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_wlop/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_wlop/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_wlop/portrait-0.jpg
new file mode 100644
index 00000000..100280b1
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_wlop/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_yoshitaka_amano/landscape-0.jpg b/ui/media/modifier-thumbnails/artist/by_yoshitaka_amano/landscape-0.jpg
new file mode 100644
index 00000000..8ad61929
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_yoshitaka_amano/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/artist/by_yoshitaka_amano/portrait-0.jpg b/ui/media/modifier-thumbnails/artist/by_yoshitaka_amano/portrait-0.jpg
new file mode 100644
index 00000000..3989acaa
Binary files /dev/null and b/ui/media/modifier-thumbnails/artist/by_yoshitaka_amano/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/aerial_view/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/aerial_view/landscape-0.jpg
new file mode 100644
index 00000000..7a62102f
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/aerial_view/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/aerial_view/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/aerial_view/portrait-0.jpg
new file mode 100644
index 00000000..0ceaffb1
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/aerial_view/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/canon50/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/canon50/landscape-0.jpg
new file mode 100644
index 00000000..1e3ade7b
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/canon50/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/canon50/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/canon50/portrait-0.jpg
new file mode 100644
index 00000000..9c2de772
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/canon50/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/cinematic/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/cinematic/landscape-0.jpg
new file mode 100644
index 00000000..1e582e1f
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/cinematic/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/cinematic/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/cinematic/portrait-0.jpg
new file mode 100644
index 00000000..58513f76
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/cinematic/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/close-up/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/close-up/landscape-0.jpg
new file mode 100644
index 00000000..9080e385
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/close-up/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/close-up/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/close-up/portrait-0.jpg
new file mode 100644
index 00000000..f91e25f0
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/close-up/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/color_grading/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/color_grading/landscape-0.jpg
new file mode 100644
index 00000000..ed3b7d13
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/color_grading/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/color_grading/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/color_grading/portrait-0.jpg
new file mode 100644
index 00000000..91a0fec2
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/color_grading/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/dramatic/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/dramatic/landscape-0.jpg
new file mode 100644
index 00000000..db9cd870
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/dramatic/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/dramatic/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/dramatic/portrait-0.jpg
new file mode 100644
index 00000000..54c6c95b
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/dramatic/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/film_grain/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/film_grain/landscape-0.jpg
new file mode 100644
index 00000000..b045299e
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/film_grain/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/film_grain/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/film_grain/portrait-0.jpg
new file mode 100644
index 00000000..063c2923
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/film_grain/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/fisheye_lens/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/fisheye_lens/landscape-0.jpg
new file mode 100644
index 00000000..c4a0e658
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/fisheye_lens/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/fisheye_lens/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/fisheye_lens/portrait-0.jpg
new file mode 100644
index 00000000..74ce9fce
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/fisheye_lens/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/glamor_shot/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/glamor_shot/landscape-0.jpg
new file mode 100644
index 00000000..fd7878b0
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/glamor_shot/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/glamor_shot/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/glamor_shot/portrait-0.jpg
new file mode 100644
index 00000000..3a9e7151
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/glamor_shot/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/golden_hour/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/golden_hour/landscape-0.jpg
new file mode 100644
index 00000000..d4814bba
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/golden_hour/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/golden_hour/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/golden_hour/portrait-0.jpg
new file mode 100644
index 00000000..86dc055a
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/golden_hour/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/hd/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/hd/landscape-0.jpg
new file mode 100644
index 00000000..dd98b0f7
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/hd/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/hd/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/hd/portrait-0.jpg
new file mode 100644
index 00000000..bf7a9002
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/hd/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/landscape/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/landscape/landscape-0.jpg
new file mode 100644
index 00000000..58faf8f1
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/landscape/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/landscape/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/landscape/portrait-0.jpg
new file mode 100644
index 00000000..6acf3a07
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/landscape/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/lens_flare/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/lens_flare/landscape-0.jpg
new file mode 100644
index 00000000..2bbe565e
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/lens_flare/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/lens_flare/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/lens_flare/portrait-0.jpg
new file mode 100644
index 00000000..099e0da8
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/lens_flare/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/macro/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/macro/landscape-0.jpg
new file mode 100644
index 00000000..4a1efe3f
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/macro/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/macro/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/macro/portrait-0.jpg
new file mode 100644
index 00000000..74842b13
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/macro/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/photoshoot/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/photoshoot/landscape-0.jpg
new file mode 100644
index 00000000..f271289d
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/photoshoot/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/photoshoot/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/photoshoot/portrait-0.jpg
new file mode 100644
index 00000000..01010840
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/photoshoot/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/polaroid/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/polaroid/landscape-0.jpg
new file mode 100644
index 00000000..970bd601
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/polaroid/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/polaroid/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/polaroid/portrait-0.jpg
new file mode 100644
index 00000000..6aa809f5
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/polaroid/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/portrait/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/portrait/landscape-0.jpg
new file mode 100644
index 00000000..26bfee5b
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/portrait/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/portrait/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/portrait/portrait-0.jpg
new file mode 100644
index 00000000..81ebdf5d
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/portrait/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/studio_lighting/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/studio_lighting/landscape-0.jpg
new file mode 100644
index 00000000..adaeca66
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/studio_lighting/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/studio_lighting/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/studio_lighting/portrait-0.jpg
new file mode 100644
index 00000000..c5b34c45
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/studio_lighting/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/vintage/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/vintage/landscape-0.jpg
new file mode 100644
index 00000000..8b63e895
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/vintage/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/vintage/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/vintage/portrait-0.jpg
new file mode 100644
index 00000000..1b83031b
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/vintage/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/war_photography/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/war_photography/landscape-0.jpg
new file mode 100644
index 00000000..24c47d9e
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/war_photography/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/war_photography/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/war_photography/portrait-0.jpg
new file mode 100644
index 00000000..d925a5df
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/war_photography/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/white_balance/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/white_balance/landscape-0.jpg
new file mode 100644
index 00000000..4dc38105
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/white_balance/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/white_balance/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/white_balance/portrait-0.jpg
new file mode 100644
index 00000000..27a6d9eb
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/white_balance/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/wildlife_photography/landscape-0.jpg b/ui/media/modifier-thumbnails/camera/wildlife_photography/landscape-0.jpg
new file mode 100644
index 00000000..13e10b6c
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/wildlife_photography/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/camera/wildlife_photography/portrait-0.jpg b/ui/media/modifier-thumbnails/camera/wildlife_photography/portrait-0.jpg
new file mode 100644
index 00000000..57870f3e
Binary files /dev/null and b/ui/media/modifier-thumbnails/camera/wildlife_photography/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/carving_and_etching/etching/landscape-0.jpg b/ui/media/modifier-thumbnails/carving_and_etching/etching/landscape-0.jpg
new file mode 100644
index 00000000..909c2c53
Binary files /dev/null and b/ui/media/modifier-thumbnails/carving_and_etching/etching/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/carving_and_etching/etching/portrait-0.jpg b/ui/media/modifier-thumbnails/carving_and_etching/etching/portrait-0.jpg
new file mode 100644
index 00000000..4cecabb3
Binary files /dev/null and b/ui/media/modifier-thumbnails/carving_and_etching/etching/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/carving_and_etching/linocut/landscape-0.jpg b/ui/media/modifier-thumbnails/carving_and_etching/linocut/landscape-0.jpg
new file mode 100644
index 00000000..edf51779
Binary files /dev/null and b/ui/media/modifier-thumbnails/carving_and_etching/linocut/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/carving_and_etching/linocut/portrait-0.jpg b/ui/media/modifier-thumbnails/carving_and_etching/linocut/portrait-0.jpg
new file mode 100644
index 00000000..0f3bb2b6
Binary files /dev/null and b/ui/media/modifier-thumbnails/carving_and_etching/linocut/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/carving_and_etching/paper-mache/landscape-0.jpg b/ui/media/modifier-thumbnails/carving_and_etching/paper-mache/landscape-0.jpg
new file mode 100644
index 00000000..d75c8ebe
Binary files /dev/null and b/ui/media/modifier-thumbnails/carving_and_etching/paper-mache/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/carving_and_etching/paper-mache/portrait-0.jpg b/ui/media/modifier-thumbnails/carving_and_etching/paper-mache/portrait-0.jpg
new file mode 100644
index 00000000..30c54d06
Binary files /dev/null and b/ui/media/modifier-thumbnails/carving_and_etching/paper-mache/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/carving_and_etching/paper_model/landscape-0.jpg b/ui/media/modifier-thumbnails/carving_and_etching/paper_model/landscape-0.jpg
new file mode 100644
index 00000000..6325126c
Binary files /dev/null and b/ui/media/modifier-thumbnails/carving_and_etching/paper_model/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/carving_and_etching/paper_model/portrait-0.jpg b/ui/media/modifier-thumbnails/carving_and_etching/paper_model/portrait-0.jpg
new file mode 100644
index 00000000..4e5d11b7
Binary files /dev/null and b/ui/media/modifier-thumbnails/carving_and_etching/paper_model/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/carving_and_etching/papercutting/landscape-0.jpg b/ui/media/modifier-thumbnails/carving_and_etching/papercutting/landscape-0.jpg
new file mode 100644
index 00000000..f69f4762
Binary files /dev/null and b/ui/media/modifier-thumbnails/carving_and_etching/papercutting/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/carving_and_etching/papercutting/portrait-0.jpg b/ui/media/modifier-thumbnails/carving_and_etching/papercutting/portrait-0.jpg
new file mode 100644
index 00000000..44ae9422
Binary files /dev/null and b/ui/media/modifier-thumbnails/carving_and_etching/papercutting/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/carving_and_etching/pyrography/landscape-0.jpg b/ui/media/modifier-thumbnails/carving_and_etching/pyrography/landscape-0.jpg
new file mode 100644
index 00000000..6a652527
Binary files /dev/null and b/ui/media/modifier-thumbnails/carving_and_etching/pyrography/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/carving_and_etching/pyrography/portrait-0.jpg b/ui/media/modifier-thumbnails/carving_and_etching/pyrography/portrait-0.jpg
new file mode 100644
index 00000000..c65e3cca
Binary files /dev/null and b/ui/media/modifier-thumbnails/carving_and_etching/pyrography/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/carving_and_etching/wood-carving/landscape-0.jpg b/ui/media/modifier-thumbnails/carving_and_etching/wood-carving/landscape-0.jpg
new file mode 100644
index 00000000..d4707560
Binary files /dev/null and b/ui/media/modifier-thumbnails/carving_and_etching/wood-carving/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/carving_and_etching/wood-carving/portrait-0.jpg b/ui/media/modifier-thumbnails/carving_and_etching/wood-carving/portrait-0.jpg
new file mode 100644
index 00000000..715ae3f1
Binary files /dev/null and b/ui/media/modifier-thumbnails/carving_and_etching/wood-carving/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/3d_render/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/3d_render/landscape-0.jpg
new file mode 100644
index 00000000..73871503
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/3d_render/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/3d_render/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/3d_render/portrait-0.jpg
new file mode 100644
index 00000000..c9137bda
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/3d_render/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/corona_render/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/corona_render/landscape-0.jpg
new file mode 100644
index 00000000..e625a78e
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/corona_render/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/corona_render/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/corona_render/portrait-0.jpg
new file mode 100644
index 00000000..e650d2e2
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/corona_render/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/creature_design/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/creature_design/landscape-0.jpg
new file mode 100644
index 00000000..b0bb8093
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/creature_design/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/creature_design/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/creature_design/portrait-0.jpg
new file mode 100644
index 00000000..ed08e5a1
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/creature_design/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/cycles_render/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/cycles_render/landscape-0.jpg
new file mode 100644
index 00000000..1073277c
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/cycles_render/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/cycles_render/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/cycles_render/portrait-0.jpg
new file mode 100644
index 00000000..9c62a0ef
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/cycles_render/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/detailed_render/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/detailed_render/landscape-0.jpg
new file mode 100644
index 00000000..5880e0d8
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/detailed_render/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/detailed_render/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/detailed_render/portrait-0.jpg
new file mode 100644
index 00000000..71b378f0
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/detailed_render/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/environment_design/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/environment_design/landscape-0.jpg
new file mode 100644
index 00000000..3a48c2b4
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/environment_design/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/environment_design/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/environment_design/portrait-0.jpg
new file mode 100644
index 00000000..96a1dfbc
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/environment_design/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/glass_caustics/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/glass_caustics/landscape-0.jpg
new file mode 100644
index 00000000..44ddc2ba
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/glass_caustics/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/glass_caustics/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/glass_caustics/portrait-0.jpg
new file mode 100644
index 00000000..62e8f6ed
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/glass_caustics/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/global_illumination/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/global_illumination/landscape-0.jpg
new file mode 100644
index 00000000..e0deff28
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/global_illumination/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/global_illumination/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/global_illumination/portrait-0.jpg
new file mode 100644
index 00000000..5dabf50f
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/global_illumination/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/intricate_environment/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/intricate_environment/landscape-0.jpg
new file mode 100644
index 00000000..6ceaf8d3
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/intricate_environment/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/intricate_environment/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/intricate_environment/portrait-0.jpg
new file mode 100644
index 00000000..c9df0f6f
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/intricate_environment/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/lsd_render/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/lsd_render/landscape-0.jpg
new file mode 100644
index 00000000..11f3a0fa
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/lsd_render/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/lsd_render/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/lsd_render/portrait-0.jpg
new file mode 100644
index 00000000..7f2dc13d
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/lsd_render/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/octane_render/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/octane_render/landscape-0.jpg
new file mode 100644
index 00000000..9c73b479
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/octane_render/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/octane_render/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/octane_render/portrait-0.jpg
new file mode 100644
index 00000000..883f483e
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/octane_render/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/pbr/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/pbr/landscape-0.jpg
new file mode 100644
index 00000000..d8a11738
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/pbr/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/pbr/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/pbr/portrait-0.jpg
new file mode 100644
index 00000000..6e335155
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/pbr/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/subsurface_scattering/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/subsurface_scattering/landscape-0.jpg
new file mode 100644
index 00000000..af16505e
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/subsurface_scattering/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_rendering/subsurface_scattering/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_rendering/subsurface_scattering/portrait-0.jpg
new file mode 100644
index 00000000..d047f4d8
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_rendering/subsurface_scattering/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/3d_model/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_software/3d_model/landscape-0.jpg
new file mode 100644
index 00000000..0e107ee5
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/3d_model/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/3d_model/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_software/3d_model/portrait-0.jpg
new file mode 100644
index 00000000..cd23e093
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/3d_model/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/3d_sculpt/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_software/3d_sculpt/landscape-0.jpg
new file mode 100644
index 00000000..a3d437b3
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/3d_sculpt/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/3d_sculpt/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_software/3d_sculpt/portrait-0.jpg
new file mode 100644
index 00000000..40bfcba4
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/3d_sculpt/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/3ds_max_model/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_software/3ds_max_model/landscape-0.jpg
new file mode 100644
index 00000000..52156b47
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/3ds_max_model/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/3ds_max_model/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_software/3ds_max_model/portrait-0.jpg
new file mode 100644
index 00000000..f85538cd
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/3ds_max_model/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/blender_model/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_software/blender_model/landscape-0.jpg
new file mode 100644
index 00000000..bdcfd1f8
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/blender_model/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/blender_model/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_software/blender_model/portrait-0.jpg
new file mode 100644
index 00000000..136baa81
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/blender_model/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/cinema4d_model/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_software/cinema4d_model/landscape-0.jpg
new file mode 100644
index 00000000..7a3d0ee8
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/cinema4d_model/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/cinema4d_model/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_software/cinema4d_model/portrait-0.jpg
new file mode 100644
index 00000000..d5a55841
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/cinema4d_model/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/maya_model/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_software/maya_model/landscape-0.jpg
new file mode 100644
index 00000000..38be657a
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/maya_model/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/maya_model/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_software/maya_model/portrait-0.jpg
new file mode 100644
index 00000000..9d3e4fda
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/maya_model/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/unreal_engine/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_software/unreal_engine/landscape-0.jpg
new file mode 100644
index 00000000..d4532e3a
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/unreal_engine/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/unreal_engine/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_software/unreal_engine/portrait-0.jpg
new file mode 100644
index 00000000..32d0b9fc
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/unreal_engine/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/zbrush_sculpt/landscape-0.jpg b/ui/media/modifier-thumbnails/cgi_software/zbrush_sculpt/landscape-0.jpg
new file mode 100644
index 00000000..49270c61
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/zbrush_sculpt/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/cgi_software/zbrush_sculpt/portrait-0.jpg b/ui/media/modifier-thumbnails/cgi_software/zbrush_sculpt/portrait-0.jpg
new file mode 100644
index 00000000..6bd4bbfa
Binary files /dev/null and b/ui/media/modifier-thumbnails/cgi_software/zbrush_sculpt/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/beautiful_lighting/landscape-0.jpg b/ui/media/modifier-thumbnails/color/beautiful_lighting/landscape-0.jpg
new file mode 100644
index 00000000..d183a600
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/beautiful_lighting/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/beautiful_lighting/portrait-0.jpg b/ui/media/modifier-thumbnails/color/beautiful_lighting/portrait-0.jpg
new file mode 100644
index 00000000..b8ecacfd
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/beautiful_lighting/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/cold_color_palette/landscape-0.jpg b/ui/media/modifier-thumbnails/color/cold_color_palette/landscape-0.jpg
new file mode 100644
index 00000000..7039a9ce
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/cold_color_palette/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/cold_color_palette/portrait-0.jpg b/ui/media/modifier-thumbnails/color/cold_color_palette/portrait-0.jpg
new file mode 100644
index 00000000..abf02c82
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/cold_color_palette/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/colorful/landscape-0.jpg b/ui/media/modifier-thumbnails/color/colorful/landscape-0.jpg
new file mode 100644
index 00000000..fe708bf6
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/colorful/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/colorful/portrait-0.jpg b/ui/media/modifier-thumbnails/color/colorful/portrait-0.jpg
new file mode 100644
index 00000000..c327c1f3
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/colorful/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/dynamic_lighting/landscape-0.jpg b/ui/media/modifier-thumbnails/color/dynamic_lighting/landscape-0.jpg
new file mode 100644
index 00000000..632e8694
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/dynamic_lighting/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/dynamic_lighting/portrait-0.jpg b/ui/media/modifier-thumbnails/color/dynamic_lighting/portrait-0.jpg
new file mode 100644
index 00000000..7f85330b
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/dynamic_lighting/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/electric_colors/landscape-0.jpg b/ui/media/modifier-thumbnails/color/electric_colors/landscape-0.jpg
new file mode 100644
index 00000000..27bfa102
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/electric_colors/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/electric_colors/portrait-0.jpg b/ui/media/modifier-thumbnails/color/electric_colors/portrait-0.jpg
new file mode 100644
index 00000000..14270895
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/electric_colors/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/infrared/landscape-0.jpg b/ui/media/modifier-thumbnails/color/infrared/landscape-0.jpg
new file mode 100644
index 00000000..16a6e133
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/infrared/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/infrared/portrait-0.jpg b/ui/media/modifier-thumbnails/color/infrared/portrait-0.jpg
new file mode 100644
index 00000000..b3b82b22
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/infrared/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/neon/landscape-0.jpg b/ui/media/modifier-thumbnails/color/neon/landscape-0.jpg
new file mode 100644
index 00000000..3dee39a5
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/neon/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/neon/portrait-0.jpg b/ui/media/modifier-thumbnails/color/neon/portrait-0.jpg
new file mode 100644
index 00000000..a00ae357
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/neon/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/pastel/landscape-0.jpg b/ui/media/modifier-thumbnails/color/pastel/landscape-0.jpg
new file mode 100644
index 00000000..e1ec1d96
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/pastel/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/pastel/portrait-0.jpg b/ui/media/modifier-thumbnails/color/pastel/portrait-0.jpg
new file mode 100644
index 00000000..8de9e72f
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/pastel/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/synthwave/landscape-0.jpg b/ui/media/modifier-thumbnails/color/synthwave/landscape-0.jpg
new file mode 100644
index 00000000..2f9c0e61
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/synthwave/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/synthwave/portrait-0.jpg b/ui/media/modifier-thumbnails/color/synthwave/portrait-0.jpg
new file mode 100644
index 00000000..1c385eae
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/synthwave/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/warm_color_palette/landscape-0.jpg b/ui/media/modifier-thumbnails/color/warm_color_palette/landscape-0.jpg
new file mode 100644
index 00000000..87c8501f
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/warm_color_palette/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/color/warm_color_palette/portrait-0.jpg b/ui/media/modifier-thumbnails/color/warm_color_palette/portrait-0.jpg
new file mode 100644
index 00000000..4fb9758e
Binary files /dev/null and b/ui/media/modifier-thumbnails/color/warm_color_palette/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/cel_shading/landscape-0.jpg b/ui/media/modifier-thumbnails/drawing_style/cel_shading/landscape-0.jpg
new file mode 100644
index 00000000..e00cd163
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/cel_shading/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/cel_shading/portrait-0.jpg b/ui/media/modifier-thumbnails/drawing_style/cel_shading/portrait-0.jpg
new file mode 100644
index 00000000..715f3e0e
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/cel_shading/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/children_s_drawing/landscape-0.jpg b/ui/media/modifier-thumbnails/drawing_style/children_s_drawing/landscape-0.jpg
new file mode 100644
index 00000000..79d70a72
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/children_s_drawing/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/children_s_drawing/portrait-0.jpg b/ui/media/modifier-thumbnails/drawing_style/children_s_drawing/portrait-0.jpg
new file mode 100644
index 00000000..bc29298f
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/children_s_drawing/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/crosshatch/landscape-0.jpg b/ui/media/modifier-thumbnails/drawing_style/crosshatch/landscape-0.jpg
new file mode 100644
index 00000000..a6144a67
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/crosshatch/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/crosshatch/portrait-0.jpg b/ui/media/modifier-thumbnails/drawing_style/crosshatch/portrait-0.jpg
new file mode 100644
index 00000000..f2bb7acf
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/crosshatch/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/detailed_and_intricate/landscape-0.jpg b/ui/media/modifier-thumbnails/drawing_style/detailed_and_intricate/landscape-0.jpg
new file mode 100644
index 00000000..5048c432
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/detailed_and_intricate/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/detailed_and_intricate/portrait-0.jpg b/ui/media/modifier-thumbnails/drawing_style/detailed_and_intricate/portrait-0.jpg
new file mode 100644
index 00000000..699f92d9
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/detailed_and_intricate/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/doodle/landscape-0.jpg b/ui/media/modifier-thumbnails/drawing_style/doodle/landscape-0.jpg
new file mode 100644
index 00000000..92cec1c4
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/doodle/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/doodle/portrait-0.jpg b/ui/media/modifier-thumbnails/drawing_style/doodle/portrait-0.jpg
new file mode 100644
index 00000000..7524efa5
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/doodle/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/dot_art/landscape-0.jpg b/ui/media/modifier-thumbnails/drawing_style/dot_art/landscape-0.jpg
new file mode 100644
index 00000000..9fcb939f
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/dot_art/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/dot_art/portrait-0.jpg b/ui/media/modifier-thumbnails/drawing_style/dot_art/portrait-0.jpg
new file mode 100644
index 00000000..815628a2
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/dot_art/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/line_art/landscape-0.jpg b/ui/media/modifier-thumbnails/drawing_style/line_art/landscape-0.jpg
new file mode 100644
index 00000000..d3e13304
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/line_art/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/line_art/portrait-0.jpg b/ui/media/modifier-thumbnails/drawing_style/line_art/portrait-0.jpg
new file mode 100644
index 00000000..469b3004
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/line_art/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/sketch/landscape-0.jpg b/ui/media/modifier-thumbnails/drawing_style/sketch/landscape-0.jpg
new file mode 100644
index 00000000..4211b229
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/sketch/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/drawing_style/sketch/portrait-0.jpg b/ui/media/modifier-thumbnails/drawing_style/sketch/portrait-0.jpg
new file mode 100644
index 00000000..4c222d07
Binary files /dev/null and b/ui/media/modifier-thumbnails/drawing_style/sketch/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/angry/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/angry/landscape-0.jpg
new file mode 100644
index 00000000..22139255
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/angry/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/angry/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/angry/portrait-0.jpg
new file mode 100644
index 00000000..a8065e42
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/angry/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/bitter/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/bitter/landscape-0.jpg
new file mode 100644
index 00000000..63810553
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/bitter/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/bitter/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/bitter/portrait-0.jpg
new file mode 100644
index 00000000..90712510
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/bitter/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/disgusted/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/disgusted/landscape-0.jpg
new file mode 100644
index 00000000..e6fdf176
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/disgusted/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/disgusted/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/disgusted/portrait-0.jpg
new file mode 100644
index 00000000..9bb8497b
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/disgusted/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/embarrassed/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/embarrassed/landscape-0.jpg
new file mode 100644
index 00000000..bd3e1d65
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/embarrassed/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/embarrassed/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/embarrassed/portrait-0.jpg
new file mode 100644
index 00000000..3ed2ae96
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/embarrassed/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/evil/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/evil/landscape-0.jpg
new file mode 100644
index 00000000..7aac3ea3
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/evil/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/evil/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/evil/portrait-0.jpg
new file mode 100644
index 00000000..c9adb919
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/evil/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/excited/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/excited/landscape-0.jpg
new file mode 100644
index 00000000..cfbd3a20
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/excited/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/excited/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/excited/portrait-0.jpg
new file mode 100644
index 00000000..82b8033a
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/excited/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/fear/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/fear/landscape-0.jpg
new file mode 100644
index 00000000..d55b0d5d
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/fear/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/fear/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/fear/portrait-0.jpg
new file mode 100644
index 00000000..f7fb810f
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/fear/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/funny/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/funny/landscape-0.jpg
new file mode 100644
index 00000000..5b05507a
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/funny/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/funny/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/funny/portrait-0.jpg
new file mode 100644
index 00000000..1590e8a5
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/funny/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/happy/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/happy/landscape-0.jpg
new file mode 100644
index 00000000..30429d04
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/happy/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/happy/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/happy/portrait-0.jpg
new file mode 100644
index 00000000..0a7a4bf5
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/happy/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/horrifying/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/horrifying/landscape-0.jpg
new file mode 100644
index 00000000..31b5cc4c
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/horrifying/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/horrifying/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/horrifying/portrait-0.jpg
new file mode 100644
index 00000000..aef8da40
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/horrifying/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/lonely/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/lonely/landscape-0.jpg
new file mode 100644
index 00000000..cce5400b
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/lonely/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/lonely/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/lonely/portrait-0.jpg
new file mode 100644
index 00000000..6f451950
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/lonely/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/melancholic/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/melancholic/landscape-0.jpg
new file mode 100644
index 00000000..346a626e
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/melancholic/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/melancholic/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/melancholic/portrait-0.jpg
new file mode 100644
index 00000000..a503597f
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/melancholic/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/sad/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/sad/landscape-0.jpg
new file mode 100644
index 00000000..a086851d
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/sad/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/sad/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/sad/portrait-0.jpg
new file mode 100644
index 00000000..e3f4fc6b
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/sad/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/serene/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/serene/landscape-0.jpg
new file mode 100644
index 00000000..e508f95e
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/serene/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/serene/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/serene/portrait-0.jpg
new file mode 100644
index 00000000..ca5a0a31
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/serene/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/surprised/landscape-0.jpg b/ui/media/modifier-thumbnails/emotions/surprised/landscape-0.jpg
new file mode 100644
index 00000000..1e0aaaf1
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/surprised/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/emotions/surprised/portrait-0.jpg b/ui/media/modifier-thumbnails/emotions/surprised/portrait-0.jpg
new file mode 100644
index 00000000..5d3bb467
Binary files /dev/null and b/ui/media/modifier-thumbnails/emotions/surprised/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/pen/chalk/landscape-0.jpg b/ui/media/modifier-thumbnails/pen/chalk/landscape-0.jpg
new file mode 100644
index 00000000..f7f8de12
Binary files /dev/null and b/ui/media/modifier-thumbnails/pen/chalk/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/pen/chalk/portrait-0.jpg b/ui/media/modifier-thumbnails/pen/chalk/portrait-0.jpg
new file mode 100644
index 00000000..0cbe5f91
Binary files /dev/null and b/ui/media/modifier-thumbnails/pen/chalk/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/pen/colored_pencil/landscape-0.jpg b/ui/media/modifier-thumbnails/pen/colored_pencil/landscape-0.jpg
new file mode 100644
index 00000000..a9f93581
Binary files /dev/null and b/ui/media/modifier-thumbnails/pen/colored_pencil/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/pen/colored_pencil/portrait-0.jpg b/ui/media/modifier-thumbnails/pen/colored_pencil/portrait-0.jpg
new file mode 100644
index 00000000..9b07e5f3
Binary files /dev/null and b/ui/media/modifier-thumbnails/pen/colored_pencil/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/pen/graphite/landscape-0.jpg b/ui/media/modifier-thumbnails/pen/graphite/landscape-0.jpg
new file mode 100644
index 00000000..b764c325
Binary files /dev/null and b/ui/media/modifier-thumbnails/pen/graphite/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/pen/graphite/portrait-0.jpg b/ui/media/modifier-thumbnails/pen/graphite/portrait-0.jpg
new file mode 100644
index 00000000..8d9ce682
Binary files /dev/null and b/ui/media/modifier-thumbnails/pen/graphite/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/pen/ink/landscape-0.jpg b/ui/media/modifier-thumbnails/pen/ink/landscape-0.jpg
new file mode 100644
index 00000000..04e9bb8d
Binary files /dev/null and b/ui/media/modifier-thumbnails/pen/ink/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/pen/ink/portrait-0.jpg b/ui/media/modifier-thumbnails/pen/ink/portrait-0.jpg
new file mode 100644
index 00000000..58912a5c
Binary files /dev/null and b/ui/media/modifier-thumbnails/pen/ink/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/pen/oil_paint/landscape-0.jpg b/ui/media/modifier-thumbnails/pen/oil_paint/landscape-0.jpg
new file mode 100644
index 00000000..e8487eb3
Binary files /dev/null and b/ui/media/modifier-thumbnails/pen/oil_paint/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/pen/oil_paint/portrait-0.jpg b/ui/media/modifier-thumbnails/pen/oil_paint/portrait-0.jpg
new file mode 100644
index 00000000..39f49db7
Binary files /dev/null and b/ui/media/modifier-thumbnails/pen/oil_paint/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/pen/pastel_art/landscape-0.jpg b/ui/media/modifier-thumbnails/pen/pastel_art/landscape-0.jpg
new file mode 100644
index 00000000..d47f061f
Binary files /dev/null and b/ui/media/modifier-thumbnails/pen/pastel_art/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/pen/pastel_art/portrait-0.jpg b/ui/media/modifier-thumbnails/pen/pastel_art/portrait-0.jpg
new file mode 100644
index 00000000..b8389468
Binary files /dev/null and b/ui/media/modifier-thumbnails/pen/pastel_art/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/16-bit/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/16-bit/landscape-0.jpg
new file mode 100644
index 00000000..cab6daba
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/16-bit/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/16-bit/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/16-bit/portrait-0.jpg
new file mode 100644
index 00000000..ec0d327c
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/16-bit/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/2d/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/2d/landscape-0.jpg
new file mode 100644
index 00000000..c171c474
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/2d/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/2d/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/2d/portrait-0.jpg
new file mode 100644
index 00000000..5da42777
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/2d/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/8-bit/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/8-bit/landscape-0.jpg
new file mode 100644
index 00000000..de645e6d
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/8-bit/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/8-bit/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/8-bit/portrait-0.jpg
new file mode 100644
index 00000000..922cda91
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/8-bit/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/anaglyph/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/anaglyph/landscape-0.jpg
new file mode 100644
index 00000000..acf16435
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/anaglyph/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/anaglyph/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/anaglyph/portrait-0.jpg
new file mode 100644
index 00000000..48246fa5
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/anaglyph/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/anime/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/anime/landscape-0.jpg
new file mode 100644
index 00000000..84b8deb4
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/anime/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/anime/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/anime/portrait-0.jpg
new file mode 100644
index 00000000..fa34b2a2
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/anime/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/art_nouveau/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/art_nouveau/landscape-0.jpg
new file mode 100644
index 00000000..aa8239f8
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/art_nouveau/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/art_nouveau/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/art_nouveau/portrait-0.jpg
new file mode 100644
index 00000000..ff30bc9c
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/art_nouveau/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/baroque/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/baroque/landscape-0.jpg
new file mode 100644
index 00000000..dfc78d2f
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/baroque/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/baroque/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/baroque/portrait-0.jpg
new file mode 100644
index 00000000..32e90197
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/baroque/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/bauhaus/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/bauhaus/landscape-0.jpg
new file mode 100644
index 00000000..b2b43378
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/bauhaus/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/bauhaus/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/bauhaus/portrait-0.jpg
new file mode 100644
index 00000000..b7ee0025
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/bauhaus/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/cartoon/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/cartoon/landscape-0.jpg
new file mode 100644
index 00000000..0e0690e1
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/cartoon/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/cartoon/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/cartoon/portrait-0.jpg
new file mode 100644
index 00000000..95997d3c
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/cartoon/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/cgi/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/cgi/landscape-0.jpg
new file mode 100644
index 00000000..e987dcef
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/cgi/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/cgi/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/cgi/portrait-0.jpg
new file mode 100644
index 00000000..6184ba71
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/cgi/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/comic_book/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/comic_book/landscape-0.jpg
new file mode 100644
index 00000000..8c0b91a3
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/comic_book/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/comic_book/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/comic_book/portrait-0.jpg
new file mode 100644
index 00000000..4d435d52
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/comic_book/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/concept_art/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/concept_art/landscape-0.jpg
new file mode 100644
index 00000000..26817477
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/concept_art/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/concept_art/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/concept_art/portrait-0.jpg
new file mode 100644
index 00000000..0e7c0b07
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/concept_art/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/constructivist/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/constructivist/landscape-0.jpg
new file mode 100644
index 00000000..e82b2d5a
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/constructivist/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/constructivist/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/constructivist/portrait-0.jpg
new file mode 100644
index 00000000..d015f666
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/constructivist/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/cubist/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/cubist/landscape-0.jpg
new file mode 100644
index 00000000..8b4f2266
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/cubist/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/cubist/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/cubist/portrait-0.jpg
new file mode 100644
index 00000000..679b23b0
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/cubist/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/dadaist/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/dadaist/landscape-0.jpg
new file mode 100644
index 00000000..31ec96ea
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/dadaist/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/dadaist/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/dadaist/portrait-0.jpg
new file mode 100644
index 00000000..04f4443b
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/dadaist/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/digital_art/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/digital_art/landscape-0.jpg
new file mode 100644
index 00000000..6977ef1a
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/digital_art/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/digital_art/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/digital_art/portrait-0.jpg
new file mode 100644
index 00000000..9dde746a
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/digital_art/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/expressionist/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/expressionist/landscape-0.jpg
new file mode 100644
index 00000000..c317ff44
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/expressionist/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/expressionist/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/expressionist/portrait-0.jpg
new file mode 100644
index 00000000..e0d4f058
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/expressionist/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/fantasy/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/fantasy/landscape-0.jpg
new file mode 100644
index 00000000..df3890e5
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/fantasy/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/fantasy/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/fantasy/portrait-0.jpg
new file mode 100644
index 00000000..5e7ed735
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/fantasy/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/fauvist/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/fauvist/landscape-0.jpg
new file mode 100644
index 00000000..57128ce1
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/fauvist/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/fauvist/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/fauvist/portrait-0.jpg
new file mode 100644
index 00000000..1d75bdba
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/fauvist/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/figurative/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/figurative/landscape-0.jpg
new file mode 100644
index 00000000..323ca7b2
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/figurative/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/figurative/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/figurative/portrait-0.jpg
new file mode 100644
index 00000000..547ca265
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/figurative/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/geometric/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/geometric/landscape-0.jpg
new file mode 100644
index 00000000..2cb79e10
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/geometric/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/geometric/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/geometric/portrait-0.jpg
new file mode 100644
index 00000000..a07a8453
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/geometric/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/graphic_novel/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/graphic_novel/landscape-0.jpg
new file mode 100644
index 00000000..9c4b4d13
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/graphic_novel/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/graphic_novel/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/graphic_novel/portrait-0.jpg
new file mode 100644
index 00000000..ae186e55
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/graphic_novel/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/hard_edge_painting/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/hard_edge_painting/landscape-0.jpg
new file mode 100644
index 00000000..6f5a1a6b
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/hard_edge_painting/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/hard_edge_painting/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/hard_edge_painting/portrait-0.jpg
new file mode 100644
index 00000000..4651a8e8
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/hard_edge_painting/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/hydrodipped/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/hydrodipped/landscape-0.jpg
new file mode 100644
index 00000000..01181f16
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/hydrodipped/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/hydrodipped/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/hydrodipped/portrait-0.jpg
new file mode 100644
index 00000000..7b8e721f
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/hydrodipped/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/impressionistic/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/impressionistic/landscape-0.jpg
new file mode 100644
index 00000000..64d765da
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/impressionistic/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/impressionistic/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/impressionistic/portrait-0.jpg
new file mode 100644
index 00000000..60fe0cf0
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/impressionistic/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/lithography/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/lithography/landscape-0.jpg
new file mode 100644
index 00000000..d7ef50cd
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/lithography/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/lithography/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/lithography/portrait-0.jpg
new file mode 100644
index 00000000..0a9e81d8
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/lithography/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/manga/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/manga/landscape-0.jpg
new file mode 100644
index 00000000..54faf7f1
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/manga/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/manga/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/manga/portrait-0.jpg
new file mode 100644
index 00000000..fab81d2d
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/manga/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/minimalist/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/minimalist/landscape-0.jpg
new file mode 100644
index 00000000..7f36b5b1
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/minimalist/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/minimalist/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/minimalist/portrait-0.jpg
new file mode 100644
index 00000000..2812a6db
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/minimalist/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/modern_art/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/modern_art/landscape-0.jpg
new file mode 100644
index 00000000..ec432308
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/modern_art/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/modern_art/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/modern_art/portrait-0.jpg
new file mode 100644
index 00000000..1eb03650
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/modern_art/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/mosaic/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/mosaic/landscape-0.jpg
new file mode 100644
index 00000000..32284748
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/mosaic/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/mosaic/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/mosaic/portrait-0.jpg
new file mode 100644
index 00000000..43c07d87
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/mosaic/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/mural/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/mural/landscape-0.jpg
new file mode 100644
index 00000000..2455f4d5
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/mural/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/mural/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/mural/portrait-0.jpg
new file mode 100644
index 00000000..a31bd7d2
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/mural/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/naive/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/naive/landscape-0.jpg
new file mode 100644
index 00000000..aec27ab0
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/naive/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/naive/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/naive/portrait-0.jpg
new file mode 100644
index 00000000..37dab0d4
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/naive/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/neoclassical/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/neoclassical/landscape-0.jpg
new file mode 100644
index 00000000..dc7d151f
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/neoclassical/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/neoclassical/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/neoclassical/portrait-0.jpg
new file mode 100644
index 00000000..517d2970
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/neoclassical/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/photo/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/photo/landscape-0.jpg
new file mode 100644
index 00000000..0e888b74
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/photo/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/photo/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/photo/portrait-0.jpg
new file mode 100644
index 00000000..28b15e1f
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/photo/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/realistic/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/realistic/landscape-0.jpg
new file mode 100644
index 00000000..001896d1
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/realistic/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/realistic/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/realistic/portrait-0.jpg
new file mode 100644
index 00000000..e3b19a4b
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/realistic/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/rococo/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/rococo/landscape-0.jpg
new file mode 100644
index 00000000..cff9271a
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/rococo/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/rococo/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/rococo/portrait-0.jpg
new file mode 100644
index 00000000..7c0aa58d
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/rococo/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/romantic/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/romantic/landscape-0.jpg
new file mode 100644
index 00000000..8a5e03db
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/romantic/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/romantic/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/romantic/portrait-0.jpg
new file mode 100644
index 00000000..efb2ace0
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/romantic/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/street_art/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/street_art/landscape-0.jpg
new file mode 100644
index 00000000..dd9340dc
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/street_art/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/street_art/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/street_art/portrait-0.jpg
new file mode 100644
index 00000000..191209a8
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/street_art/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/stuckist/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/stuckist/landscape-0.jpg
new file mode 100644
index 00000000..53d2ba03
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/stuckist/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/stuckist/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/stuckist/portrait-0.jpg
new file mode 100644
index 00000000..a69865e8
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/stuckist/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/surrealist/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/surrealist/landscape-0.jpg
new file mode 100644
index 00000000..fa18e3b1
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/surrealist/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/surrealist/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/surrealist/portrait-0.jpg
new file mode 100644
index 00000000..c8f22302
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/surrealist/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/symbolist/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/symbolist/landscape-0.jpg
new file mode 100644
index 00000000..8b5b7f76
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/symbolist/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/symbolist/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/symbolist/portrait-0.jpg
new file mode 100644
index 00000000..59dfe64b
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/symbolist/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/visual_novel/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/visual_novel/landscape-0.jpg
new file mode 100644
index 00000000..dd7534a1
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/visual_novel/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/visual_novel/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/visual_novel/portrait-0.jpg
new file mode 100644
index 00000000..1cb5bce0
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/visual_novel/portrait-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/watercolor/landscape-0.jpg b/ui/media/modifier-thumbnails/visual_style/watercolor/landscape-0.jpg
new file mode 100644
index 00000000..08e6faa0
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/watercolor/landscape-0.jpg differ
diff --git a/ui/media/modifier-thumbnails/visual_style/watercolor/portrait-0.jpg b/ui/media/modifier-thumbnails/visual_style/watercolor/portrait-0.jpg
new file mode 100644
index 00000000..8b21e4f2
Binary files /dev/null and b/ui/media/modifier-thumbnails/visual_style/watercolor/portrait-0.jpg differ
diff --git a/ui/modifiers.json b/ui/modifiers.json
index d1191cb5..325e724e 100644
--- a/ui/modifiers.json
+++ b/ui/modifiers.json
@@ -1,258 +1,2717 @@
 [
-  [
-    "Drawing Style",
-    [
-      "Cel Shading",
-      "Children's Drawing",
-      "Crosshatch",
-      "Detailed and Intricate",
-      "Doodle",
-      "Dot Art",
-      "Line Art",
-      "Sketch"
+  {
+    "category": "Drawing Style",
+    "modifiers": [
+      {
+        "modifier": "Cel Shading",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "drawing_style/cel_shading/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "drawing_style/cel_shading/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Children's Drawing",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "drawing_style/children_s_drawing/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "drawing_style/children_s_drawing/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Crosshatch",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "drawing_style/crosshatch/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "drawing_style/crosshatch/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Detailed and Intricate",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "drawing_style/detailed_and_intricate/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "drawing_style/detailed_and_intricate/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Doodle",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "drawing_style/doodle/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "drawing_style/doodle/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Dot Art",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "drawing_style/dot_art/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "drawing_style/dot_art/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Line Art",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "drawing_style/line_art/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "drawing_style/line_art/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Sketch",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "drawing_style/sketch/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "drawing_style/sketch/landscape-0.jpg"
+          }
+        ]
+      }
     ]
-  ],
-  [
-    "Visual Style",
-    [
-      "2D",
-      "8-bit",
-      "16-bit",
-      "Anaglyph",
-      "Anime",
-      "Art Nouveau",
-      "Bauhaus",
-      "Baroque",
-      "CGI",
-      "Cartoon",
-      "Comic Book",
-      "Concept Art",
-      "Constructivist",
-      "Cubist",
-      "Digital Art",
-      "Dadaist",
-      "Expressionist",
-      "Fantasy",
-      "Fauvist",
-      "Figurative",
-      "Graphic Novel",
-      "Geometric",
-      "Hard Edge Painting",
-      "Hydrodipped",
-      "Impressionistic",
-      "Lithography",
-      "Manga",
-      "Minimalist",
-      "Modern Art",
-      "Mosaic",
-      "Mural",
-      "Naive",
-      "Neoclassical",
-      "Photo",
-      "Realistic",
-      "Rococo",
-      "Romantic",
-      "Street Art",
-      "Symbolist",
-      "Stuckist",
-      "Surrealist",
-      "Visual Novel",
-      "Watercolor"
+  },
+  {
+    "category": "Visual Style",
+    "modifiers": [
+      {
+        "modifier": "2D",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/2d/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/2d/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "8-Bit",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/8-bit/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/8-bit/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "16-Bit",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/16-bit/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/16-bit/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Anaglyph",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/anaglyph/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/anaglyph/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Anime",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/anime/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/anime/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Art Nouveau",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/art_nouveau/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/art_nouveau/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Bauhaus",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/bauhaus/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/bauhaus/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Baroque",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/baroque/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/baroque/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "CGI",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/cgi/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/cgi/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Cartoon",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/cartoon/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/cartoon/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Comic Book",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/comic_book/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/comic_book/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Concept Art",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/concept_art/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/concept_art/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Constructivist",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/constructivist/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/constructivist/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Cubist",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/cubist/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/cubist/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Digital Art",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/digital_art/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/digital_art/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Dadaist",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/dadaist/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/dadaist/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Expressionist",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/expressionist/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/expressionist/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Fantasy",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/fantasy/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/fantasy/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Fauvist",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/fauvist/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/fauvist/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Figurative",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/figurative/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/figurative/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Graphic Novel",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/graphic_novel/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/graphic_novel/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Geometric",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/geometric/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/geometric/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Hard Edge Painting",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/hard_edge_painting/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/hard_edge_painting/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Hydrodipped",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/hydrodipped/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/hydrodipped/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Impressionistic",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/impressionistic/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/impressionistic/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Lithography",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/lithography/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/lithography/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Manga",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/manga/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/manga/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Minimalist",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/minimalist/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/minimalist/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Modern Art",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/modern_art/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/modern_art/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Mosaic",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/mosaic/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/mosaic/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Mural",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/mural/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/mural/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Naive",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/naive/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/naive/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Neoclassical",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/neoclassical/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/neoclassical/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Photo",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/photo/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/photo/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Realistic",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/realistic/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/realistic/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Rococo",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/rococo/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/rococo/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Romantic",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/romantic/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/romantic/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Street Art",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/street_art/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/street_art/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Symbolist",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/symbolist/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/symbolist/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Stuckist",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/stuckist/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/stuckist/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Surrealist",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/surrealist/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/surrealist/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Visual Novel",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/visual_novel/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/visual_novel/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Watercolor",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "visual_style/watercolor/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "visual_style/watercolor/landscape-0.jpg"
+          }
+        ]
+      }
     ]
-  ],
-  [
-    "Pen",
-    [
-      "Chalk",
-      "Colored Pencil",
-      "Graphite",
-      "Ink",
-      "Oil Paint",
-      "Pastel Art"
+  },
+  {
+    "category": "Pen",
+    "modifiers": [
+      {
+        "modifier": "Chalk",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "pen/chalk/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "pen/chalk/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Colored Pencil",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "pen/colored_pencil/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "pen/colored_pencil/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Graphite",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "pen/graphite/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "pen/graphite/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Ink",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "pen/ink/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "pen/ink/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Oil Paint",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "pen/oil_paint/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "pen/oil_paint/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Pastel Art",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "pen/pastel_art/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "pen/pastel_art/landscape-0.jpg"
+          }
+        ]
+      }
     ]
-  ],
-  [
-    "Carving and Etching",
-    [
-      "Etching",
-      "Linocut",
-      "Paper Model",
-      "Paper-Mache",
-      "Papercutting",
-      "Pyrography",
-      "Wood-Carving"
+  },
+  {
+    "category": "Carving and Etching",
+    "modifiers": [
+      {
+        "modifier": "etching",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "carving_and_etching/etching/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "carving_and_etching/etching/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Linocut",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "carving_and_etching/linocut/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "carving_and_etching/linocut/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Paper Model",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "carving_and_etching/paper_model/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "carving_and_etching/paper_model/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Paper-Mache",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "carving_and_etching/paper-mache/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "carving_and_etching/paper-mache/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Papercutting",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "carving_and_etching/papercutting/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "carving_and_etching/papercutting/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Pyrography",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "carving_and_etching/pyrography/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "carving_and_etching/pyrography/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Wood-Carving",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "carving_and_etching/wood-carving/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "carving_and_etching/wood-carving/landscape-0.jpg"
+          }
+        ]
+      }
     ]
-  ],
-  [
-    "Camera",
-    [
-      "Aerial View",
-      "Canon50",
-      "Cinematic",
-      "Close-up",
-      "Color Grading",
-      "Dramatic",
-      "Film Grain",
-      "Fisheye Lens",
-      "Glamor Shot",
-      "Golden Hour",
-      "HD",
-      "Landscape",
-      "Lens Flare",
-      "Macro",
-      "Polaroid",
-      "Photoshoot",
-      "Portrait",
-      "Studio Lighting",
-      "Vintage",
-      "War Photography",
-      "White Balance",
-      "Wildlife Photography"
+  },
+  {
+    "category": "Camera",
+    "modifiers": [
+      {
+        "modifier": "Aerial View",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/aerial_view/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/aerial_view/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Canon50",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/canon50/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/canon50/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Cinematic",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/cinematic/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/cinematic/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Close-up",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/close-up/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/close-up/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Color Grading",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/color_grading/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/color_grading/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Dramatic",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/dramatic/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/dramatic/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Film Grain",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/film_grain/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/film_grain/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Fisheye Lens",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/fisheye_lens/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/fisheye_lens/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Glamor Shot",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/glamor_shot/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/glamor_shot/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Golden Hour",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/golden_hour/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/golden_hour/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "HD",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/hd/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/hd/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Landscape",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/landscape/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/landscape/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Lens Flare",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/lens_flare/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/lens_flare/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Macro",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/macro/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/macro/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Polaroid",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/polaroid/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/polaroid/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Photoshoot",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/photoshoot/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/photoshoot/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Portrait",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/portrait/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/portrait/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Studio Lighting",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/studio_lighting/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/studio_lighting/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Vintage",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/vintage/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/vintage/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "War Photography",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/war_photography/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/war_photography/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "White Balance",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/white_balance/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/white_balance/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Wildlife Photography",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "camera/wildlife_photography/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "camera/wildlife_photography/landscape-0.jpg"
+          }
+        ]
+      }
     ]
-  ],
-  [
-    "Color",
-    [
-      "Beautiful Lighting",
-      "Cold Color Palette",
-      "Colorful",
-      "Dynamic Lighting",
-      "Electric Colors",
-      "Infrared",
-      "Pastel",
-      "Neon",
-      "Synthwave",
-      "Warm Color Palette"
+  },
+  {
+    "category": "Color",
+    "modifiers": [
+      {
+        "modifier": "Beautiful Lighting",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "color/beautiful_lighting/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "color/beautiful_lighting/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Cold Color Palette",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "color/cold_color_palette/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "color/cold_color_palette/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Colorful",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "color/colorful/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "color/colorful/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Dynamic Lighting",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "color/dynamic_lighting/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "color/dynamic_lighting/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Electric Colors",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "color/electric_colors/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "color/electric_colors/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Infrared",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "color/infrared/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "color/infrared/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Pastel",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "color/pastel/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "color/pastel/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Neon",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "color/neon/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "color/neon/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Synthwave",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "color/synthwave/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "color/synthwave/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Warm Color Palette",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "color/warm_color_palette/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "color/warm_color_palette/landscape-0.jpg"
+          }
+        ]
+      }
     ]
-  ],
-  [
-    "Emotions",
-    [
-      "Angry",
-      "Bitter",
-      "Disgusted",
-      "Embarrassed",
-      "Evil",
-      "Excited",
-      "Fear",
-      "Funny",
-      "Happy",
-      "Horrifying",
-      "Lonely",
-      "Sad",
-      "Serene",
-      "Surprised",
-      "Melancholic"
+  },
+  {
+    "category": "Emotions",
+    "modifiers": [
+      {
+        "modifier": "Angry",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/angry/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/angry/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Bitter",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/bitter/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/bitter/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Disgusted",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/disgusted/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/disgusted/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Embarrassed",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/embarrassed/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/embarrassed/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Evil",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/evil/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/evil/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Excited",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/excited/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/excited/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Fear",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/fear/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/fear/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Funny",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/funny/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/funny/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Happy",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/happy/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/happy/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Horrifying",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/horrifying/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/horrifying/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Lonely",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/lonely/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/lonely/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Sad",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/sad/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/sad/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Serene",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/serene/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/serene/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Surprised",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/surprised/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/surprised/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Melancholic",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "emotions/melancholic/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "emotions/melancholic/landscape-0.jpg"
+          }
+        ]
+      }
     ]
-  ],
-  [
-    "Style of an artist or community",
-    [
-      "Artstation",
-      "trending on Artstation",
-      "by Agnes Lawrence Pelton",
-      "by Akihito Yoshida",
-      "by Alex Grey",
-      "by Alexander Jansson",
-      "by Alphonse Mucha",
-      "by Andy Warhol",
-      "by Artgerm",
-      "by Asaf Hanuka",
-      "by Aubrey Beardsley",
-      "by Banksy",
-      "by Beeple",
-      "by Ben Enwonwu",
-      "by Bob Eggleton",
-      "by Caravaggio Michelangelo Merisi",
-      "by Caspar David Friedrich",
-      "by Chris Foss",
-      "by Claude Monet",
-      "by Dan Mumford",
-      "by David Mann",
-      "by Diego Velázquez",
-      "by Disney Animation Studios",
-      "by Édouard Manet",
-      "by Esao Andrews",
-      "by Frida Kahlo",
-      "by Gediminas Pranckevicius",
-      "by Georgia O'Keeffe",
-      "by Greg Rutkowski",
-      "by Gustave Doré",
-      "by Gustave Klimt",
-      "by H.R. Giger",
-      "by Hayao Miyazaki",
-      "by Henri Matisse",
-      "by HP Lovecraft",
-      "by Ivan Shishkin",
-      "by Jack Kirby",
-      "by Jackson Pollock",
-      "by James Jean",
-      "by Jim Burns",
-      "by Johannes Vermeer",
-      "by John William Waterhouse",
-      "by Katsushika Hokusai",
-      "by Kim Tschang Yeul",
-      "by Ko Young Hoon",
-      "by Leonardo da Vinci",
-      "by Lisa Frank",
-      "by M.C. Escher",
-      "by Mahmoud Saïd",
-      "by Makoto Shinkai",
-      "by Marc Simonetti",
-      "by Mark Brooks",
-      "by Michelangelo",
-      "by Pablo Picasso",
-      "by Paul Klee",
-      "by Peter Mohrbacher",
-      "by Pierre-Auguste Renoir",
-      "by Pixar Animation Studios",
-      "by Rembrandt",
-      "by Richard Dadd",
-      "by Rossdraws",
-      "by Salvador Dalí",
-      "by Sam Does Arts",
-      "by Sandro Botticelli",
-      "by Ted Nasmith",
-      "by Ten Hundred",
-      "by Thomas Kinkade",
-      "by Tivadar Csontváry Kosztka",
-      "by Victo Ngai",
-      "by Vincent Di Fate",
-      "by Vincent van Gogh",
-      "by Wes Anderson",
-      "by wlop",
-      "by Yoshitaka Amano"
+  },
+  {
+    "category": "Artist",
+    "modifiers": [
+      {
+        "modifier": "Artstation",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/artstation/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/artstation/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Agnes Lawrence Pelton",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_agnes_lawrence_pelton/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_agnes_lawrence_pelton/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Akihito Yoshida",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_akihito_yoshida/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_akihito_yoshida/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Alex Grey",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_alex_grey/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_alex_grey/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Alexander Jansson",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_alexander_jansson/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_alexander_jansson/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Alphonse Mucha",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_alphonse_mucha/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_alphonse_mucha/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Andy Warhol",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_andy_warhol/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_andy_warhol/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Artgerm",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_artgerm/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_artgerm/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Asaf Hanuka",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_asaf_hanuka/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_asaf_hanuka/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Aubrey Beardsley",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_aubrey_beardsley/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_aubrey_beardsley/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Banksy",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_banksy/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_banksy/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Beeple",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_beeple/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_beeple/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Ben Enwonwu",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_ben_enwonwu/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_ben_enwonwu/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Bob Eggleton",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_bob_eggleton/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_bob_eggleton/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Caravaggio Michelangelo Merisi",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_caravaggio_michelangelo_merisi/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_caravaggio_michelangelo_merisi/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Caspar David Friedrich",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_caspar_david_friedrich/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_caspar_david_friedrich/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Chris Foss",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_chris_foss/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_chris_foss/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Claude Monet",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_claude_monet/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_claude_monet/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Dan Mumford",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_dan_mumford/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_dan_mumford/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by David Mann",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_david_mann/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_david_mann/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Diego Velázquez",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_diego_vela_zquez/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_diego_vela_zquez/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Disney Animation Studios",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_disney_animation_studios/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_disney_animation_studios/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Édouard Manet",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_e_douard_manet/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_e_douard_manet/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Esao Andrews",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_esao_andrews/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_esao_andrews/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Frida Kahlo",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_frida_kahlo/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_frida_kahlo/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Gediminas Pranckevicius",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_gediminas_pranckevicius/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_gediminas_pranckevicius/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Georgia O'Keeffe",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_georgia_o_keeffe/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_georgia_o_keeffe/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Greg Rutkowski",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_greg_rutkowski/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_greg_rutkowski/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Gustave Doré",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_gustave_dore_/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_gustave_dore_/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Gustave Klimt",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_gustave_klimt/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_gustave_klimt/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by H.R. Giger",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_h_r_giger/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_h_r_giger/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Hayao Miyazaki",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_hayao_miyazaki/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_hayao_miyazaki/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Henri Matisse",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_henri_matisse/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_henri_matisse/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by HP Lovecraft",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_hp_lovecraft/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_hp_lovecraft/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Ivan Shishkin",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_ivan_shishkin/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_ivan_shishkin/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Jack Kirby",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_jack_kirby/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_jack_kirby/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Jackson Pollock",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_jackson_pollock/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_jackson_pollock/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by James Jean",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_james_jean/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_james_jean/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Jim Burns",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_jim_burns/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_jim_burns/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Johannes Vermeer",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_johannes_vermeer/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_johannes_vermeer/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by John William Waterhouse",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_john_william_waterhouse/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_john_william_waterhouse/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Katsushika Hokusai",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_katsushika_hokusai/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_katsushika_hokusai/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Kim Tschang Yeul",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_kim_tschang_yeul/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_kim_tschang_yeul/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Ko Young Hoon",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_ko_young_hoon/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_ko_young_hoon/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Leonardo da Vinci",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_leonardo_da_vinci/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_leonardo_da_vinci/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Lisa Frank",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_lisa_frank/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_lisa_frank/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by M.C Escher",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_m_c_escher/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_m_c_escher/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Mahmoud Saïd",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_mahmoud_sai_d/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_mahmoud_sai_d/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Makoto Shinkai",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_makoto_shinkai/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_makoto_shinkai/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Marc Simonetti",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_marc_simonetti/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_marc_simonetti/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Mark Brooks",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_mark_brooks/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_mark_brooks/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Michelangelo",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_michelangelo/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_michelangelo/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Pablo Picasso",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_pablo_picasso/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_pablo_picasso/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Paul Klee",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_paul_klee/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_paul_klee/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Peter Mohrbacher",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_peter_mohrbacher/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_peter_mohrbacher/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Pierre-Auguste Renoir",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_pierre-auguste_renoir/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_pierre-auguste_renoir/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Pixar Animation Studios",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_pixar_animation_studios/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_pixar_animation_studios/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Rembrandt",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_rembrandt/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_rembrandt/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Richard Dadd",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_richard_dadd/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_richard_dadd/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Rossdraws",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_rossdraws/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_rossdraws/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Salvador Dalí",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_salvador_dali_/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_salvador_dali_/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Sam does Arts",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_sam_does_arts/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_sam_does_arts/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Sandro Botticelli",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_sandro_botticelli/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_sandro_botticelli/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Ted Nasmith",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_ted_nasmith/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_ted_nasmith/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Ten Hundred",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_ten_hundred/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_ten_hundred/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Thomas Kinkade",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_thomas_kinkade/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_thomas_kinkade/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Tivadar Csontváry Kosztka",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_tivadar_csontva_ry_kosztka/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_tivadar_csontva_ry_kosztka/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Victo Ngai",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_victo_ngai/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_victo_ngai/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Vincent di Fate",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_vincent_di_fate/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_vincent_di_fate/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Vincent van Gogh",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_vincent_van_gogh/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_vincent_van_gogh/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Wes Anderson",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_wes_anderson/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_wes_anderson/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by wlop",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_wlop/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_wlop/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "by Yoshitaka Amano",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "artist/by_yoshitaka_amano/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "artist/by_yoshitaka_amano/landscape-0.jpg"
+          }
+        ]
+      }
     ]
-  ],
-  [
-    "CGI Software",
-    [
-      "3D Model",
-      "3D Sculpt",
-      "3Ds Max Model",
-      "Blender Model",
-      "Cinema4d Model",
-      "Maya Model",
-      "Unreal Engine",
-      "Zbrush Sculpt"
+  },
+  {
+    "category": "CGI Software",
+    "modifiers": [
+      {
+        "modifier": "3D Model",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_software/3d_model/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_software/3d_model/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "3D Sculpt",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_software/3d_sculpt/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_software/3d_sculpt/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "3Ds Max Model",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_software/3ds_max_model/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_software/3ds_max_model/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Blender Model",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_software/blender_model/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_software/blender_model/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Cinema4d Model",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_software/cinema4d_model/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_software/cinema4d_model/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Maya Model",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_software/maya_model/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_software/maya_model/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Unreal Engine",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_software/unreal_engine/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_software/unreal_engine/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Zbrush Sculpt",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_software/zbrush_sculpt/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_software/zbrush_sculpt/landscape-0.jpg"
+          }
+        ]
+      }
     ]
-  ],
-  [
-    "CGI Rendering",
-    [
-      "3D Render",
-      "Corona Render",
-      "Creature Design",
-      "Cycles Render",
-      "Detailed Render",
-      "Environment Design",
-      "Intricate Environment",
-      "LSD Render",
-      "Octane Render",
-      "PBR",
-      "Glass Caustics",
-      "Global Illumination",
-      "Subsurface Scattering"
+  },
+  {
+    "category": "CGI Rendering",
+    "modifiers": [
+      {
+        "modifier": "3D Render",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_rendering/3d_render/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_rendering/3d_render/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Corona Render",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_rendering/corona_render/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_rendering/corona_render/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Creature Design",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_rendering/creature_design/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_rendering/creature_design/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Cycles Render",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_rendering/cycles_render/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_rendering/cycles_render/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Detailed Render",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_rendering/detailed_render/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_rendering/detailed_render/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Environment Design",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_rendering/environment_design/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_rendering/environment_design/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Intricate Environment",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_rendering/intricate_environment/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_rendering/intricate_environment/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "LSD Render",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_rendering/lsd_render/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_rendering/lsd_render/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Octane Render",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_rendering/octane_render/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_rendering/octane_render/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "PBR",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_rendering/pbr/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_rendering/pbr/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Glass Caustics",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_rendering/glass_caustics/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_rendering/glass_caustics/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Global Illumination",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_rendering/global_illumination/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_rendering/global_illumination/landscape-0.jpg"
+          }
+        ]
+      },
+      {
+        "modifier": "Subsurface Scattering",
+        "previews": [
+          {
+            "name": "portrait",
+            "path": "cgi_rendering/subsurface_scattering/portrait-0.jpg"
+          },
+          {
+            "name": "landscape",
+            "path": "cgi_rendering/subsurface_scattering/landscape-0.jpg"
+          }
+        ]
+      }
     ]
-  ]
+  }
 ]
diff --git a/ui/server.py b/ui/server.py
index ad3b1ae0..b3aa45a5 100644
--- a/ui/server.py
+++ b/ui/server.py
@@ -220,4 +220,4 @@ class HealthCheckLogFilter(logging.Filter):
 logging.getLogger('uvicorn.access').addFilter(HealthCheckLogFilter())
 
 # start the browser ui
-import webbrowser; webbrowser.open('http://localhost:9000')
+import webbrowser; webbrowser.open('http://localhost:9000')
\ No newline at end of file
