assets/index-ZUOr6e5O.css

@charset "UTF-8";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{height:100svh;overflow:hidden;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--color-text-secondary) var(--color-background)}input,textarea{font-size:1rem}:root.radio-black{--color-background: #1f2937;--color-background-soft: #191b31;--color-background-mute: #22253f;--color-border: #374151;--color-border-hover: #22253f;--color-heading: var(--vt-c-text-light-1);--color-text: #f3f4f6;--color-text-secondary: #9ca3af;--color-button: linear-gradient(to bottom right, #f97316, #ea580c);--color-button-hover: #f97316;--color-button-text: white;--color-label: #e5e7eb;--color-disabled: WhiteSmoke}:root.radio-black .icon{filter:invert(1)}:root.radio-white{--color-background: white;--color-background-soft: #f9fafb;--color-background-mute: #e5e7eb;--color-border: #e5e7eb;--color-border-hover: #93c5fd;--color-heading: var(--vt-c-text-light-1);--color-text: #1f2937;--color-text-secondary: #9ca3af;--color-button: linear-gradient(to bottom right, #ffedd5, #fdba74);--color-button-hover: linear-gradient(to bottom right, #ffedd5, #fed7aa);--color-button-text: #ea580c;--color-label: #9ca3af;--color-disabled: WhiteSmoke;--color-tag-1: maroon;--color-tag0: dodgerblue;--color-tag1: firebrick;--color-tag2: maroon;--color-tag3: darkorchid;--color-tag4: darkgreen;--color-tag5: darkorange}:root.novellus{--color-background: #13152c;--color-background-soft: #191b31;--color-background-mute: #22253f;--color-border: #22253f;--color-border-hover: #22253f;--color-heading: var(--vt-c-text-light-1);--color-text: white;--color-text-secondary: #f5f3c2;--color-button: #f5f3c2;--color-button-hover: #f5f3c2;--color-button-text: #191b31;--color-label: #f5f3c2;--color-disabled: WhiteSmoke}:root.novellus .icon{filter:invert(1)}#app{width:100vw;height:100svh;margin:0;padding:0;font-weight:400;-webkit-user-select:none;user-select:none}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}strong{font-weight:700}@media (hover: hover){a:hover{background-color:#00bd7e33}}:root{--color-tag-1: red;--color-tag0: lightblue;--color-tag1: indianred;--color-tag2: red;--color-tag3: violet;--color-tag4: lightgreen;--color-tag5: orange}label{color:var(--color-label)}button{background:var(--color-button);color:var(--color-button-text);border:none;padding:5px 10px;border-radius:5px;font-weight:700}button:hover{background:var(--color-button-hover);cursor:pointer}button:disabled{background:var(--color-disabled);color:var(--color-background-mute);cursor:not-allowed;transition:background .5s}input,textarea{background-color:var(--color-background);color:var(--color-text);border:2px solid var(--color-border);border-radius:8px;box-sizing:border-box;margin:2px 0;padding:5px 10px;font-family:inherit}input::disabled,textarea::disabled{background:var(--color-background-mute);color:var(--color-disabled);transition:background .5s}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;outline:none;pointer-events:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:18px;background-color:var(--color-text-secondary);border:none;outline:3px solid var(--color-text-secondary);outline-offset:-1px;border-radius:2px;pointer-events:initial}input[type=range]:focus::-webkit-slider-thumb,input[type=range]:hover::-webkit-slider-thumb{background-color:var(--color-text);outline:3px solid var(--color-text)}.autocomplete-wrapper[data-v-52afce8d]{position:relative}.autocomplete-wrapper>*[data-v-52afce8d]{width:100%}.autocomplete-wrapper>textarea[data-v-52afce8d]{resize:none}.autocomplete-wrapper>ul.autocomplete[data-v-52afce8d]{list-style:none;position:absolute;width:fit-content;top:100%;left:0;padding:0;background:var(--color-background-soft);font-size:.9rem;border:1px solid var(--color-border);border-radius:10px;z-index:2;cursor:pointer}.autocomplete-wrapper>ul.autocomplete>li[data-v-52afce8d]{padding:6px}.autocomplete-wrapper>ul.autocomplete>li.selected[data-v-52afce8d],.autocomplete-wrapper>ul.autocomplete>li[data-v-52afce8d]:hover{background-color:var(--color-background-mute)}.autocomplete-wrapper>ul.autocomplete>li>div.tag-item[data-v-52afce8d]{display:flex;gap:0 10px;justify-content:space-between;align-items:flex-end}.autocomplete-wrapper>ul.autocomplete>li>div.tag-item sub[data-v-52afce8d]{font-size:.7rem;font-style:italic}.dropdown-wrapper[data-v-256b7644]{position:relative;background-color:var(--color-background);color:var(--color-text);border:2px solid var(--color-border);border-radius:8px;box-sizing:border-box;margin:2px 0}.dropdown-wrapper .dropdown-selected[data-v-256b7644]{display:flex;align-items:center;min-height:35px;height:100%;padding:5px 10px;font-family:inherit;cursor:pointer;font-size:1rem}.dropdown-wrapper .dropdown-selected[data-v-256b7644]:after{position:absolute;content:"▼";font-size:16px;right:10px;top:auto;bottom:auto;transition:all .2s}.dropdown-wrapper .dropdown-selected.open[data-v-256b7644]{outline:-webkit-focus-ring-color auto 1px}.dropdown-wrapper .dropdown-selected.open[data-v-256b7644]:after{transform:rotate(180deg)}.dropdown-wrapper .dropdown-selected[data-v-256b7644]:disabled{background:var(--color-background-mute);color:var(--color-disabled);transition:transform .5s}.dropdown-wrapper ul[data-v-256b7644]{list-style:none;position:absolute;top:100%;left:0;right:0;padding:0;margin:1px 0;background:var(--color-background-soft);font-size:.8rem;border:1px solid var(--color-border);border-radius:10px;z-index:2;cursor:pointer}.dropdown-wrapper ul>li[data-v-256b7644]{padding:6px}.dropdown-wrapper ul>li.selected[data-v-256b7644],.dropdown-wrapper ul>li[data-v-256b7644]:hover{background-color:var(--color-background-mute)}.generator-wrapper[data-v-eea5c227]{width:100%;height:100%;position:relative}.generator-wrapper>div[data-v-eea5c227]{padding:10px;overflow:auto;height:calc(100% - 45px)}.generator-wrapper[data-v-eea5c227]>*{width:100%}details[data-v-eea5c227]{background-color:#7773;padding:4px;border-radius:8px}details summary[data-v-eea5c227]{font-size:.8rem;font-weight:700}label[data-v-eea5c227]{font-size:1rem;font-weight:700;display:block}textarea[data-v-eea5c227]{resize:none;width:100%}.row[data-v-eea5c227]{display:flex;gap:20px;justify-content:space-between;align-items:center}.row>div[data-v-eea5c227],.row input[data-v-eea5c227]{width:100%}.size[data-v-eea5c227]{width:100%;display:flex;align-items:center}.size div[data-v-eea5c227]{min-width:28px;text-align:center}button.generate-button[data-v-eea5c227]{position:absolute;bottom:0;left:0;right:0;width:100%;height:45px;font-size:1.1rem;font-weight:700;border-radius:10px 10px 0 0}.settings-wrapper[data-v-1129fa47]{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:0 10%;border:2px solid var(--color-background-mute);border-radius:16px;background:var(--color-background-soft);padding:10px 3%}.settings-wrapper h1[data-v-1129fa47]{padding-top:12px;font-size:24px;line-height:36px;font-weight:bolder}.settings-wrapper sup[data-v-1129fa47],.settings-wrapper sub[data-v-1129fa47]{display:inline-block;color:var(--color-text-secondary);font-size:.8rem;font-style:italic}.settings-wrapper label[data-v-1129fa47],.settings-wrapper input[data-v-1129fa47]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-height:40px;height:40px}.settings-wrapper input[type=checkbox][data-v-1129fa47]{height:20px;max-height:20px}.settings-wrapper button[data-v-1129fa47]{margin:1px 0}.settings-wrapper span[data-v-1129fa47]{font-size:small}.settings-wrapper .section[data-v-1129fa47]{display:flex;flex-direction:column;width:100%}.settings-wrapper .row[data-v-1129fa47]{display:flex;justify-content:space-between;align-items:center}.settings-wrapper .row>*[data-v-1129fa47]:first-child{min-width:120px;width:60%}.settings-wrapper .row>*[data-v-1129fa47]:last-child{width:90px;height:40px}.settings-wrapper .row>input[data-v-1129fa47]:last-child{text-align:right}.settings-wrapper .row.reverse-size>*[data-v-1129fa47]:last-child{min-width:120px;width:60%;height:auto}.settings-wrapper .row.reverse-size>*[data-v-1129fa47]:first-child{min-width:auto;width:90px;height:40px}.settings-wrapper button.reset-button[data-v-1129fa47]{position:relative;background:red;height:40px;transition:background 2s ease-in-out;color:#fff}.settings-wrapper button.reset-button.pressing[data-v-1129fa47]{background:orange}header[data-v-acc5cb8a]{width:100%;height:30px;display:flex;justify-content:space-between;gap:10px;padding:1px 10px}header .icon[data-v-acc5cb8a]{cursor:pointer}header .left[data-v-acc5cb8a]{display:flex;width:80%;overflow-x:auto}header .left h1.title[data-v-acc5cb8a]{font-size:24px;line-height:24px;font-weight:bolder}header .left button[data-v-acc5cb8a]{width:95px}header .left .icon[data-v-acc5cb8a]{width:24px;object-fit:contain;margin-bottom:8px}header .right[data-v-acc5cb8a]{display:none;width:24px;text-align:right}main[data-v-acc5cb8a]{width:100%;height:calc(100% - 30px);display:flex;justify-content:space-between;align-items:stretch}.generator[data-v-acc5cb8a]{min-width:400px;max-width:450px;width:30%;height:100%;overflow-y:auto;z-index:2;background-color:var(--color-background-soft)}.generator .generator-slider[data-v-acc5cb8a]{display:none;text-align:center;padding:0;background:var(--color-background-soft);width:100%;height:35px;z-index:1}.generator .generator-slider>span[data-v-acc5cb8a]{vertical-align:middle}.preview[data-v-acc5cb8a]{flex:1;padding:2rem;display:flex;justify-content:center;align-items:center}.preview img.preview-image[data-v-acc5cb8a]{max-width:100%;max-height:100%;object-fit:contain}.preview.generating[data-v-acc5cb8a]{animation:generating-acc5cb8a 2s infinite}@keyframes generating-acc5cb8a{0%{box-shadow:0 0 0 100px #181818 inset,0 0 0 102px #fff0 inset}50%{box-shadow:0 0 0 -2px #181818 inset,0 0 #ffffff40 inset}to{box-shadow:0 0 0 -2px #181818 inset,0 0 #ffffff40 inset}}.sidebar[data-v-acc5cb8a]{min-width:var(--c14cd168);width:var(--c14cd168);max-width:var(--c14cd168);height:100%;overflow-y:scroll;overflow-x:hidden;z-index:1;background-color:var(--color-background-soft)}.sidebar .history[data-v-acc5cb8a]{display:flex;flex-direction:column-reverse;gap:10px;padding:3px}.sidebar .history>img[data-v-acc5cb8a]{cursor:pointer}.sidebar .history>img.selected[data-v-acc5cb8a]{outline:2px solid var(--color-text)}.modal[data-v-acc5cb8a]{position:fixed;bottom:0;left:0;width:100%;height:100%;background-color:#000a;transition:opacity .2s,visibility .2s;z-index:5}.modal>div[data-v-acc5cb8a]{margin:10% auto;width:80%;max-width:600px;max-height:80%;overflow:auto}.modal.shirink[data-v-acc5cb8a]{opacity:0;visibility:hidden}.toaster[data-v-acc5cb8a]{position:fixed;bottom:10%;left:10%;width:80%;padding:10px 2%;color:#fff;font-size:.8rem;text-align:center;background-color:#000a;border-radius:20px;transition:opacity 1s,visibility 1s;z-index:6}.toaster.shirink[data-v-acc5cb8a]{opacity:0;visibility:hidden}@media (max-width: 1280px){header .right[data-v-acc5cb8a]{display:initial}.sidebar-wrapper[data-v-acc5cb8a]{position:absolute;top:30px;bottom:0;right:0;height:calc(100% - 30px);overflow:hidden}.sidebar[data-v-acc5cb8a]{transition:transform .2s}.sidebar.shirink[data-v-acc5cb8a]{transform:translate(100%)}}@media (max-width: 900px){.generator[data-v-acc5cb8a]{position:fixed;bottom:0;min-width:100%;transition:height .2s;overflow:hidden}.generator.shirink[data-v-acc5cb8a]{height:80px}.generator.shirink[data-v-acc5cb8a] *{overflow:hidden!important}.generator .generator-component[data-v-acc5cb8a]{height:calc(100% - 35px)}.generator .generator-slider[data-v-acc5cb8a]{display:block}.preview[data-v-acc5cb8a]{min-width:100%}.sidebar-wrapper[data-v-acc5cb8a]{height:calc(100% - 110px)}}