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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-color:#f7f5f2;--text-color:#4a4a4a;--text-inverse-color:#e4e4e4;--sidebar-bg:#eae7dc;--sidebar-border:#d6d1c4;--about-bg:#dfd4ae;--shadow-color:#0000000d;--overlay-negative-color:#dd1313;--overlay-positive-color:#016d01;--overlay-default-color:#e1e1df;--border-selected-color:#cec32c;--border-default-color:#e3e3ecef;--button-selected-color:#7f005d;--button-unselected-color:#5b4c57;--context-color:#f1e7ef;--user-message-color:#7f005d;--bot-message-color:#3c052d;--message-title-color:#b49eae}body{background-color:#f7f5f2;background-color:var(--bg-color);color:#4a4a4a;color:var(--text-color);display:flex;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100vh;margin:0}.sidebar{background:#eae7dc;background:var(--sidebar-bg);border-right:1px solid #d6d1c4;border-right:1px solid var(--sidebar-border);box-shadow:2px 0 5px #0000000d;box-shadow:2px 0 5px var(--shadow-color);box-sizing:border-box;height:100vh;position:fixed;width:25%}.config{height:100%;overflow-y:auto;padding:20px}.main-area{height:100vh}.main-area,.main-content{box-sizing:border-box;overflow-y:auto;padding:10px;position:fixed;right:0;width:75%}.main-content{height:91vh}.about{bottom:0;color:#4a4a4a;color:var(--text-color);font-size:14px;left:50%;line-height:1.5;padding-bottom:10px;padding-left:5px;position:absolute;transform:translateX(-50%);width:96%}.task-selection-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:10px;padding:20px}.image-selection-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:20px}.context-image-button{border:4px solid #5b4c57;border:4px solid var(--button-unselected-color);border-radius:9px}.context-image-button img{border-radius:5px;cursor:pointer;height:100%;width:100%}.context-image-button:hover{cursor:pointer;transform:scale(1.05)}.context-image-button.selected{border:4px solid #7f005d;border:4px solid var(--button-selected-color)}.text-selection-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(1,1fr);margin-top:20px}.context-text-button,.prompt-button,.task-button{background-color:#5b4c57;background-color:var(--button-unselected-color);border:0;border-radius:6px;color:#e4e4e4;color:var(--text-inverse-color);cursor:pointer;font-size:14px;font-weight:400;padding:10px 16px;transition:background-color .1s ease-in-out,color .1s ease-in-out}.prompt-button{text-align:left}.context-text-button.selected,.prompt-button.selected,.task-button.selected{background-color:#7f005d;background-color:var(--button-selected-color)}.context-text-button:hover,.prompt-button:hover,.task-button:hover{cursor:pointer;transform:scale(1.05)}.image-container{border:3px solid #7f005d;border:3px solid var(--user-message-color);border-radius:15px;border-bottom-right-radius:0;flex-wrap:wrap;height:auto;margin:10px 10px 10px auto;max-width:60%;padding:5px 10px;width:fit-content}.grid-container{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(4,1fr);height:80%;justify-content:center;margin:0 auto;padding-bottom:5%;padding-top:2%;width:90%}.patch{display:inline-block;position:relative}.patch:hover{cursor:pointer;transform:scale(1.05)}.patch img{border:2px solid #e3e3ecef;border:2px solid var(--border-default-color);border-radius:3px;display:block;height:auto;transition:border .3s ease-in-out,transform .3s ease-in-out;width:90%}.patch-overlay{border:2px solid #0000;bottom:0;left:0;pointer-events:none;top:0;transition:background-color .3s ease-in-out;width:90%}.patch-overlay,.patch-text{border-radius:3px;position:absolute}.patch-text{background-color:#e3e3ecef;background-color:var(--border-default-color);color:#000;font-size:12px;font-weight:700;left:40%;margin:5px;padding:5px;text-align:center;top:40%;transform:translate(-50%,-50%);transition:color .3s ease-out;-webkit-user-select:none;user-select:none;z-index:2}.text-container{align-self:flex-end;border:3px solid #7f005d;border:3px solid var(--user-message-color);border-radius:15px;border-bottom-right-radius:0;display:flex;flex-wrap:wrap;margin:10px 10px 10px auto;max-width:90%;padding:5px 10px;width:fit-content}.token-wrapper{align-items:center;display:flex;flex-direction:column;position:relative}.token-text{color:gray;display:block;font-size:13px;font-size:12px;height:14px;margin-bottom:-5px;text-align:center;transition:color .3s ease-out;width:100%}.inline-token{background-color:#e3e3ecef;background-color:var(--border-default-color);border:3px solid #e3e3ecef;border:3px solid var(--border-default-color);border-radius:6px;display:inline-block;font-size:14px;margin:5px 2px;padding:4px 3px;transition:background-color .2s ease-in-out;-webkit-user-select:none;user-select:none}.inline-token:hover{cursor:pointer;transform:scale(1.05)}.bot_message,.user_message{word-wrap:break-word;border-radius:15px;font-size:14px;line-height:1.4;margin:10px;max-width:70%;padding:10px 15px;position:relative;width:fit-content}.user_message{align-self:flex-end;background-color:#7f005d;background-color:var(--user-message-color);border-bottom-right-radius:0;margin-left:auto}.bot_message,.user_message{color:#e4e4e4;color:var(--text-inverse-color)}.bot_message{align-self:flex-start;background-color:#3c052d;background-color:var(--bot-message-color);border-bottom-left-radius:0;margin-right:auto}.message_title{align-self:flex-start;color:#b49eae;color:var(--message-title-color);font-size:15px;font-weight:700;margin-bottom:5px;white-space:pre-line;width:100%}
/*# sourceMappingURL=main.e41d787c.css.map*/