@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;500;600;700;800&display=swap";:root [data-theme=light]{--bg-primary: #ffffff;--modal-bg-primary: #ffffff;--modal-bg-secondary: #f7f7f7;--modal-bg-tertiary: #f7f7f7;--full-background: #ffffff;--sidemenu-bg-primary: #f7f7f7;--sidemenu-bg-secondary: #e4e4e4;--settings-dropdown-bg: #ffffff;--modal-backdrop: #00000090;--bg-dropzone: #02CE9D20;--bg-drag-drop: #FFFFFF;--overlay: #E4E4E4;--prompter-bg: #ffffff;--badge-surface: rgba(0, 144, 213, .5);--background-color: #ebebeb;--text-primary: #25262c;--text-inactive: #949494;--button-primary-text: #25262c;--input-field-primary: #f7f7f7;--input-field-secondary: #FFF;--input-field-modal: #d9d9d9;--input-control-panel: #ffffff;--icon-primary: #25262c;--icon-inactive: #949494;--tag-bg: #e4e4e4;--button-primary-bg: #02ce9d;--button-primary-hover-bg: #05a881;--button-secondary-bg-light: #FFFFFF;--button-secondary-bg: #f7f7f7;--button-secondary-hover-bg: #61647250;--button-secondary-text: #25262C;--scroll-bar: #E4E4E4;--stroke-primary: #eeecec;--stroke-secondary: #D6D6D6;--stroke-tertiary: #B5B5B5;--stroke-quaternary: #D6D6D6;--text-color: #25262c;--secondary-text-color: #54535b;--inverted-color: #ffffff;--hover-state: #97989f;--modal-bg: #b9b9b98f;--border-subtle: #E6E8EB}@media (prefers-color-scheme: dark){:root [data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);color:transparent;opacity:1}}:root [data-theme=dark]{--bg-primary: #080e27;--modal-bg-primary: #25293b;--modal-bg-secondary: #414660;--modal-bg-tertiary: #25293b;--sidemenu-bg-primary: #25293b;--sidemenu-bg-secondary: #414660;--settings-dropdown-bg: #272b3f;--full-background: radial-gradient( 50% 50% at 50% 50%, #131834 42%, #080e27 73.5%, #030612 100% );--modal-backdrop: radial-gradient( 50% 50% at 50% 50%, #131834e6 42%, #080e27e6 73.5%, #030612e6 );--bg-dropzone: #02CE9D20;--bg-drag-drop: #414660;--overlay: #25293B;--prompter-bg: transparent;--badge-surface: rgba(0, 144, 213, .5);--background-color: #0f172a;--text-primary: #eeecec;--text-inactive: #949494;--button-primary-text: #25262c;--input-field-primary: #272b3f;--input-field-modal: #61647235;--input-control-panel: #414660;--input-field-secondary: #414660;--icon-primary: #f7f7f7;--icon-inactive: #949494;--tag-bg: #414660;--button-primary-bg: #02ce9d;--button-primary-hover-bg: #05a881;--button-secondary-bg-light: #61647235;--button-secondary-bg: #272b3f;--button-secondary-hover-bg: #61647250;--button-secondary-text: #F7F7F7;--scroll-bar: #414660;--stroke-primary: transparent;--stroke-secondary: #0f172a;--stroke-tertiary: #B5B5B5;--stroke-quaternary: #949494;--text-color: #ffffff;--secondary-text-color: #fff9;--inverted-color: #25262c;--hover-state: #414660;--modal-bg: radial-gradient( 50% 50% at 50% 50%, rgba(19, 24, 52, .9) 42%, rgba(8, 14, 39, .9) 73.5%, rgba(3, 6, 18, .9) 100% );--border-subtle: rgba(255, 255, 255, .15)}@media (prefers-color-scheme: light){:root [data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);color:transparent;opacity:1}}.popover{position:relative}.button{display:inline-flex;border:none;justify-content:center;padding:0;background:transparent}.button:hover{background:transparent}.panel{padding:.5rem 1rem;position:relative;z-index:10}.panelContent{display:flex;flex-direction:column;padding:.5rem;position:relative;border-radius:.375rem;font-size:12px}.panelContent p{color:var(--text-color)}.arrow.bottom{position:absolute;top:0;left:50%;transform:translate(-50%,-100%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid}.arrow.right{position:absolute;left:0;top:50%;transform:translate(-100%,-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid}.arrow.left{position:absolute;right:0;top:50%;transform:translate(100%,-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid}.mainbutton button{border-radius:.375rem;display:flex;flex-direction:row;padding:0rem .75rem;gap:.25rem;align-items:center;height:2.25rem}.mainbutton button .icon{height:1.25rem}.mainbutton button .icon svg{height:1.25rem}.mainbutton button .label{font-size:.875rem;font-weight:600;line-height:120%}.mainbutton button.primary{background:var(--Surface-brand);color:#fff;border:none}.mainbutton button.primary:hover{background:var(--Surface-brand-darker)}.mainbutton button.secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border:1px solid rgba(49,51,63,.2)}.mainbutton button.secondary:hover{background:var(--button-secondary-hover-bg);color:var(--Surface-brand)}.mainbutton button.outline{border:1px solid var(--border-medium, #D8DADE);background:var(--background-fill-transparent, rgba(0, 0, 0, 0))}.mainbutton button.compact{height:1.75rem}.mainbutton button.compact .label{font-size:.75rem}.mainbutton button:disabled{opacity:.35;cursor:inherit}button{border:none;border-radius:4px;padding:4px 16px;gap:4px;font-family:Source Sans Pro;font-weight:600;font-size:14px;line-height:17.6px;background:var(--button-secondary-bg)}button:hover{background:var(--button-secondary-hover-bg)}.generate-btn,.light-btn{width:100%;border-radius:var(--Cornerradiuslarge);padding:.25rem .75rem;line-height:1.6;min-height:38.4px;-webkit-user-select:none;user-select:none}.generate-btn{font-weight:400;background-color:var(--Surface-brand);color:#fff;border:none}.generate-btn:hover{background:var(--Surface-brand-darker)}.generate-btn.pressed{background:var(--Surface-tertiary);color:var(--inverted-color)}.generate-btn.pressed:hover{background:var(--Surface-tertiary)}.generate-btn *{color:#fff}.light-btn{background:var(--button-secondary-bg-light);color:var(--button-secondary-text);border:1px solid rgba(49,51,63,.2)}.light-btn:hover{border-color:var(--Surface-brand);color:var(--Surface-brand)}.icon-btn{padding:0;border:none;background:transparent;cursor:pointer}.icon-btn:hover{background:transparent}.clipboard-btn{width:fit-content;padding:.2rem .5rem;border-radius:.5rem;font-size:.7rem}.search-btn{color:var(--button-secondary-text);font-size:12px}.search-btn__blue{font-size:12px;background:var(--Surface-brand);color:#fff}.search-btn__blue:hover{background:var(--button-secondary-hover-bg)}.text-btn{color:var(--button-secondary-text);background:transparent;padding:0 30px;font-size:15px;font-weight:400;line-height:18.86px;text-align:right;border:none}.text-btn:hover{background-color:transparent}.remove-btn__preview{position:absolute;margin-top:10px;right:10px;height:13px;width:13px}.remove-btn img{height:13px;width:13px;min-height:13px!important}.upload-btn{margin-top:4px;height:max-content;background-color:var(--Surface-brand);color:#fff;border:none;cursor:pointer;font-size:12px}.download-btn,.like-btn,.dislike-btn{padding:4px;display:flex}.download-btn .icon,.like-btn .icon,.dislike-btn .icon{height:17px}.like-btn:focus,.dislike-btn:focus,.download-btn:focus{outline:none}.like-btn:active,.dislike-btn:active,.download-btn:active{outline:none}.like-btn:hover svg,.dislike-btn:hover svg,.download-btn:hover svg{filter:invert(48%) sepia(57%) saturate(906%) hue-rotate(152deg) brightness(93%) contrast(106%)}.like-btn.active svg,.dislike-btn.active svg,.download-btn.active svg{filter:invert(48%) sepia(57%) saturate(906%) hue-rotate(152deg) brightness(93%) contrast(106%)}.nav-btn{color:var(--text-primary)}.inactive{background:var(--button-secondary-bg)}.inactive p{color:var(--text-primary);opacity:.4}.inactive:hover{background:var(--button-secondary-bg)}.inactive:hover p{color:var(--text-primary);opacity:.4}.image_card_low_bar button{background:var(--modal-bg-primary);border:.8px solid var(--stroke-secondary)}.main{padding:2rem;flex-grow:1;max-height:inherit;overflow-y:auto;scrollbar-color:var(--scroll-bar) var(--input-field-primary)}.main .generator{display:flex;flex:1 1 0%;flex-direction:column;padding-top:2rem}.main .generator.image-history{padding-top:0}.main button{cursor:pointer}.main .image-preview-img.--no-image{width:80%;max-width:400px;margin:2rem auto 1rem;border-radius:.5rem;background-color:var(--tag-bg);text-align:center}.main .image-preview-img.--no-image div{padding:20px;margin:auto;height:100%}.main .image-archive{padding-top:0}.main .image-archive .history-area{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;flex-wrap:wrap;gap:4px 8px;width:100%}.main .image-archive .history-area>*{flex-grow:2}.main .image-archive .history-area a{position:relative}.main .image-archive .history-area a.square{min-width:100px;max-width:300px}.main .image-archive .history-area a.tall{min-width:100px;max-width:200px}.main .image-archive .history-area a.wide{min-width:200px;max-width:400px}@media (min-width: 1300px){.main .image-archive .history-area a.square{min-width:100px;max-width:300px}.main .image-archive .history-area a.tall{min-width:100px;max-width:200px}.main .image-archive .history-area a.wide{min-width:200px;max-width:400px}}@media (max-width: 750px){.main .image-archive .history-area a.square,.main .image-archive .history-area a.tall,.main .image-archive .history-area a.wide{width:100%;min-width:100%;max-width:100%;height:auto!important}}.main .image-archive .history-area a .popover{position:absolute;right:0;margin:4px}.main .image-archive .history-area a .popover .download-btn{display:none}.main .image-archive .history-area a .popover .download-btn:hover{background-color:var(--button-secondary-bg)}.main .image-archive .history-area a img{border-radius:var(--Cornerradiusmedium);overflow:hidden;height:100%;max-height:300px;height:200px;min-height:100px;width:100%}.main .image-archive .history-area a .info-hover{flex-direction:column;display:flex;gap:6px;padding:12px;position:absolute;bottom:4px;z-index:1;background:#00000090;color:#fff;min-width:100%;width:-webkit-fill-available;opacity:0;max-height:80%}.main .image-archive .history-area a .info-hover .semibold,.main .image-archive .history-area a .info-hover .modification{color:#fff}.main .image-archive .history-area a:hover .info-hover,.main .image-archive .history-area a:focus .info-hover{opacity:1;transition:opacity .5s ease-in}.main .image-archive .history-area a:hover .popover .download-btn,.main .image-archive .history-area a:focus .popover .download-btn{display:block}.main .image-to-text{display:flex;flex-direction:row;align-items:flex-start;padding-bottom:2rem}.main .image-to-text .prompt-description{width:80%;margin:2rem auto 1rem;padding:0 4rem}.main .image-to-text .prompt-description input[type=range]{-webkit-appearance:none;background:transparent;width:100%;cursor:pointer}.main .image-to-text .prompt-description input[type=range]::-webkit-slider-runnable-track,.main .image-to-text .prompt-description input[type=range]::-moz-range-track{background:var(--Surface-brand);border-radius:.5rem;height:.5rem}.main .image-to-text .prompt-description input[type=range]::-webkit-slider-thumb,.main .image-to-text .prompt-description input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-4px;background-color:var(--Surface-brand);border-radius:100%;height:1rem;width:1rem}.main .image-to-text .prompt-description datalist{display:flex;flex-direction:row;justify-content:space-between}.main .image-to-text .prompt-description option{padding:0}.main .image-to-text .prompt-description .result{padding-top:0;text-align:center;font-size:1.2rem}.main .image-to-text .prompt-description .result.short{font-size:1.8rem}.main .image-to-text .prompt-description .result.long{font-size:.9rem}.imagedrop .imagedrop-field{border-radius:var(--Cornerradiusmedium);background:var(--input-field-primary);margin-top:8px}.imagedrop .imagedrop-field .imagedrop-module{padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.imagedrop .imagedrop-field .imagedrop-module p{width:255px;font-size:14px;line-height:15.08px;font-weight:400;color:var(--secondary-text-color)}.imagedrop .file-btn{cursor:pointer;border:1px solid var(--Stroke-secondary);padding:4px 16px;border-radius:var(--Cornerradiusmedium);background-color:var(--button-secondary-bg);font-size:14px;line-height:17.6x;font-weight:600;color:var(--button-secondary-text)}.imagedrop .file-btn:hover{background-color:var(--button-secondary-hover-bg)}.imagedrop .image-container{width:255px;position:relative}.imagedrop .image-container .image-preview-img{border-radius:.5rem;width:100%}.badge{background-color:var(--badge-surface);border-radius:9999px;display:flex;padding:.25rem .625rem;justify-content:center;align-items:center;font-size:.75rem;line-height:120%;font-weight:600}.navbar{overflow-y:scroll;scrollbar-width:thin;display:flex;flex-direction:column;height:inherit;right:0;min-width:350px;background:var(--prompter-bg)}.navbar button{cursor:pointer}.navbar nav{display:flex;flex-direction:column;padding:1.5rem;gap:12px}.navbar .prompter{display:flex;flex-direction:column;padding:1.5rem;gap:24px}.navbar .prompter label{font-size:14px;font-weight:600;line-height:17.6px;text-align:left}.navbar .prompter .textfield-area.loading{opacity:.5}.navbar .prompter .textfield-area .textfield{margin:.75rem 0;background:var(--input-field-primary);border-radius:var(--Cornerradiusmedium);position:relative}.navbar .prompter .textfield-area .textfield textarea{background:transparent;padding:1rem;color:var(--text-color);min-height:240px;max-width:255px;resize:none}.navbar .prompter .textfield-area .textfield textarea:focus{outline:none}.navbar .prompter .textfield-area .textfield .enhance-prompt{display:flex;flex-direction:row;align-items:center;gap:.25rem;padding:.5rem}.navbar .prompter textarea{min-width:100%;max-width:100%;min-height:200px}.navbar .prompter .info{max-width:255px}.navbar .prompter .navbar_popup{position:absolute;transform:translateY(-60%) translate(-350px);background:var(--input-field-primary);border-radius:.5rem;z-index:100;height:35rem;padding:1rem;width:325px}.navbar .prompter .navbar_popup .suggestions-field{display:flex;flex-direction:column;gap:12px}.navbar .prompter .navbar_popup .suggestions-field .suggestions-header{display:flex;flex-direction:row;width:100%;justify-content:space-between}.navbar .prompter .navbar_popup .suggestions-field .suggestions-header button{margin:0}.navbar .prompter .navbar_popup .suggestions-field button{position:inherit;margin:0 auto}.navbar .prompter .navbar_popup .suggestions-field .result{max-height:19rem;overflow-y:auto;border-top:1px solid var(--stroke-tertiary);padding-top:12px}.navbar .prompter .navbar_popup .suggestions-field input[type=number]{width:100%;padding:.5rem;background:var(--input-field-secondary);color:var(--text-color);border:1px solid var(--stroke-tertiary);border-radius:var(--Cornerradiusmedium)}.navbar .prompter .navbar_popup .suggestions-field .generate-btn{background:var(--Surface-brand);width:fit-content;padding:.5rem 1rem}.navbar .prompter .arrow{position:absolute;top:50%;width:20px;height:20px;transform:translateY(-25vh) translate(-35px) rotate(45deg);background:var(--input-field-primary);z-index:110}.navbar .prompter .slider{display:flex;flex-direction:column}.navbar .prompter .slider *{padding:.5rem 0}.navbar .prompter .slider .label{color:var(--Surface-brand);font-family:Source Code Pro,monospace;left:-5px;font-size:.75rem;font-weight:100}.navbar .prompter .slider input{accent-color:var(--Surface-brand);height:15px}.navbar .prompter .slider datalist{display:flex;flex-direction:row;justify-content:space-between;padding:.2rem}.navbar .prompter .settings{display:flex;flex-direction:column;border:1px solid var(--stroke-primary);font-size:.9rem;border-radius:.5rem;background:var(--settings-dropdown-bg)}.navbar .prompter .settings .dropdown-module{width:100%}.navbar .prompter .settings .dropdown-btn{width:100%;border:1px solid var(--stroke-tertiary)}.navbar .prompter .settings .dropdown{border:1px solid var(--stroke-tertiary)}.navbar .prompter .settings textarea{margin-top:0;border:1px solid var(--stroke-tertiary)}.navbar .prompter .settings .settings-label{font-weight:400;display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;padding:1rem}.navbar .prompter .settings .settings-field{padding:0 1rem 1rem}.navbar .prompter .settings .settings-field *{margin-bottom:.5rem}.navbar .prompter .settings .settings-field :last-child{margin-bottom:0}.navbar .prompter .settings button{width:auto;border:none}.navbar .prompter .settings .not-expanded{display:none}.navbar .prompter .generate-btn{width:100%;font-size:1rem}.navbar .prompter a{padding:.5rem;text-align:center;text-decoration:none}.clickbox{display:flex;flex-direction:column;gap:12px}.clickbox .click-card-area{display:grid;width:90%;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));grid-gap:10px;margin:0 auto}.clickbox .click-card-area .click-card img{padding:3px;width:75px;height:75px;border-radius:var(--Cornerradiuslarge)}.clickbox .click-card-area .click-card img:hover{background-color:var(--Surface-tertiary)}.clickbox .click-card-area .click-card img.active{background-color:var(--Surface-brand)}.clickbox .click-card-area .click-card p{font-size:12px;width:75px;font-weight:400;line-height:.875rem;text-align:center}.small-switch{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;padding:0 4px;gap:8px}.small-switch p{font-size:12px;font-weight:400}.small-switch .switch{position:relative;display:inline-block;width:30px;height:17px;background:var(--icon-inactive)}.small-switch .switch input{opacity:0;width:0;height:0}.small-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;-webkit-transition:.4s;transition:.4s;border-radius:17px}.small-switch .slider:before{position:absolute;content:"";height:12px;width:12px;left:2.5px;bottom:2.5px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.small-switch input:checked+.slider{background-color:var(--Surface-brand)}.small-switch input:focus+.slider{box-shadow:0 0 1px var(--Surface-brand)}.small-switch input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translate(13px)}.translated-text{font-size:12px;font-weight:400;width:275px;padding:0 4px;font-style:italic;margin-top:4px;color:var(--button-secondary-text)}.translated-text:before{content:'"'}.translated-text:after{content:'"'}.animate-spin{animation:spin 1s linear infinite}.filter{display:flex}.filter .filter-box{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;padding:0;gap:12px}.filter .filter-box input{border-radius:var(--Cornerradiusmedium);background:var(--input-field-primary);display:flex;flex-direction:row;align-items:center;padding:8px;gap:10px;color:var(--text-primary);font-weight:400;font-size:12px;border:1px solid var(--stroke-tertiary)}.filter .filter-box input::placeholder{color:var(--text-inactive);opacity:1}.pagination{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:2rem;margin-top:24px;padding-top:12px}.pagination .first{grid-column:1;justify-self:end}.pagination .middle{grid-column:2;justify-self:center}.pagination .last{grid-column:3;justify-self:start}.pagination button{padding:4px 16px;gap:4px;background:var(--button-secondary-bg);font-size:.7rem;color:var(--text-primary)}.switch{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:var(--input-field-primary);border-radius:40px;padding:2px;margin-top:.5rem;cursor:pointer}.switch div{width:100%;text-align:center;color:var(--text-primary);border-radius:40px;font-size:14px;font-weight:400;line-height:15.08px;padding:2px 12px;display:flex;flex-direction:row;height:24px;align-items:center;justify-content:center}.switch div p{flex-grow:1;white-space:nowrap}.switch div .icon{padding:0}.switch div.active{background:var(--bg-primary)}.switch div.active p{padding-right:12px}.history-area{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:24px 0 0;gap:36px}.history-area .history-image{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;max-width:800px}.history-area .history-image .image-area{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px}.history-area .history-image .image_card{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:0;grid-row-gap:0;width:250px}.history-area .history-image .image_card .image_card_low_bar{grid-area:4/1/5/4;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;gap:4px;padding:6px 8px;opacity:0}.history-area .history-image .image_card .visible{opacity:1!important}.history-area .history-image .image_card .comment_area{animation:.5s ease-out 0s 1 slideIn;z-index:100;min-height:revert;display:flex;flex-direction:column;min-width:inherit;flex-grow:1;margin-left:-7px;align-items:flex-end}.history-area .history-image .image_card .comment_area button,.history-area .history-image .image_card .comment_area .icon{position:absolute;width:18px;border:transparent;background-color:transparent;margin-right:6px;margin-top:-12px}.history-area .history-image .image_card .comment_area textarea{margin-top:-25.5px;height:27px;min-width:inherit;width:100%;min-height:revert;padding:3.5px;resize:none;border:1px solid var(--stroke-secondary);border-left:none;border-radius:0 4px 4px 0;background:var(--modal-bg-primary)}.history-area .history-image .image_card .comment_area textarea:active,.history-area .history-image .image_card .comment_area textarea:focus{outline:none}.history-area .history-image .image_card .comment_area.remove{animation:.5s ease-out 0s 1 remove}.history-area .history-image .image_card .comment_area.remove .icon{opacity:0}.history-area .history-image .image_card:hover .dropdown-module__mini,.history-area .history-image .image_card:hover .image_card_low_bar{opacity:1}.history-area .history-image .image_card a{grid-area:1/1/5/4}.history-area .history-image .image_card img{border-radius:var(--Cornerradiusmedium);height:100%}@keyframes remove{0%{flex-grow:1}to{flex-grow:0;width:0}}@keyframes slideIn{0%{flex-grow:0;width:0}to{flex-grow:1}}.taglist{display:flex;gap:8px;font-size:12px}.taglist *{padding:2px 8px;border-radius:var(--Cornerradiusmedium)}.taglist .tag1,.taglist .tag2{background:var(--tag-bg)}.horizontal-layout{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between}.modal{height:100vh;position:absolute;top:0;left:0;right:0;bottom:0;width:100vw;background-color:#00000080;border:none;z-index:100;display:flex;justify-content:center;align-items:center}.modal .context-menu{position:fixed;display:flex;flex-direction:column;gap:8px;max-height:90%;padding:16px;border-radius:var(--Cornerradiuslarge);background:var(--bg-primary)}.modal .context-menu__header{display:flex;justify-content:space-between}.modal .context-menu__header h4{padding:0 0 10px;font-weight:600;font-size:16px}.modal .context-menu__header .remove-btn{z-index:100;margin:0}.modal .context-menu__content{display:flex;flex-direction:column;gap:16px;height:500px;width:200px}.modal .context-menu__content .textfield{flex-grow:1}.modal .context-menu__content .textfield textarea{background:var(--input-field-primary);height:100%;width:100%;resize:none}.modal .context-menu img{max-width:800px;max-height:600px;border-radius:var(--Cornerradiusmedium)}.modal .context-menu .inpainting-area{display:grid}.modal .context-menu .inpainting-area img{padding:0}.modal .context-menu .inpainting-area canvas{z-index:10;opacity:.2}.modal .context-menu .inpainting-area canvas,.modal .context-menu .inpainting-area img{grid-column:1;grid-row:1}.modal .context-menu .outpainting-area{display:flex;flex-direction:row;gap:16px}.modal .context-menu .outpainting-area h5{padding:0 20px;font-weight:600;font-size:13px}.modal .context-menu .outpainting-area .right-menu{width:12rem;border-radius:var(--Cornerradiusmedium);background-color:var(--modal-bg-tertiary);display:flex;flex-direction:column;padding:8px 0}.modal .context-menu .outpainting-area .right-menu .button-container{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:8px 16px 12px;border-bottom:1px solid var(--stroke-quaternary)}.modal .context-menu .outpainting-area .right-menu .button-container button{width:100%;font-size:14px;display:flex;justify-content:flex-start;padding:6px;gap:6px;color:var(--text-primary);background-color:var(--input-control-panel)}.modal .context-menu .outpainting-area .right-menu .button-container button div{width:18px;height:18px}.modal .context-menu .outpainting-area .right-menu .button-container button.active{background-color:var(--Surface-brand);color:#f7f7f7}.modal .context-menu .outpainting-area .right-menu .button-container button.active svg{--icon-primary: #f7f7f7}.modal .context-menu .outpainting-area .right-menu .generate-btn,.modal .context-menu .outpainting-area .right-menu .light-btn{width:80%;margin:24px auto 0;display:flex;justify-content:center;align-items:center}.modal .context-menu .outpainting-area .right-menu .generate-btn:hover img,.modal .context-menu .outpainting-area .right-menu .light-btn:hover img{filter:brightness(0) saturate(100%) invert(38%) sepia(97%) saturate(2819%) hue-rotate(176deg) brightness(97%) contrast(101%)}.modal .context-menu .outpainting-area .right-menu .format-info{padding:12px 0;border-bottom:1px solid var(--stroke-quaternary)}.modal .context-menu .outpainting-area .right-menu .format-info .custom-formats{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:8px 20px}.modal .context-menu .outpainting-area .right-menu .format-info .custom-formats *{font-size:12px;font-weight:600}.modal .context-menu .outpainting-area .right-menu .format-info .custom-formats .icon-button{width:20px;height:20px;padding:0}.modal .context-menu .outpainting-area .right-menu .format-info .custom-formats .icon-button:hover{background-color:transparent}.modal .context-menu .outpainting-area .right-menu .format-info .custom-formats span{border-radius:var(--Cornerradiusmedium);color:var(--text-color);background-color:var(--input-control-panel);padding:6px;border:1px solid var(--stroke-primary)}.modal .context-menu .outpainting-area .right-menu .format-info .custom-formats span input{background-color:transparent;width:2rem;text-align:center;border:none}.modal .context-menu .outpainting-area .right-menu .format-info .custom-formats span input:focus{outline:none}.modal .context-menu .outpainting-area .right-menu .format-info .custom-formats span input::-webkit-outer-spin-button,.modal .context-menu .outpainting-area .right-menu .format-info .custom-formats span input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal .context-menu .outpainting-area .right-menu .format-info .custom-formats span input[type=number]{-moz-appearance:textfield}.modal .context-menu .outpainting-area .right-menu .format-info .custom-formats span.inactive{color:var(--text-inactive);margin-bottom:12px}.modal .context-menu .outpainting-area .right-menu .format-info .custom-formats span.inactive *{color:var(--text-inactive)}.modal .context-menu .outpainting-area .left-area{max-width:850px;min-width:850px;display:flex;flex-direction:column;gap:16px}.modal .context-menu .outpainting-area .left-area .outpainting-background{border-radius:var(--Cornerradiusmedium);display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;min-height:600px}.modal .context-menu .outpainting-area .left-area .outpainting-background img{position:absolute;max-height:600px;max-width:850px;border-radius:0;-webkit-user-select:none;user-select:none}.modal .context-menu .outpainting-area .left-area .outpainting-background .corner-top-left,.modal .context-menu .outpainting-area .left-area .outpainting-background .corner-top-right,.modal .context-menu .outpainting-area .left-area .outpainting-background .corner-bottom-left,.modal .context-menu .outpainting-area .left-area .outpainting-background .corner-bottom-right{position:fixed;z-index:20;width:20px;height:20px;background-color:#fff;border:1px solid var(--stroke-secondary)}.modal .context-menu .outpainting-area .left-area .outpainting-background .corner-top-left,.modal .context-menu .outpainting-area .left-area .outpainting-background .corner-bottom-right{cursor:nwse-resize}.modal .context-menu .outpainting-area .left-area .outpainting-background .corner-top-right,.modal .context-menu .outpainting-area .left-area .outpainting-background .corner-bottom-left{cursor:nesw-resize}.modal .context-menu .outpainting-area .left-area .outpainting-background canvas{max-height:600px;max-width:850px}.modal .context-menu .outpainting-area .left-area .outpainting-background canvas:active{cursor:grabbing}.modal .context-menu .outpainting-area .left-area .textarea-container{height:44px}.modal .context-menu .outpainting-area .left-area .textarea-container .info-pop{z-index:10;position:relative;display:flex;align-items:stretch;justify-content:center;gap:12px;padding:8px 8px 2px;gap:8px;border-radius:5px;background:var(--Surface-brand);color:#fff;font-size:12px;width:460px;top:-110px;margin:2px auto;--icon-primary: #f7f7f7}.modal .context-menu .outpainting-area .left-area .textarea-container .info-pop.hidden{display:none}.modal .context-menu .outpainting-area .left-area .textarea-container textarea{color:var(--text-primary);height:44px;display:flex;width:849.898px;padding:14px;align-items:center;gap:10px;flex-shrink:0;border-radius:5px;background:var(--input-field-primary);resize:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal .context-menu .outpainting-area .left-area .spin{animation:spin 1s linear infinite}textarea{color:var(--secondary-text-color)}.semibold{font-weight:600;font-size:14px;line-height:17.6px}.dropdown-module{position:relative;display:inline-block}.dropdown-module__mini{grid-area:1/1/2/2;opacity:0}.dropdown-module__mini .dropdown-btn{position:relative;min-width:inherit;width:fit-content;margin:6px;font-size:12px;line-height:15.08px;padding:2px 8px}.dropdown-module__mini .margin-layer{position:relative;margin:-8px 6px;background:transparent}.dropdown-module__mini .margin-layer .dropdown,.dropdown-module:hover .dropdown{display:block}.dropdown-btn{width:100%;padding:8px 12px;border-radius:var(--Cornerradiusmedium);background:var(--button-secondary-bg);border:none;margin-top:4px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:400;line-height:17.6px;text-align:left;color:var(--button-secondary-text)}.dropdown-btn:hover{background-color:var(--button-secondary-bg)}.margin-layer{padding-top:4px;background-color:transparent}.dropdown{display:none;position:absolute;min-width:160px;width:100%;z-index:1;background:var(--button-secondary-bg);border:1px solid var(--stroke-secondary);border-radius:var(--Cornerradiusmedium)}.dropdown p{color:var(--button-secondary-text);padding:12px 16px;font-size:14px;font-weight:400;line-height:17.6px;text-align:left;display:flex;gap:8px;align-items:center}.dropdown p:hover{background:var(--button-secondary-hover-bg)}.sidemenu{min-width:275px;max-width:275px;height:100vh;background-color:var(--sidemenu-bg-primary);font-weight:600}.sidemenu hr{margin:.75rem 1rem;background-color:var(--border-subtle);border:none;height:.0625rem}.sidemenu .sidemenu-header{display:flex;justify-content:space-between;align-items:center}.sidemenu .sidemenu-header .logo-container{display:flex;align-items:center}.sidemenu .sidemenu-header .logo-container h5{padding:1rem;font-family:Georgia;font-size:1rem;font-style:normal;font-weight:400;line-height:130%}.sidemenu.closed{min-width:56px;transition:min-width .3s ease;background-color:transparent}.sidemenu.closed.opening{animation:slideOpen .3s ease}.sidemenu.closed .logo-container{display:none}.sidemenu .nav-btn{border:none;border-radius:0;background:none;cursor:pointer;padding:0;width:100%;text-align:left;font-size:.875rem}.sidemenu .grid-container{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;padding:.75rem 0;padding-left:16px}.sidemenu .options{display:flex;flex-direction:column;padding:1rem 0}.sidemenu .options .tab{font-weight:400;padding:.75rem 1rem}.sidemenu .options .tab.active,.sidemenu .options .tab:hover{background:var(--sidemenu-bg-secondary);box-shadow:-130px 0 0 0 var(--sidemenu-bg-secondary)}.sidemenu .options .tab:hover{font-weight:400}.sidemenu .options .tab.active{font-weight:600}.sidemenu .options a,.sidemenu .options div{text-decoration:none;color:var(--text-primary);font-size:.875rem}.sidemenu .options .switch-container{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-right:1rem}.sidemenu .options .switch-container .switch{position:relative;display:inline-block;width:30px;height:17px;margin-top:0;background:var(--icon-inactive)}.sidemenu .options .switch-container .switch input{opacity:0;width:0;height:0}.sidemenu .options .switch-container .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;-webkit-transition:.4s;transition:.4s;border-radius:17px}.sidemenu .options .switch-container .slider:before{position:absolute;content:"";height:12px;width:12px;left:2.5px;bottom:2.5px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.sidemenu .options .switch-container input:checked+.slider{background-color:var(--secondary-text-color)}.sidemenu .options .switch-container input:focus+.slider{box-shadow:0 0 1px var(--secondary-text-color)}.sidemenu .options .switch-container input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translate(13px)}.sidemenu .options .icon{width:18px;height:18px}.sidemenu .icon-btn:focus,.sidemenu .icon-btn:active{outline:none!important;border:none}.sidemenu .icon-btn svg{margin:14px}@keyframes slideOpen{0%{max-width:0}to{min-width:275px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Source Sans Pro,serif;letter-spacing:-.005em;color:var(--text-primary)}:root{--Cornerradiusmedium: 4px;--Cornerradiuslarge: 8px;--Surface-brand: #0090D5;--Surface-brand-darker: #0575ac;--Surface-tertiary: #E8EBED}pre{text-wrap:wrap}.bar{display:flex;justify-content:space-between;align-items:center}textarea{border-radius:.5rem;padding:.5rem;border:none}.info{color:#a3a8b8;font-weight:400;line-height:1.6;font-size:.9rem}.error{width:100%;background:#ff00001a;border-radius:.5rem;padding:1rem;margin-top:1rem;font-weight:400}.error:before{content:"🚨  "}h2{font-size:calc(1.35rem + 1.2vw);line-height:1.2;padding:1rem 0px}body{background:var(--full-background);min-height:100vh;overflow:hidden}.blue{color:#0068c9}.markdown *{margin:.5rem 0;font-weight:400;line-height:1.4}.markdown ul{list-style-type:disc;padding-left:1rem}.markdown strong,.markdown b{font-weight:600}.markdown a{color:var(--Surface-brand)}.markdown h3{font-size:1.5rem;padding-top:1rem}.markdown h4{font-size:1.3rem}.markdown blockquote{margin:1em 0 1em -1px;padding:0 0 0 1.2em;font-size:1rem;border-left:1px solid rgb(230,234,241)}.markdown td{padding:6px 13px}.markdown .table{width:100%;border-collapse:collapse;border-spacing:0;margin:1rem 0}.markdown .table th,.markdown .table td{border-bottom:1px solid rgb(230,234,241);padding:.5rem;text-align:left}.loader{position:absolute;top:0;display:flex;flex-direction:row;align-items:center;margin-top:3.5rem}.loader .loader_animation{height:2rem;padding:0 1rem}.loader .loader_animation .inner_1,.loader .loader_animation .inner_2,.loader .loader_animation .inner_3{position:absolute;background:#f5f6f7;border:4.5px solid grey;border-style:double;outline:1.5px solid grey;outline-offset:-8px;height:2rem;width:2rem;border-radius:50%}.loader .loader_animation .inner_1{animation:inner_1 3s ease-in infinite backwards}.loader .loader_animation .inner_2{animation:inner_2 3s ease-in-out infinite backwards}.App{display:flex;flex-direction:row;width:100vw;height:100vh;overflow:hidden}@keyframes inner_2{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes inner_1{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}@media (max-width: 600px){.App{overflow:scroll;display:flex;flex-direction:column}.App .navbar{position:initial;height:auto}.App .sidemenu{order:0}.App .navbar{overflow-y:visible}.App .main{order:2;margin-left:0;padding:4rem 1.5rem;overflow-y:visible}.App .main .history-image .image_card{width:100%;padding:1rem 0}}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0);color:var(--text-primary)}25%{transform:translate(-5px);color:red}50%{transform:translate(5px);color:red}75%{transform:translate(-5px);color:red}}