body{margin:0}.editor-container{z-index:1000;background:0 0;border:none;align-items:stretch;width:100vw;height:100vh;margin:0;padding:0;display:flex;position:fixed;inset:0}.editor-container canvas{display:block;width:100%!important;height:100%!important}.editor-page-container{flex-direction:column;justify-content:space-between;align-items:center;height:100%;display:flex}:root{--background-light:white;--theme-light:white;--theme-light-alpha:#ebf3f780;--background-dark:darkgray;--theme-dark:gray;--theme-dark-alpha:#4f4f4f80;--dropdown-theme-light:#ebf3f7;--dropdown-theme-dark:#4f4f4f;--theme-gradient-direction:to top}.themed-drag-drop-text{color:var(--theme-dark)}.themed-generator-confirmation{color:var(--theme-light);filter:invert()}.themed-generate-container{text-align:center;color:var(--theme-light);filter:invert();margin-top:20px;margin-bottom:20px}.themed-phi-button-graphic{color:var(--theme-dark);pointer-events:none;text-shadow:0 0 3px #fff;z-index:1;-webkit-mask-composite:destination-in;-webkit-mask-composite:source-in;font-size:750%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(270deg,#000 0%,#0000 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.themed-phi-button-ripple{color:var(--theme-dark);background-color:var(--theme-dark);opacity:.5;pointer-events:none;z-index:0;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.theme-toggle{text-align:center;z-index:1001;background:0 0;margin:0;padding:0;position:fixed;top:20px;left:50%;transform:translate(-50%)}.ripple-animate{animation:.6s forwards ripple-animation}@keyframes ripple-animation{0%{opacity:.5;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(5)}}.themed-info-text,.themed-option-text{color:var(--theme-dark)}.dragdrop-container{background:linear-gradient(#00000026,#ffffff26);border:none;border-radius:10px;margin:10px 10px 20px;padding:20px;overflow:hidden;box-shadow:0 4px 8px #00000080}.dragdrop-container .drag-files{color:#000;cursor:pointer;background:linear-gradient(#f0f0f026,#00000026);width:300px;margin-bottom:20px;font-family:Arial,sans-serif;font-size:2rem;box-shadow:0 4px 8px #00000080}.generator-container{text-align:center;background:linear-gradient(#f0f0f026,#00000026);border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;margin-bottom:20px;padding-top:10px;padding-left:10px;padding-right:10px;display:flex;box-shadow:0 1px 4px #000}.generate-wrapper{margin-top:20px;margin-bottom:6%}.id-copy-button{color:#ff8c09;cursor:pointer;background:#222;border:none;border-radius:4px;margin-left:6px;padding:3px 8px;font-family:monospace}.id-copy-button:hover{background:#333}.id-copied{color:#000;pointer-events:none;white-space:nowrap;background:#8700ff;border-radius:8px;padding:2px 6px;font-size:.75rem;font-weight:700;transition:opacity .2s;position:relative;top:-8px;right:-10px;box-shadow:0 0 4px #0000004d}.input-container{flex-direction:row;align-items:center;display:flex;position:relative}.generate-button{color:#fff;text-align:center;background-color:#000;display:inline-block}.generate-button.loading{color:#000;cursor:not-allowed;background-color:#88d5fb}.diffusion-container{background:linear-gradient(#00000026,#ffffff26);border:none;border-radius:10px;margin:10px 10px 20px;padding:20px;overflow:hidden;box-shadow:0 4px 8px #00000080}.diffusion-generate-button{color:#fff;text-align:center;background-color:#000;display:inline-block}.diffusion-generate-button.loading{color:#000;cursor:not-allowed;background-color:#88d5fb}.editor{border:none;width:100%;min-width:0;height:100%;position:relative}.editor-container{border:none;flex-direction:row;width:100%;height:100%;display:flex;position:relative}.editor-image-preview{border:none;width:100%;height:100%;position:relative}.editor-image-wrapper{width:auto;height:50vh;position:relative;overflow:hidden}.editor-options-panel{box-sizing:border-box;flex:0 0 33%;align-self:stretch;width:33%;min-width:0;position:relative;overflow:hidden}.editor-preview-image{filter:blur(50px);object-fit:cover;width:100%;height:auto;max-height:100%}.editor-window{z-index:2;pointer-events:none;position:absolute;top:0;left:0}.editor-window canvas{display:block}.generator-editor-options{min-width:0;transform:translateY(var(--option-slider-val));flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;position:relative}.generator-editor-option{box-sizing:border-box;align-items:center;gap:10px;padding:1% 3%;display:flex}.generator-editor-options-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;z-index:1000;background-color:#fff0;border-radius:10px;flex-direction:row;width:100%;height:90%;padding-bottom:2%;padding-left:2%;display:flex;position:relative;top:0;left:0;overflow:hidden}.generator-editor-options-scrollbar{justify-content:center;width:18px;padding-top:3%;padding-bottom:3%;padding-right:3%;display:flex}.cropper{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.cropper-editor-window{box-sizing:border-box;pointer-events:none;z-index:2;border:3px solid #85d7f5;position:absolute}.dropdown-header{cursor:pointer;background-color:#ffffff80;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;display:flex;box-shadow:0 4px 6px #ffffff40}.dropdown-header:hover{background-color:#daebf440;transform:scale(.99)}.dropdown-content{background-color:#ffffff80;border-radius:8px;margin-top:10px;padding:10px;box-shadow:0 4px 6px #ffffff40}.dropdown{border:1px solid var(--theme-dark);background:linear-gradient(135deg, rgba(var(--dropdown-theme-dark), 1) 5%, rgba(var(--dropdown-theme-light), 1) 100%);border-radius:8px;margin:10px 0;padding:10px;transition:all .3s;box-shadow:0 4px 6px #00000040}.dropdown-switch{color:var(--theme-dark);text-shadow:1px 1px 2px #00000080;font-family:Roboto,sans-serif;font-size:25px;transition:all .3s}.dropdown-switch:hover{transform:scale(1.25)}.dropdown-title{color:var(--theme-dark);text-shadow:1px 1px 2px #00000026;font-family:Roboto,sans-serif;font-size:12px;transition:all .3s}.dropdown-title:hover{transform:scale(1.05)}.img2img-generate{color:#fff;text-align:center;background-color:#000;padding:6px;display:inline-block;left:0%}.home{background:var(--background-light);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;inset:0}.home-container{justify-content:center;align-items:center;width:80%;height:80vh;margin:0 auto;display:flex}.info{z-index:999;text-align:right;position:fixed;top:20px;right:20px}:root{--option-slider-val:0%}.options{min-width:0;transform:translateY(var(--option-slider-val));flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;position:relative}.option{box-sizing:border-box;align-items:center;gap:10px;padding:1% 3%;display:flex}.options-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background-color:#fff0;border-radius:10px;flex-direction:row;width:33%;height:90%;padding-bottom:1%;padding-left:2%;display:flex;position:fixed;top:12%;left:-.5%;overflow:hidden}@media (width<=768px){.options-container{width:100%}}.options-scrollbar{justify-content:center;width:18px;padding-top:3%;padding-bottom:3%;padding-right:3%;display:flex}