@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.spinner{animation:spin .75s ease infinite;border:4px solid #0000001a;border-left-color:#7983ff;border-radius:50%;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}body,html{height:100%;overflow:hidden}.flex-wrap,aside,div,footer,header,main,nav{display:flex}.flex-wrap{flex-direction:column;height:100%;width:100%}.noflex{display:flex;flex:none}.center{align-items:center;display:flex;justify-content:center}.row{display:flex;flex-direction:row}.row-reverse{display:flex;flex-direction:row-reverse}.column{display:flex;flex-direction:column}.column-reverse{display:flex;flex-direction:column-reverse}.nopadding{padding:0}.nomargin{margin:0}.mainaxis-start{justify-content:flex-start}.mainaxis-center{justify-content:center}.mainaxis-end{justify-content:flex-end}.subaxis-start{align-items:flex-start}.subaxis-center{align-items:center}.subaxis-end{align-items:flex-end}.flex{flex:1 1}.hide{display:none}.fill{display:flex;height:100%}.fill,.wfill{width:100%}.hfill{height:100%}.bold{font-weight:700}button{align-items:center;background-color:#7580ff;border:1px solid #ccc;border-radius:7.5px;color:#fff;display:flex;font-family:Malgun Gothic,굴림,Gulim,Arial;font-weight:600;justify-content:center;padding:8px 16px;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#828dff;cursor:pointer;transform:scale(.96)}button:active{transform:scale(.85)}input[type=text]{border:1px solid #ccc;border-radius:7.5px;cursor:auto;padding:8px}input[type=checkbox]{border-radius:4px;height:18px;transition:background-color .3s ease,transform .2s ease;width:18px}input[type=checkbox]:hover{cursor:pointer;transform:scale(.9)}input[type=checkbox]:active{transform:scale(.85)}input[type=radio]{height:18px;transition:background-color .3s ease,transform .2s ease;width:18px}input[type=radio]:hover{cursor:pointer;transform:scale(.95)}input[type=radio]:active{transform:scale(.8)}a:hover{text-decoration:underline}.search{--padding:15px;align-items:center;background-color:#ddd;border-radius:30px;display:flex;flex-direction:row;padding-left:var(--padding);width:-webkit-max-content;width:max-content}.search input{background-color:initial;border:none;border-radius:0;flex:1 1;height:auto;padding:0}.search input:focus{outline:none}.search input::placeholder{color:#3b3b3b}.search .material-symbols-outlined{font-size:20px;margin:4px}#root{height:100%}.undraggable{cursor:default;-webkit-user-select:none;user-select:none}.box{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px #0000001a;padding:8px}.box,.tag{display:flex}.tag{background-color:#6e7fff;border:1px solid #ccc;border-radius:18px;color:#fff;font-size:14px;font-weight:700;margin-bottom:2px;margin-top:2px;padding:3px 16px}.tag:hover{background-color:#5064ff}.chartbox{transition:height .3s ease,flex .3s ease}div.text{color:#4a4a4a;font-family:Malgun Gothic,굴림,Gulim,Arial;font-size:32;font-weight:600;height:35px;margin:4px}.preview-upload{align-items:center;border:3px dashed #eee;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:90%;justify-content:center;transition:border-color .2s ease;width:100%}.preview-upload:hover{border-color:#111}.preview-upload.onfile{border-color:#8600a0}.animation-scale{transition:transform .3s ease}.material-symbols-outlined{font-size:inherit}.theme-light{--text-color:#000;--title-color:#091a2b;--field-color:#d0d4d6;--field-color-hover:#c6dfff;--icon-theme-color:#000;background-color:#f5f7f8}.theme-dark{--border-color:#767676;--text-color:#fff;--title-color:#b4b4ac;--field-color:#2f2f2f;--slot-color:#2f2f2f;--slot-hover-color:#535353;--slot-select-color:#3e414a;--icon-theme-color:#b4b5b8;--warn-color:#ec3936;--warn-background-color:#493535;--button-border-color:#686868;--button-color:#343435;--button-hover-color:#393939;background-color:#171717}body{font-family:NanumGothic,sans-serif;height:100%;width:100%}header{color:var(--title-color);font-size:24px;font-weight:700;margin:16px 16px 0}footer{height:35px;margin:0 16px 12px}a{background:none;border:none;color:inherit;cursor:pointer!important;outline:none}a,a:hover{text-decoration:none}button{background-color:var(--button-color);border-color:var(--button-border-color);height:30px;transform:scale(1);width:100%}button:hover{background-color:var(--button-hover-color);transform:scale(1)}.grid-container{display:grid;grid-template-rows:auto 1fr auto}.scrollbar::-webkit-scrollbar{cursor:auto;width:5px}.scrollbar::-webkit-scrollbar-thumb{background:#81818180;border-radius:2px}.scrollbar::-webkit-scrollbar-thumb:hover{background:#d48d27cc}.scrollbar::-webkit-scrollbar-track{background:#333030}.checkbox-container{align-items:center;color:#fff;cursor:pointer;display:inline-flex;font-size:22px;padding:4px 4px 4px 0;position:relative}.checkbox-container .checkbox{aspect-ratio:1/1;background-color:#3a3a3a;border:1px solid #7b7b7b;border-radius:4px;height:100%;margin-right:5px}.checkbox-container .checkbox-name{font-weight:500;height:100%}.theme-dark{--dropdown-background-color:#2f2f2f;--dropdown-hover-color:#373737;--dropdown-border-color:#424242;--dropdown-font-color:#fff;--dropdown-font-weight:450}.dropdown{cursor:default;display:inline-block;min-width:90px;position:relative;-webkit-user-select:none;user-select:none}.dropdown-header{align-items:center;background-color:var(--dropdown-background-color);border-radius:18px;color:var(--text-color);color:var(--dropdown-font-color);cursor:pointer;display:flex;font-size:20px;font-weight:var(--dropdown-font-weight);justify-content:space-between;padding:10px}.dropdown-header:hover{background-color:var(--dropdown-hover-color)}.dropdown-list{background-color:var(--dropdown-background-color);border:1px solid var(--dropdown-border-color);border-radius:14px;box-shadow:0 8px 16px #0003;color:var(--dropdown-font-color);font-size:20px;left:0;list-style-type:disc;list-style-type:none;margin-block-end:0;margin-block-start:.5em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0;position:absolute;top:100%;width:100%;z-index:1}.dropdown-item{border-radius:14px;cursor:pointer;font-weight:var(--dropdown-font-weight);height:15px;padding:10px}.dropdown-item:hover{background-color:#f1f1f124}.select-container{position:relative}.select-box{-webkit-appearance:none;appearance:none;background-color:var(--field-color);border:none;border-radius:20px;color:var(--text-color);cursor:pointer;font-size:20px;padding:0 30px 0 15px;width:100%}.select-container .icon-container{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;right:14px;width:5px}.popup-menu{background-color:var(--field-color);border:1px solid #444;border-radius:8px;box-shadow:2px 2px 1px #00000080;color:#fff;padding:6px;position:absolute;width:150px;z-index:100}.popup-menu p.title{font-weight:600;margin:4px}.popup-menu hr{border:none;border-top:1px solid var(--border-color);margin:8px auto;width:95%}.popup-menu-item{text-wrap:nowrap;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:500;margin:1px;overflow:hidden;padding:3px}.popup-menu-item:hover{background-color:#f1f1f124}.textarea-input-container{background-color:var(--field-color);border:1px solid #767676;border-radius:6px;margin:16px;resize:both}.textarea-input{background-color:initial;border-color:#0000;color:var(--text-color);font-size:18px;line-height:1.6;margin:16px;outline:none;resize:none}.textarea-output-container{background-color:var(--field-color);border:1px solid #767676;border-radius:6px;color:var(--text-color);margin:16px;overflow:none;position:relative;resize:both}.textarea-output{word-wrap:break-word;color:var(--text-color);flex:1 1;flex-wrap:wrap;font-size:18px;line-height:1.6;margin:16px;outline:none;overflow-y:auto;resize:none;word-break:break-all}.textarea-output .copy-button-container{bottom:20px;position:absolute;right:30px}.textarea-output .token-display-container{bottom:10px;color:grey;font-size:16px;left:10px;position:absolute}.textarea-textstyle pre{word-wrap:break-word;font-family:inherit;font-size:1em;margin:0;resize:none;white-space:pre-wrap}.textarea-textstyle p{color:#929498;margin-bottom:16px;margin-top:0}.markdown{--normal:#929498;--think:#eda355;--say:#fff;--accent:#b1dee8;display:flex;flex-direction:column}.markdown p{color:var(--normal);margin-bottom:16px;margin-top:0}.markdown h2{margin:0}.markdown code{color:#b1dee8;margin-bottom:16px}.markdown ul{margin-bottom:4px;margin-top:4px}.markdown em{color:var(--think);margin-left:4px;margin-right:4px}.markdown .say{color:#fff}.markdown .accent{color:var(--accent)}.linebyline-container p.translation{color:#fff;margin:0}.linebyline-container p.original{margin:0 0 12px}.modal-background{background-color:#0006;height:100%;position:absolute;width:100%;z-index:5}.modal{max-height:80%}.modal,.setting-container{background-color:#2f2f2f;border:1px solid #767676;border-radius:8px;color:#fff;padding:12px;z-index:10}.setting-container{position:relative;width:250px}.modal h2{font-size:24px;margin:4px}.setting-container p{font-size:14px;margin:0;padding:0}.setting-container .section{margin:4px 0}.setting-container input.full{width:auto}.setting-container input.small{width:35px}.modal-close-button{font-size:32px}.history-modal{height:70%;width:80%}.history{cursor:pointer;margin:2px;padding:6px;transition:background-color .2s}.history:hover{background-color:#292929;border-radius:12px}.history p{margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info{color:#9b9b9b;height:40px}.config-modal{height:70%;width:80%}.modal .textplace{background-color:var(--field-color);border:1px solid #767676;border-radius:6px;color:var(--text-color);margin:0!important;min-height:25px;overflow-y:auto;padding:8px;resize:none}p.config-name{font-size:1.2em;font-weight:700;margin:24px 0 12px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.textplace pre{word-wrap:break-word;font-size:1em;margin:0;resize:none;white-space:pre-wrap}p.history-input{color:#fff}p.history-output{color:#bbb}.prompt-slots-container{padding-right:16px}.prompt-slot{aspect-ratio:1/1;background-color:var(--slot-color);border:1px solid #767676;border-radius:6px;color:var(--text-color);cursor:pointer;font-size:18px;font-weight:700;line-height:1.6;margin-left:4px;position:relative;transition:background-color .3s ease}.prompt-slot.selected{background-color:var(--slot-select-color)}.prompt-slot:hover{background-color:var(--slot-hover-color)}.prompt-slots-context-menu{background-color:var(--field-color);border:1px solid #444;border-radius:8px;box-shadow:2px 2px 1px #00000080;color:#fff;position:absolute;z-index:100}.menu-item{text-wrap:nowrap;border-radius:8px;cursor:pointer;font-weight:600;margin:1px;overflow:hidden;padding:3px;width:150px}.menu-item span{margin-right:4px}.menu-item:hover{background-color:#f1f1f124}.menu-item.red{color:var(--warn-color)}.prompt-slot-tooltip{background-color:var(--field-color);border:1px solid #444;border-radius:8px;box-shadow:2px 2px 1px #00000080;color:#fff;font-size:14px;font-weight:400;padding:8px;position:absolute;white-space:nowrap;width:auto;z-index:5}.left-section,.right-section{display:flex;flex:1 1}.seperate-section{display:flex;flex:none;width:48px}.fontstyle{font-family:NanumGothic,sans-serif}.block{display:block}.clickable{cursor:pointer}img.rotate{animation:rotateImage 1.2s ease infinite}#copy-button{cursor:pointer;transform:scale(.9);transition:transform .3s ease}#copy-button:hover{cursor:pointer;transform:scale(1)}#copy-button:active{cursor:pointer;transform:scale(.8)}@keyframes rotateImage{0%{transform:rotate(0deg) scale(1.1)}to{transform:rotate(1turn) scale(1.1)}}.button-theme-change{color:#fff;font-size:30px}.icon-button-container{height:40px;width:40px}.icon-clickable-animation{color:var(--icon-theme-color);cursor:pointer;font-size:1em;transform:scale(1);transition:font-size .3s ease}.icon-clickable-animation:hover{font-size:1.1em}.icon-clickable-animation:active{font-size:.9em}.clickable-animation{cursor:pointer;transform:scale(1);transition:transform .3s ease}.clickable-animation:hover{transform:scale(1.1)}.clickable-animation:active{transform:scale(.9)}.textplace{background-color:var(--field-color);border:1px solid #767676;border-radius:6px;color:var(--text-color);margin:16px;overflow:none;resize:both}.warning{color:#c26f6f!important}.warning-display-container{bottom:30px;color:#c26f6f!important;font-size:16px;left:10px;position:absolute}.seperate-section-width,.seprate-section{width:48px}#submit-button{cursor:pointer;transform:scale(1.2);transition:transform .3s ease}#submit-button:hover{cursor:pointer;transform:scale(1.3)}#submit-button:active{cursor:pointer;transform:scale(1.1)}.span-button-container{position:relative}#markdown-button{color:#5b7ea9}.span-button{color:#fff}.span-button.selected{color:#5b7ea9}.span-button{cursor:pointer;position:absolute;transition:font-size .3s ease,color .2s ease}.span-button:hover{font-size:1.1em}.span-button:active{font-size:.8em}.button-red{color:var(--warn-color)}.button-red:hover{background-color:var(--warn-background-color)}.button-red:active{transform:scale(.95)}.shadow{box-shadow:0 .5px 4px #0003}