.app-container[data-v-4bbc7250] {
    color: #21072c;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    margin: 0 auto;
    padding: 20px;
    font-family: Arial, sans-serif;
}
h1[data-v-4bbc7250],
h2[data-v-4bbc7250],
h3[data-v-4bbc7250] {
    color: #2c3e50;
}
.file-upload-panel[data-v-4bbc7250],
.control-panel[data-v-4bbc7250] {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    pointer-events: all;
}
.file-input-container[data-v-4bbc7250] {
    margin-bottom: 15px;
}
.file-input[data-v-4bbc7250] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.file-input-label[data-v-4bbc7250] {
    display: inline-block;
    padding: 10px 15px;
    background-color: #42b983;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}
.file-input-label[data-v-4bbc7250]:hover {
    background-color: #3aa876;
}
.file-name[data-v-4bbc7250] {
    margin-left: 10px;
    color: #666;
}
.upload-button[data-v-4bbc7250] {
    padding: 10px 15px;
    background-color: #3498db;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}
.upload-button[data-v-4bbc7250]:hover {
    background-color: #2980b9;
}
.upload-button[data-v-4bbc7250]:disabled {
    background-color: #95a5a6;
    cursor: not-allowed;
}
.upload-status[data-v-4bbc7250] {
    margin-top: 10px;
}
.uploaded-files[data-v-4bbc7250] {
    margin-top: 20px;
}
.uploaded-files ul[data-v-4bbc7250] {
    list-style-type: none;
    padding: 0;
}
.uploaded-files li[data-v-4bbc7250] {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.remove-button[data-v-4bbc7250] {
    padding: 5px 10px;
    background-color: #e74c3c;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.remove-button[data-v-4bbc7250]:hover {
    background-color: #c0392b;
}
.control-panel[data-v-4bbc7250] {

    display: flex;
    flex-direction: column;
    gap: 20px;
    position: absolute;
    right: 50px;
    top: 50px;
}
.buttons-group[data-v-4bbc7250] {
    display: flex;
    gap: 10px;
}
.control-button[data-v-4bbc7250] {
    flex: 1;
    padding: 10px;
    background-color: #341e3d;
    color: #f9f9f9;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
    width: 100px;
}
.control-button[data-v-4bbc7250]:hover {
    background-color: #21072c;
}
.switches-group[data-v-4bbc7250] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.switch-container[data-v-4bbc7250] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.sliders-group[data-v-4bbc7250] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.slider-container[data-v-4bbc7250] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.slider[data-v-4bbc7250] {
    width: 100%;
}

.app-container{display:flex;flex-direction:column;height:100vh}.header{text-align:center;padding:20px;flex-shrink:0;position:relative}.avatar-wrapper{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;align-items:flex-end}.avatar{width:40px;height:40px;border-radius:50%;cursor:pointer}.dropdown-menu{position:absolute;top:50px;right:0;border-radius:5px;width:150px;z-index:10;display:flex;flex-direction:column;background-color:var(--popupbgcolor)}.dropdown-menu button{background:none;border:none;padding:10px;text-align:left;width:100%;cursor:pointer}.content{flex-grow:1;overflow-y:auto;overflow-x:hidden;width:100%;background-color:var(--bgcolor2)}.bottom-tab{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));padding:5px;gap:1px}
html{--text-color-normal: hsl(0, 0%, 13%);--text-color-inver:#b43b3b;--bgcolor:rgb(226, 226, 226);--bordercolor:rgba(29, 21, 23, 1);--button-info-bg:rgb(158, 156, 156);--symbolColor:rgb(99, 145, 99)}html[data-theme=dark]{--btnw:64px;--text-color-normal:#c5c9cf;--text-color-inver:#610404;--text-color-a:#2cb91f;--pagebg:rgb(31, 31, 31);--bgcolor:rgb(38, 38, 38);--bgcolor2:rgb(41, 35, 37);--symbolColor:rgb(142, 197, 142);--panelbgcolor:rgba(54, 43, 46, 0.85);--panelbgcolora:rgba(51, 51, 51, 0.3);--popupbgcolor:rgba(51, 51, 51, 0.863);--popupshadowcolor:rgba(32, 32, 32, 0.877);--tooltip-bgcolor:rgba(0,0,0,.9);--bordercolor: rgba(29, 21, 23, 0.95);--button-info-bg:rgb(255 255 255 / 15%);--button-info-active-bg:rgb(97, 94, 94);--button-info-passive-bg:rgb(170, 170, 170);--button-info-border:rgb(255 255 255 / 35%);--button-icon-fill:rgba(197, 194, 194, 0.925);--button-warn-bg:rgb(128, 0, 0);--button-warn-active-bg:rgb(150, 26, 26);--button-warn-passive-bg:rgb(95, 43, 43);--button-warn-border:rgba(5, 4, 4, 0.548)}.buttons-group{display:flex}.btn{padding:5px 5px;font-weight:bolder;background-size:contain;background-repeat:no-repeat;background-position:center;border:none;display:flex;justify-content:center;align-items:center;color:#272727;user-select:none;cursor:pointer}button{background-size:contain;background-repeat:no-repeat;background-position:center;border:none;border:none}button:disabled{opacity:.6;cursor:not-allowed;color:#272727}button.primary{background-color:#009130;padding:10px 15px}button.primary :disabled{background-color:rgba(0,145,48,.5607843137)}button.secondary{background-color:#007286;padding:10px 15px}button.secondary :disabled{background-color:rgba(0,121,143,.4431372549)}button.additional{background-color:#910825;padding:10px 15px}button.additional :disabled{background-color:rgba(143,0,79,.4431372549)}button.small-btn{min-height:18px;font-size:.75em}button.normal{min-width:100px}button.info{background-color:var(--button-info-bg)}button.cancel{background-color:var(--button-info-warn)}button.large{min-height:3em}button.active{background-color:var(--button-info-active-bg)}button.passive{background-color:var(--button-info-passive-bg);opacity:.75}button.square{aspect-ratio:1/1}button .label{justify-content:center;align-items:center;display:flex;height:100%}.green-button{display:inline-block;padding:12px 32px;font-family:sans-serif;font-size:16px;color:#fff;text-align:center;background:linear-gradient(to bottom, #a6f369 0%, #6bc92e 50%, #6bc92e 50%, #55b12a 100%);border:4px solid #fff;border-radius:30px;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.6),inset 0 -4px 6px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.2);position:relative;width:100px;aspect-ratio:3/1}.green-button::before{content:"";position:absolute;top:4px;left:8px;width:40%;height:40%;background:hsla(0,0%,100%,.4);border-radius:50% 50% 50% 50%;transform:rotate(-10deg)}*{scrollbar-width:thin;scrollbar-color:var(--bordercolor) var(--button-info-bg)}*::-webkit-scrollbar{width:12px}*::-webkit-scrollbar-track{background:#424242}*::-webkit-scrollbar-thumb{background-color:#232324;border-radius:20px;border:3px solid #000}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bgcolor);color:var(--text-color-normal);font-size:14px}html a,body a{color:var(--text-color-a)}html video,body video{mix-blend-mode:overlay;filter:grayscale(1)}html #app,body #app{width:100%;height:100%}html #app .app-container,body #app .app-container{top:0;left:0;right:0;bottom:0;position:absolute;display:flex;justify-content:center;align-items:center}html #app .app-container .main-container,body #app .app-container .main-container{top:0;left:0;right:0;bottom:0;position:absolute;display:flex;justify-content:center;background:radial-gradient(circle, #3EE4FE, #0651C6)}html .app .version,body .app .version{position:absolute;bottom:0;left:0}.tooltip{transition:visibility .5s,opacity .5s;opacity:0;color:var(--text-color-normal);background-color:var(--tooltip-bgcolor);padding:5px 10px;border-radius:5px;white-space:nowrap;z-index:1000;pointer-events:none}.tooltip[style*="visibility: visible"]{opacity:1}.canvas-main{margin:0;padding:0;width:100%;height:100%;position:absolute}