@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--app-main-color-one: #ab47bc;--app-main-color-one-light: hsl(291, 64%, 65%);--app-main-color-one-bright: #da46f3;--app-main-color-one-dark: hsl(291, 54%, 30%);--app-accent-color-one: #0288d1;--app-accent-color-one-light: #29b6f6;--app-gray-300: #e0e0e0;--app-gray-500: #9e9e9e;--app-gray-800: #424242;--app-gray-850: #323232;--app-gray-900: #212121;--app-gray-950: #181818;--app-text-gray-50: #fafafa;--app-text-gray-300: #e0e0e0;--app-text-gray-400: #bdbdbd;--app-text-gray-500: #9e9e9e;--app-text-gray-600: #757575;--app-text-gray-800: #424242;--app-bg-gray-50: #fafafa;--app-bg-gray-300: #e0e0e0;--app-bg-gray-700: #616161;--app-bg-gray-800: #424242;--app-bg-gray-850: #323232;--app-bg-gray-875: #262626;--app-bg-gray-900: #212121;--app-bg-gray-950: #181818;--app-font-xsmall: 12px;--app-font-small: 14px;--app-font-medium: 16px;--app-font-large: 20px;--app-font-xlarge: 24px;--bs-border-radius: 4px !important;--bs-body-bg: var(--app-bg-gray-900) !important;--bs-border-color: var(--app-bg-gray-850) !important;--bs-toast-bg: #ff3300 !important;--bs-toast-bg: rgba(#ff3300, .85) !important}.App{width:100vw;min-height:100vh;background:var(--app-bg-gray-900);font-size:var(--app-font-small);color:var(--app-text-gray-50)}.App *,.App .h1,.App .h2,.App .h3,.App .h4,.App .h5,.App .h6,.App h1,.App h2,.App h3,.App h4,.App h5,.App h6,.App p,.App li,.App a,.App td{font-size:var(--app-font-small);color:var(--app-text-gray-300)}.App .btn-primary{--bs-btn-bg: var(--app-main-color-one);--bs-btn-border-color: var(--app-main-color-one);--bs-btn-hover-bg: var(--app-main-color-one);--bs-btn-hover-border-color: var(--app-main-color-one-light);--bs-btn-focus-shadow-rgb: 49, 132, 253;--bs-btn-active-bg: var(--app-main-color-one);--bs-btn-active-border-color: var(--app-main-color-one);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-bg: var(--app-main-color-one);--bs-btn-disabled-border-color: var(--app-main-color-one)}.App .btn-outline-secondary{--bs-btn-hover-border-color: var(--app-bg-gray-50) !important}.App .page-item{--bs-pagination-color: var(--app-main-color-one);--bs-pagination-hover-color: var(--app-main-color-one-light);--bs-pagination-focus-color: var(--app-main-color-one-light)}.App .pagination{--bs-pagination-active-bg: var(--app-main-color-one);--bs-pagination-active-border-color: var(--app-main-color-one)}.App .progress-bar{--bs-progress-bar-bg: var(--app-accent-color-one)}.App .text-xsmall{font-size:var(--app-font-xsmall)}.App .toast-container{position:fixed}.App .toast-container .toast{background:transparent;color:var(--app-text-gray-300)}.App .toast-container .toast .toast-header{background:var(--app-bg-gray-850);color:var(--app-text-gray-300)}.App .toast-container .toast .toast-body{background:var(--app-bg-gray-850);border-radius:0 0 4px 4px}.App section.left{border-right:1px solid var(--app-gray-800)}.App .authenticator *{color:var(--app-bg-gray-800)}.App .authenticator * input{color:var(--app-bg-gray-900)!important}.App .authenticator * input:-webkit-autofill,.App .authenticator * input:-webkit-autofill:hover,.App .authenticator * input:-webkit-autofill:focus,.App .authenticator * input:-webkit-autofill:active{box-shadow:0 0 0 1000px var(--app-bg-gray-300) inset!important;-webkit-text-fill-color:var(--app-text-gray-800)!important}.App .authenticator * input::placeholder{color:var(--app-text-gray-500)!important}.App .authenticator * .amplify-icon *{color:var(--app-bg-gray-800)}.App .authenticator * .amplify-button--primary{color:var(--app-text-gray-50)}.App .authenticator * label,.App .authenticator * .amplify-alert__body{color:var(--app-text-gray-800)!important}.App .authenticator * .h4,.App .authenticator * h4{color:var(--app-bg-gray-800)!important}.App .authenticator * p{color:#f30!important}.App button.generate{width:100%}.App .btn:hover *{color:var(--app-bg-gray-950)!important;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-color:var(--app-bg-gray-50)}.App .btn-outline-secondary:hover *{color:var(--app-text-gray-300)!important;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-color:var(--app-bg-gray-50)}.App .app-main-grad{position:relative;z-index:0;background:linear-gradient(90deg,#ac2dc2,#ab47bc 84.19%,#da46f3 112.26%)}.App .app-main-grad:before{content:"";position:absolute;width:100%;height:100%;border-radius:inherit;z-index:-1;top:0;right:0;bottom:0;left:0;background-color:var(--app-main-color-one-bright);opacity:0;transition:opacity .3s}.App .app-main-grad:hover:before{opacity:1}@media (min-width: 769px){.App{width:100%}.App section.left,.App section.right{height:calc(100vh - 91px);overflow-y:auto;scrollbar-width:none}.App section.left::-webkit-scrollbar,.App section.right::-webkit-scrollbar{display:none}}@media (max-width: 768px){.App .container{flex-direction:column}.App .container>div{flex:none;width:100%;height:auto}.App .container .header-menu-navi-tab{display:none}}.App .card-body,.modal-dialog .card-body{width:100%}.App .btn-outline-secondary,.modal-dialog .btn-outline-secondary{--bs-btn-color: var(--app-gray-300);--bs-btn-border-color: var(--app-gray-500);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--app-gray-850);--bs-btn-hover-border-color: var(--app-gray-850);--bs-btn-focus-shadow-rgb: 13, 110, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--app-gray-300);--bs-btn-active-border-color: var(--app-gray-300);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: var(--app-gray-300);--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: var(--app-gray-300);--bs-gradient: none;width:fit-content}.custom-dropdown button.dropdown-toggle:after{display:none}.custom-dropdown button.dropdown-toggle{padding:0;background-color:var(--app-bg-gray-900);border-color:var(--app-bg-gray-800);color:var(--app-gray-300);padding:0 .4rem}.custom-dropdown button.dropdown-toggle:active,.custom-dropdown button.dropdown-toggle:hover{background-color:var(--app-bg-gray-850);color:var(--app-gray-300)}.custom-dropdown button.dropdown-toggle svg{opacity:.8}.App .container{display:flex;width:100%;max-width:100%}body{margin:0;padding:0;background-color:var(--app-bg-gray-900)}body h1,body h2,body h3,body h4,body p,body span,body li,body td,body select,body input,body label{color:var(--app-text-gray-300)!important;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100}body .nav-item .nav-link.active{background-color:var(--app-main-color-one)}body select{background-color:var(--app-bg-gray-875)}.debug{display:none}.modal-open .btn-primary{--bs-btn-bg: var(--app-main-color-one);--bs-btn-border-color: var(--app-main-color-one);--bs-btn-hover-bg: var(--app-main-color-one);--bs-btn-hover-border-color: var(--app-main-color-one-light);--bs-btn-focus-shadow-rgb: 49, 132, 253;--bs-btn-active-bg: var(--app-main-color-one);--bs-btn-active-border-color: var(--app-main-color-one);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-bg: var(--app-main-color-one);--bs-btn-disabled-border-color: var(--app-main-color-one)}.modal-open .text-xsmall{font-size:var(--app-font-xsmall)}.modal-open .modal .modal-dialog .modal-body{color:var(--app-text-gray-300)}.App>.container{max-width:1200px;padding:20px}.App .container .top-content{width:100%}.App .container .left-content{flex:2;min-width:200px;min-height:calc(100vh - 43px);padding-right:20px;overflow-y:auto}.App .container .right-content{flex:3;overflow-y:auto}@media (max-width: 768px){.App .container .right-content{overflow-y:visible}}.App .container .content-block{padding:16px;background:var(--app-bg-gray-875);border:1px solid var(--app-bg-gray-800);border-radius:8px}.App .container .content-block .title{padding-bottom:8px;border-bottom:1px solid var(--app-bg-gray-800);line-height:40px}.App .container .content-block .title-image-edit-menu{width:140px;padding-bottom:0;border-bottom:1px solid var(--app-bg-gray-800);line-height:40px;margin-left:10px;margin-right:10px}.App .header-menu-navi-tab nav{display:block;margin-bottom:8px}.App .header-menu-navi-tab nav a{display:inline-block;min-width:120px;vertical-align:baseline;margin-top:5px;margin-bottom:24px;line-height:100%;text-decoration:none;text-align:center;padding:8px 24px;border:1px solid var(--app-main-color-one-dark);border-left:none;transition:color .3s ease-in-out}.App .header-menu-navi-tab nav a.current{background-color:var(--app-main-color-one);transition:background-color 1s linear}.App .header-menu-navi-tab nav a:first-of-type{border-radius:8px 0 0 8px;border-left:1px solid var(--app-main-color-one-dark)}.App .header-menu-navi-tab nav a:last-of-type{border-radius:0 8px 8px 0;border-left:none}.App .header-menu-navi-tab nav a:not(.current):hover{color:var(--app-main-color-one)}.App header{display:flex;justify-content:space-between;border-bottom:1px solid var(--app-gray-800);align-items:center;position:relative;width:100%}.App header h1{font-size:var(--app-font-xlarge);font-size:20px;margin-bottom:0;color:var(--app-text-gray-600)}.App header a{text-decoration:none;cursor:pointer}.custom-dropdown .dropdown-menu{border:1px solid var(--app-bg-gray-800)}.custom-dropdown .dropdown-item{color:var(--app-text-gray-300)}.custom-dropdown .dropdown-item:hover{background-color:var(--app-bg-gray-850)}.custom-dropdown .dropdown-toggle:hover *{color:var(--app-text-gray-300)!important}.App .home .left-content{flex:1;padding:20px;border-right:1px solid var(--app-gray-800);min-width:200px;min-height:calc(100vh - 43px);overflow-y:auto}.App .home .left-content nav h3{color:var(--app-text-gray-500)}.App .home .left-content .menu-list{list-style:none;padding:0;margin-top:20px}.App .home .left-content .menu-list li{margin-bottom:12px;color:var(--app-gray-100)!important}.App .home .left-content .menu-list a{text-decoration:none;display:block;padding:4px 8px;border-radius:4px;transition:background-color .3s ease}.App .home .left-content .menu-list a:hover{color:var(--app-text-gray-50)}@media (max-width: 992px){.home .left-content{display:none}}.home .right-content{flex:5;padding:20px;overflow-y:auto}.home .right-content .card-block-small{display:flex;gap:16px}@media (max-width: 576px){.home .right-content .card-block-small{margin-top:32px;flex-direction:column}.home .right-content .card-block-small .card.small{padding-bottom:32px}}.home .card{padding:16px;background:var(--app-bg-gray-875);border:1px solid var(--app-bg-gray-800);border-radius:16px}.home .card .card-body h5{font-size:var(--app-font-xlarge)}.home .card .card-body p,.home .card .card-body li{line-height:175%}.home .card.large .col-md-6:nth-child(2){padding:5% 2.5%}@media (max-width: 576px){.home .card-block-large .large>div .col-md-6:nth-child(2){padding:0 0 16px}.home .card img{width:100%}.card-block-small{margin-top:32px}.card-block-small .card.small{padding-bottom:32px}}.App .simple-editor .left-content .content-block{margin-bottom:40px}.App .simple-editor .top-content .main-content{display:flex}.App .simple-editor .left-content{max-height:calc(100vh - 148px);min-height:auto;margin-right:16px}.App .simple-editor .left-content .content-block{margin-bottom:16px}.App .simple-editor .left-content .content-block .pre-generate-resolution{margin-top:16px}.App .simple-editor .left-content .content-block .foreground-upload-preview+.btn{margin-top:16px}.App .simple-editor .left-content .content-block .foreground-upload{padding-top:6px}.App .simple-editor .left-content .content-block .pre-generate-image .pre-generate-noimage{display:flex;flex-direction:column;justify-content:center;height:400px}.App .simple-editor .left-content .content-block .pre-generate-image .pre-generate-noimage p{margin-top:0;margin-bottom:0}.App .simple-editor .right-content{max-height:calc(100vh - 148px);min-height:auto}@media (max-width: 769px){.App .simple-editor .top-content .main-content{display:flex;flex-direction:column-reverse}.App .simple-editor .top-content .main-content .left-content{max-height:none;min-height:auto;margin-top:16px;margin-right:0;padding-right:0}.App .simple-editor .top-content .main-content .right-content{max-height:none;min-height:auto}}.App .background-category-selector select{border:1px solid var(--app-bg-gray-800);padding:4px;border-radius:4px;margin-left:4px;margin-bottom:16px}.App .background-image-list{padding:0;margin:0 20px;display:flex;flex-wrap:wrap;gap:4px;max-height:400px;overflow-y:scroll}.App .background-image-list li{width:calc(33.3333333333% - 2.75px);margin:0;list-style-type:none}.App .background-image-list li img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.App .background-image-list li p{font-size:var(--app-font-xsmall);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.App .background-image-list li{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.App .background-image-list li.visible{opacity:1;transform:translateY(0)}.App .background-image-list .item-bottom{padding:4px 0 12px}.App .background-image-list .item-bottom .icon-delete svg{display:block;margin:0 0 0 auto}.App .advanced-editor .prompt-generator .nested-menu{display:flex;gap:16px}.App .advanced-editor .prompt-generator .nested-menu .nested-menu-child label{display:none}.App .advanced-editor .prompt-generator select{min-width:8rem}.App .proccess-msg{color:var(--app-accent-color-one-light)}.App .generate-variation select{border:1px solid var(--app-bg-gray-800);padding:4px;border-radius:4px;margin-left:4px}.App .advanced-editor .generate-variation select{padding:.375rem 2.25rem .375rem .75rem}@media (max-width: 768px){.App .advanced-editor .generate-variation{display:block!important}.App .advanced-editor .generate-variation select{display:inline}.App .advanced-editor .generate-variation select+div{margin-top:16px}}.App .generated-images-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}.App .generated-images-container img{max-width:100%;width:calc(50% - 8px);height:auto}.modal .additional-edit-menu-wrap{bottom:102px;animation-name:fadeIn;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.additional-edit-menu-wrap{position:absolute;bottom:71px;z-index:100;background:var(--app-gray-900);padding:16px;border-radius:4px;border:1px solid var(--app-gray-800)}.additional-edit-menu-wrap ul{margin:0;padding:0}.additional-edit-menu-wrap ul li{margin:0;list-style-type:none;line-height:200%}.additional-edit-menu-wrap ul li a{color:var(--app-text-gray-300);text-decoration:none;font-size:var(--app-font-small);word-spacing:8px}img-comparison-slider{visibility:hidden}img-comparison-slider [slot=second]{display:none}img-comparison-slider.rendered{visibility:inherit}img-comparison-slider.rendered [slot=second]{display:unset}* .slider-area-wrap{display:flex;justify-content:space-evenly}* .slider-area-wrap .slider-area *{outline:none}* .slider-area-wrap .slider-area{display:flex;justify-content:space-around}* .slider-area-wrap .slider-area .img-comparison-slider img{aspect-ratio:auto;width:auto;height:auto;max-width:640px;max-height:640px;outline:none}* .slider-area-wrap .slider-area .img-comparison-slider div{outline:none}@media (max-width: 768px){.slider-area-wrap .slider-area{width:100%!important;height:auto!important}.slider-area-wrap .slider-area .img-comparison-slider img{aspect-ratio:auto;width:100%;height:auto}}.App .drop-area{border:2px dashed var(--app-bg-gray-50);padding:20px;text-align:center;cursor:pointer;transition:border-color .3s,background-color .3s}.App .drop-area p{margin-top:0;margin-bottom:0}.App .drop-area.dragging{border-color:var(--app-main-color-one-bright);background-color:var(--app-main-color-one-light)}.App .custom-dropdown button{padding:4px 8px}.App .pre-generate-image{padding:8px}.App .pre-generate-image input{background-color:transparent;border:1px solid var(--app-bg-gray-800);padding:4px;border-radius:4px;margin-left:4px}.App .pre-generate-image button.btn-download{display:block;background-color:transparent;border:1px solid var(--app-bg-gray-800);padding:4px;border-radius:4px;margin:0 0 0 auto}.App .pre-generate-image.is-over{background-color:var(--app-bg-gray-850)}.App .pre-generate-image .pre-generate-resolution select{margin-top:0;margin-bottom:8px}.App .pre-generate-image .btn-download{width:100%;text-align:right}.App .pre-generate-image .pre-generate-noimage{display:flex;flex-direction:column;justify-content:center;height:400px}.App .pre-generate-image .pre-generate-noimage p{margin-top:0;margin-bottom:0}.App .image-editor canvas{background-color:transparent;display:block}.App .image-editor .canvas-wrap{position:relative;margin:24px auto;background-color:var(--app-bg-gray-850);background-image:linear-gradient(45deg,var(--app-bg-gray-800) 25%,transparent 25%,transparent 75%,var(--app-bg-gray-800) 75%),linear-gradient(45deg,var(--app-bg-gray-800) 25%,transparent 25%,transparent 75%,var(--app-bg-gray-800) 75%);background-position:0 0,10px 10px;background-size:20px 20px}.App .image-editor .canvas-wrap:before,.App .image-editor .canvas-wrap:after{content:"";position:absolute;pointer-events:none}.App .image-editor .canvas-wrap:before{top:-8px;bottom:-8px;left:50%;width:1px;transform:translate(-50%);background:linear-gradient(to bottom,var(--app-bg-gray-300) 0,var(--app-bg-gray-300) 8px,transparent 8px,transparent calc(100% - 8px),var(--app-bg-gray-300) calc(100% - 8px),var(--app-bg-gray-300) 100%)}.App .image-editor .canvas-wrap:after{left:-8px;right:-8px;top:50%;height:1px;transform:translateY(-50%);background:linear-gradient(to right,var(--app-bg-gray-300) 0,var(--app-bg-gray-300) 8px,transparent 8px,transparent calc(100% - 8px),var(--app-bg-gray-300) calc(100% - 8px),var(--app-bg-gray-300) 100%)}.App .image-editor .image-editor-controller{display:flex;gap:8px;align-items:center;margin:8px 0}.App .foreground-upload-preview{height:400px;width:100%;background-color:var(--app-bg-gray-850);border-radius:4px;margin-top:8px;display:flex;justify-content:center;align-items:center;overflow:hidden}.App .foreground-upload-preview img.preview{max-width:100%;max-height:100%;width:auto;height:auto;display:block}.App .simple-editor .pre-generate-image .foreground-upload .foreground-upload-preview img.preview{display:none}.App #edit-menu-tabs .nav-link{width:100%;margin:0!important;border:none!important;border-radius:0!important;padding:.5rem 1rem!important}.App .edit-menu-tab{display:flex;flex-direction:column;padding:15px;background-color:#2e2e2e}.App .prompt-generator>div{margin-top:16px}.App .prompt-generator label{width:96px}.App .prompt-generator select{border:1px solid var(--app-bg-gray-800);padding:4px;border-radius:4px;margin-left:4px}.App .prompt-generator button{border:1px solid var(--app-bg-gray-800);background-color:transparent;padding:4px;border-radius:4px;margin-left:4px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.App .block label{width:100%}.App .block textarea{display:block;width:100%;margin-top:8px;background-color:var(--app-bg-gray-850);border:1px solid var(--app-bg-gray-700);padding:4px;border-radius:4px}@media (max-width: 768px){.App .prompt-generator>div{display:flex;flex-direction:column}.App .prompt-generator ul{display:flex;flex-direction:column}}.App .advanced-editor .pre-generate-image{display:flex}.App .advanced-editor .pre-generate-image .main-image-area{flex:1}.App .advanced-editor .pre-generate-image .ref-images-area{width:320px}.App .advanced-editor .pre-generate-image .ref-images-area .ref-image-cards{height:600px;overflow-y:scroll}.App .advanced-editor .pre-generate-image .foreground-upload .drop-area p{height:42px;line-height:42px}@media (max-width: 768px){.App .advanced-editor .pre-generate-image{flex-direction:column}.App .advanced-editor .pre-generate-image .foreground-upload .drop-area p{height:auto;line-height:unset}.App .advanced-editor .pre-generate-image .ref-images-area{width:100%}.App .advanced-editor .pre-generate-image .ref-images-area>div{padding:0}}.App .image-to-video .upload-image-area{display:flex;justify-content:space-between}.App .image-to-video .upload-image-area .col{width:calc(50% - 8px)}.App .video-alert-area{position:relative;padding:.2rem;margin-top:.8rem;margin-bottom:.1rem;background-color:#fff9f9;border-left:5px solid #e74c3c}.App .video-alert-area .video-alert-message{width:95%;font-weight:700;color:#e74c3c}.App .video-alert-area .video-close-area{position:absolute;z-index:10;color:#e74c3c;right:1%;top:10%}.App .video-alert-area .video-close-area .video-close{font-size:100%;font-weight:700;color:#000}@media (max-width: 768px){.App .image-to-video .upload-image-area{display:flex;justify-content:space-between;flex-direction:column}.App .image-to-video .upload-image-area div.col-6{width:100%}.App .image-to-video .upload-image-area div.col-6:nth-of-type(2){margin-top:16px}.App .image-to-video .generate-variation>div{margin-top:8px;margin-left:0!important}}.App .generated-video-container{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:8px}.App .generated-video-container .media-frame{width:clamp(320px,60vw,960px);aspect-ratio:16/9;border-radius:5px;background:#f6f6f6;overflow:hidden;box-shadow:0 1px 6px #00000014;max-height:80vh}.App .generated-video-container img,.App .generated-video-container video{width:100%;height:100%;object-fit:contain;display:block;image-rendering:auto}.App .generated-video-container img{cursor:pointer}@media (max-width: 480px){.App .generated-video-container{gap:12px}.App .generated-video-container .media-frame{width:92vw;aspect-ratio:16/9;max-height:60vh}}.App .thumbnail-container-image2video{position:relative;cursor:pointer;display:flex}.App .thumbnail-container-image2video .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#0009;border-radius:50%;padding:15px;pointer-events:none}.App .thumbnail-container-image2video .play-icon>svg{height:2rem!important}.App .thumbnail-container-image2video img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}@keyframes slideUpAndFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.media-frame{display:flex;justify-content:center;width:100%}.modal-body .media-frame{height:auto;max-height:calc(100vh - 320px)}.media-frame .thumbnail-container{position:relative;cursor:pointer;display:flex}.media-frame .thumbnail-container .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#0009;border-radius:50%;padding:15px;pointer-events:none}.media-frame .thumbnail-container img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.media-frame video{width:100%}.image-carousel-wrapper{position:relative;width:100%;aspect-ratio:1/1;background-color:var(--app-bg-gray-900)}.image-carousel-wrapper .carousel-images-container{display:flex;position:relative;overflow:hidden;width:100%;aspect-ratio:1/1}.image-carousel-wrapper .queue-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out}.image-carousel-wrapper .carousel-control{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#00000080;color:#fff;border:none;padding:10px 15px}.image-carousel-wrapper .carousel-control.prev{left:0}.image-carousel-wrapper .carousel-control.next{right:0}.image-carousel-wrapper .carousel-indicators{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:5px;margin:0}.image-carousel-wrapper .carousel-indicators .indicator{display:block;width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer}.image-carousel-wrapper .carousel-indicators .indicator.active{background:#fff}.App .mylibrary .main-content{width:100%}.App .mylibrary .pagination-area{display:flex;align-items:center;gap:16px}.App .mylibrary .pagination-area .pagination{margin:0}.App .mylibrary .pagination-area .form-group{display:flex;align-items:center}.App .mylibrary .pagination-area .form-group label{width:8rem}.App .mylibrary .queue-item-area{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.App .mylibrary .queue-item-area .queue-item-box{position:relative;width:calc(25% - 6px);height:540px;overflow:hidden;background:var(--app-bg-gray-875);border:1px solid var(--app-bg-gray-800);border-radius:8px;box-sizing:border-box}.App .mylibrary .queue-item-area .queue-item-box:hover{z-index:10}.App .mylibrary .queue-item-area .queue-item-box .image-container{width:100%;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1}.App .mylibrary .queue-item-area .queue-item-box .image-container .image-carousel-wrapper .media-frame{aspect-ratio:1/1}.App .mylibrary .queue-item-area .queue-item-box .image-container img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}.App .mylibrary .queue-item-area .queue-item-box .image-container img.queue-image{position:relative;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s ease-in}.App .mylibrary .queue-item-area .queue-item-box .image-container img.queue-image.loaded{opacity:1}.App .mylibrary .queue-item-area .queue-item-box .bottom-menu{padding:4px}.App .mylibrary .queue-item-area .queue-item-box .bottom-menu p.userTextPrompt{width:100%;max-height:9.31rem;overflow-y:auto;display:-webkit-box;white-space:pre-wrap;-webkit-box-orient:vertical}.App .mylibrary .queue-item-area .queue-item-box .hidden-menu{position:absolute;bottom:0;left:0;width:100%;padding:10px;box-sizing:border-box;background-color:#000000b3;color:var(--app-text-gray-300);border-radius:8px;display:none;opacity:0;transition:opacity .3s ease,transform .3s ease}.App .mylibrary .queue-item-area .queue-item-box .hidden-data{display:none}@media (max-width: 768px){.App .mylibrary .filter-area .filters-bar>div.d-flex{flex-direction:column;gap:4px!important}.App .mylibrary .pagination-area{display:flex;align-items:flex-start;gap:16px;flex-direction:column}.App .mylibrary .queue-item-area .queue-item-box{width:calc(50% - 4px);height:fit-content;min-height:480px}}#root .App .mylibrary-debug,#root .App .mylibrary-debug .queue-item-area{background-color:purple!important}#root .App .mylibrary-debug .queue-item-area .queue-item-box{min-height:800px!important;overflow-y:scroll}#root .App .mylibrary-debug .queue-item-area .queue-item-box img{display:block;width:200px;height:auto}#root .App .mylibrary-debug .queue-item-area .queue-item-box li{white-space:pre-wrap}.mylibrary-bottom-pagenation{margin-top:24px}.modal .modal-body .image-gallely-item{max-width:33.333%}.modal .modal-body img{width:100%}@media (max-width: 768px){.modal .modal-body>div{flex-wrap:wrap}.modal .modal-body .image-gallely-item{max-width:calc(50% - 4px)}}.App .container.manage{display:block}.App .main-manage-content .manage-navi{display:flex;justify-content:space-between;margin-top:16px}@media (max-width: 768px){.App .main-manage-content .manage-navi{flex-direction:column}}.App .main-manage-content .manage-navi .manage-navi-title{display:flex}.App .main-manage-content .manage-navi .manage-navi-title h1 a{height:40px;line-height:40px;font-size:var(--app-font-large);text-decoration:none}.App .main-manage-content .manage-navi .manage-navi-title h2{height:40px;padding-top:2px;padding-left:4px;line-height:40px;font-size:var(--app-font-medium)}.App .main-manage-content .manage-navi .manage-navi-tab nav{display:flex}.App .main-manage-content .manage-navi .manage-navi-tab nav a{list-style:none;height:40px;margin-left:12px;margin-right:12px;line-height:40px;text-decoration:none}.App .main-manage-content .manage-navi .manage-navi-tab nav a.current{border-bottom:1px solid var(--app-main-color-one)}.App .main-manage-content .manage-top-list ul li{color:var(--app-text-gray-300)}.App .main-manage-content .manage-top-list ul li:not(:nth-of-type(1)){padding:16px;background-color:var(--app-bg-gray-850);border-bottom-color:var(--app-bg-gray-900)}.App .main-manage-content .manage-top-list ul li:not(:nth-of-type(1)) a{display:flex;justify-content:space-between;text-decoration:none}.App .main-manage-content .manage-top-list ul li:last-of-type{border-bottom-color:var(--app-bg-gray-850)}.App .main-manage-content .manage-button-area{display:flex;justify-content:flex-end;height:38px}.App .main-manage-content .manage-button-area div,.App .main-manage-content .manage-button-area button{width:fit-content;height:100%;margin-left:8px;text-overflow:ellipsis}.App .main-manage-content .manage-button-area button{height:100%}@media (max-width: 768px){.App .main-manage-content .manage-button-area{flex-direction:column;height:auto}.App .main-manage-content .manage-button-area div,.App .main-manage-content .manage-button-area button{width:100%;height:100%;margin-left:0;margin-bottom:8px;text-overflow:ellipsis}}.App .main-manage-content .table-wrap{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.App .main-manage-content .table{margin-bottom:0}.App .main-manage-content .table td .icons{display:flex;justify-content:flex-end;flex-direction:row;width:100%;gap:16px}.App .main-manage-content .table td .icons a{cursor:pointer}.App .main-manage-content .table td span.check-true{color:#90ee90}.App .main-manage-content .table td span.check-false{color:#add8e6}.App .main-manage-content .table td:last-of-type{width:120px}.App .main-manage-content .table tr:last-of-type td{border-bottom:none;vertical-align:middle}@media (max-width: 768px){.App .main-manage-content .table-wrap{overflow-x:scroll}.App .main-manage-content .table-wrap .table{width:max-content;min-width:100%}}.modal-dialog .modal-content .modal-body p.error,.modal-dialog .modal-content .modal-body p.alert{padding:0;color:red}.modal-dialog .modal-content .modal-body p.xsmall{font-size:var(--app-font-xsmall)!important}.modal-dialog .modal-content .modal-body select{border:1px solid var(--app-bg-gray-800);padding:4px;border-radius:4px;margin-left:4px;margin-bottom:16px}.modal-dialog .modal-content .modal-body .border-top{border-top:1px solid var(--app-bg-gray-800);padding-top:16px}.report-div{margin:20px}.report-title h2{padding:.7rem;color:#000;background:var(--app-main-color-one)}.alert-area{position:relative;padding:.5rem;margin-bottom:.6rem;background-color:#fff9f9;border-left:5px solid #e74c3c}.alert-area .alert-message{width:95%;font-weight:700;color:#e74c3c}.alert-area .close-area{position:absolute;z-index:10;color:#e74c3c;right:2%;top:10%}.alert-area .close-area .close{font-size:100%;font-weight:700;color:#000}.report-graph-area{padding:.8rem .2rem}.report-graph-area .btn-txt{background:var(--app-main-color-one);padding:0rem .15rem .15rem .3rem;margin-left:.5rem}.report-graph-area .report-graph-area-month{padding:.5rem .3rem 1.5rem}.report-graph-area .report-graph-area-month .report-graph-area-month-contents{margin:0 auto;max-width:min-content}.report-graph-area .report-graph-area-day{padding:1.5rem .3rem .5rem}.report-graph-area .report-graph-area-day .table-wrap{overflow-x:scroll}.report-graph-area .report-graph-area-day table{background-color:#dab4f7;color:#000;border-color:#fff;white-space:nowrap;text-align:center}.report-graph-area .report-graph-area-day tr:nth-child(odd){background:#e9faf9}.report-graph-area .report-graph-area-day th,.report-graph-area .report-graph-area-day td{border:0px solid #bbb;padding:5px 12px;color:#000}.report-graph-area .report-graph-area-day th{background:var(--app-main-color-one);border-right:dashed 0px #bbb;color:#fff;align-content:center}.report-graph-area .report-graph-area-day td{border-right:dashed 0px #bbb}.report-graph-area .report-calender label{position:relative;display:inline-block;width:200px;height:36px}.report-graph-area .report-calender input[type=month],.report-graph-area .report-calender [type=date]{position:relative;padding:0 8px;margin:0 5px;width:120px;height:36px;border:0;background:transparent;font-size:var(--app-font-small);color:#ccc}.modal-view .modal-content{background:var(--app-bg-gray-900)}.modal-view .modal-content *{font-size:var(--app-font-xsmall)}.modal-view .modal-content img{display:block;max-width:100%;max-height:80vh;animation:modal-view-fade-in .5s;animation-fill-mode:forwards}.modal-view .modal-content .modal-body{position:relative;display:flex;justify-content:center;min-height:120px;animation:modal-view-fade-in .5s;animation-fill-mode:forwards}.modal-view .modal-content .modal-body .btn{position:absolute;z-index:100;bottom:2rem;right:2rem}.modal-view .modal-content .modal-body .spinner-border{position:absolute;top:calc(50% - 13px);left:calc(50% - 13px)}.modal-view .modal-content p{word-break:break-all}.modal-view .modal-content .modal-footer{justify-content:flex-end}@keyframes modal-view-fade-in{0%{opacity:0}to{opacity:1}}.modal-view .modal-content .compare-images{position:relative;display:grid;overflow:hidden}.modal-view .modal-content .compare-images>*{grid-area:1/1}.modal-view .modal-content .compare-images>div{display:grid;place-content:center}.modal-view .modal-content .compare-images .before{mask:linear-gradient(to right,#000 0,var(--pos, 50%),rgba(0,0,0,0) 0)}.modal-view .modal-content .compare-images .after{mask:linear-gradient(to right,rgba(0,0,0,0) 0,var(--pos, 50%),#000 0)}.modal-view .modal-content .compare-images input[type=range]{z-index:2;position:relative;left:-20px;width:calc(100% + 40px);height:100%;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.modal-view .modal-content .compare-images input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;background-color:var(--app-bg-gray-50);opacity:.5;border-radius:20px;cursor:ew-resize}.modal-view .modal-content .compare-images input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;background-color:var(--app-bg-gray-50);opacity:.5;border-radius:20px;cursor:ew-resize}.modal-view .modal-content .compare-images .compare-slide-bar{z-index:1;width:1px;height:var(--compareImageHeight);background-color:var(--app-bg-gray-50);position:absolute;left:var(--pos, 50%)}.App .style-category-selector{display:flex;flex-wrap:wrap;margin:o;padding:0;gap:4px}.App .style-category-selector .user-icon{position:relative;display:block;width:100%;background:var(--app-main-color-one);aspect-ratio:1/1}.App .style-category-selector .user-icon svg{width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.5)}.App .style-category-selector img{display:block;width:100%;object-fit:cover;aspect-ratio:1/1}.App .style-category-selector img+figcaption{text-align:center;font-size:var(--app-font-xsmall)}.App .style-category-selector li{list-style:none;margin:o;padding:0;width:calc(25% - 4px);cursor:pointer}.App .style-category-selector h6{justify-content:center;align-items:center;height:2rem;display:flex;font-size:var(--app-font-xsmall);text-align:center;color:var(--app-text-gray-600);overflow-wrap:anywhere;line-height:1}.style-selector-menu .style-upload-block p,* .style-upload-block p{color:var(--app-text-gray-500);font-size:var(--app-font-small)}.style-selector-menu .style-upload-block #style-upload,* .style-upload-block #style-upload{display:none}.style-selector-menu .style-selector-card .card-img-top,* .style-selector-card .card-img-top{pointer-events:none}.style-selector-menu .style-selector-card .card,* .style-selector-card .card{transition:all .2s}.style-selector-menu .style-selector-card .card.focused,* .style-selector-card .card.focused{border-color:var(--app-main-color-one)}.style-selector-menu .style-selector-card .card img,* .style-selector-card .card img{display:block;width:100%;background-color:var(--app-bg-gray-850);object-fit:contain;aspect-ratio:1/1}.style-selector-menu .style-selector-card .card .spinner-wrap,* .style-selector-card .card .spinner-wrap{width:100%;height:100%;aspect-ratio:1/1;display:grid;place-content:center}.style-selector-card{transition:all .5s}.App .container.help{display:block}.App .util{height:40px;margin-top:20px;margin-bottom:10px;padding-left:4px;line-height:40px;font-size:var(--app-font-xlarge)}.App .util-detail-messageTitle{white-space:pre-line;font-weight:700}.App .util-detail-message{white-space:pre-line}.App .util-detailL-list{white-space:pre-line;margin-bottom:0}.App .util-detail-lists{white-space:pre-line;margin-left:10px;margin-right:10px}.App .help-index{margin-top:20px;margin-bottom:100px;border-radius:3px;background-color:#f8e9fb}.App .help-index div{display:flex;margin:0;padding:10px;background-color:#ab47bc;color:#fff;font-weight:600;font-size:var(--app-font-small)}.App .help-index ol{list-style-type:disc;margin:0;overflow:hidden}.App .help-index>ol{padding:1em 1em 1em 3em}.App .help-index li{padding:5px 0;font-weight:600;color:#333}.App .help-index a{color:#333;text-decoration:none}.App .help-title{white-space:pre-line;background-color:var(--app-main-color-one);font-size:var(--app-font-medium);font-weight:700;padding:10px;margin-top:20px;margin-bottom:30px}.App .help-region{white-space:pre-line;counter-reset:listnum}.App .help-process:before{counter-increment:listnum;content:"手順 " counter(listnum) "：";color:#fff;vertical-align:middle;font-weight:700;background-color:var(--app-main-color-one);padding:6px 10px}.App .help-region-detail{display:flex;white-space:pre-line;font-size:var(--app-font-medium);margin-top:25px}.App .help-region-title{white-space:pre-line;font-size:var(--app-font-medium)}.App .help-region-body{white-space:pre-line;font-size:var(--app-font-small);margin-left:20px;margin-right:20px}.App .container.mypage{display:block}.App .container.mypage h2{font-size:var(--app-font-large)}.App .mypage th,.App .mypage td{color:var(--app-text-gray-300)}.App .mypage-password-section .about-password{white-space:pre-line}.App .password-input-group{position:relative;display:flex;align-items:center}.App .password-reveal{position:absolute;left:10px;top:10px}.App .error-message-region{display:flex;align-items:center}.App .error-message{color:red;white-space:pre-line}.App td span:not(:last-child):after{content:"、";margin-right:4px}