#root{width:98%;max-width:1512px;margin:0 auto}*{position:relative;box-sizing:border-box}.wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;max-width:1512px;max-height:982px;aspect-ratio:1512/982;border-radius:35px;padding:30px 50px;box-shadow:0 20px 50px -25px #00000040}.logo{margin-bottom:25px}.preview{width:60%;padding-top:60%;overflow:hidden;display:flex;align-items:center;justify-content:center}.loading{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}.preview img{width:100%;position:absolute;top:0;left:0}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}@media (max-width: 1280px){#root{height:calc(100vh - 120px)}.wrapper{max-height:none;align-items:flex-start;height:100%}}.MainControlPanel{width:40%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:top;padding:10px 60px}.MainControlPanel hr{width:80%;border-top:1px solid #CAC4D0;margin-top:18px;margin-bottom:25px}.MainControlPanel .logo,.MainControlPanel .controls,.MainControlPanel .prompt-box,.MainControlPanel .result-box,.MainControlPanel button{flex:0 0 auto}.MainControlPanel .controls,.MainControlPanel .prompt-box{width:100%;margin-bottom:25px}.MainControlPanel .logo{max-height:90px}.MainControlPanel .controls{display:flex;flex-direction:column;align-items:flex-start;justify-content:top}.MainControlPanel .PromptPanel{width:100%;height:auto;overflow-y:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.MainControlPanel .prompt-box{border-radius:4px;border:1px solid #171219;padding:20px 8px 8px;height:100px}.MainControlPanel .prompt-box .prompt-label{position:absolute;top:0;transform:translateY(-50%);left:10px;background-color:#fff;padding:0 5px}.MainControlPanel .result-box{width:100%;margin-top:40px;height:-webkit-fill-available;min-height:200px;flex:0 1 100%;overflow-y:hidden;overflow-x:visible}.MainControlPanel .result-box h3{margin:0 0 13px;padding:0;text-align:left}.MainControlPanel .result-wrap{width:100%;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:14px;overflow-y:scroll;overflow-x:visible;height:calc(100% - 45px)}.MainControlPanel .result-wrap picture{opacity:.6;width:100px;height:100px;display:flex;align-items:center;justify-content:center;cursor:pointer}.MainControlPanel .result-wrap picture:hover{opacity:.9}.MainControlPanel .result-wrap picture.selected{opacity:1}.MainControlPanel .result-wrap picture img{border-radius:10px;width:80%}.MainControlPanel .result-wrap picture.selected img{width:100%;box-shadow:3px 3px 4px -2px #0003}.MainControlPanel textarea{background-color:#fff;color:#171219;border:none;width:100%;height:100%;margin:0;padding:0}.MainControlPanel input,.MainControlPanel select{background-color:#fff;border:1px solid #171219;color:#171219}.MainControlPanel input[type=checkbox]{background-color:#fff;-webkit-appearance:none;width:15px;height:15px;margin:0;vertical-align:middle}.MainControlPanel input:checked{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032.29%2032.29'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23231f20;}.cls-1,.cls-2{stroke-width:0px;}.cls-2{fill:%23fff;}%3c/style%3e%3c/defs%3e%3cg%20id='Layer_1-2'%3e%3crect%20class='cls-1'%20width='32.29'%20height='32.29'/%3e%3cpath%20class='cls-2'%20d='m13.21,25.36c-.38,0-.75-.14-1.02-.4l-5.9-5.51c-.6-.57-.64-1.51-.07-2.12.57-.6,1.51-.64,2.12-.07l4.72,4.41,11.46-14.17c.52-.64,1.47-.75,2.11-.22.64.52.74,1.47.22,2.11l-12.47,15.43c-.26.32-.65.52-1.06.55-.04,0-.07,0-.1,0Z'/%3e%3c/g%3e%3c/svg%3e");color:#fff}.MainControlPanel button:disabled{background-color:#d3d3d3;color:#fff;cursor:not-allowed}.NavTabs{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:center}.NavTabs .nav-item{flex-basis:1;flex-grow:1;flex-shrink:1;border:1px solid #171219;margin:0;padding:10px 0;cursor:pointer}.NavTabs .nav-item.selected{color:#fff;font-weight:700;background-color:#bf0e12}.NavTabs .nav-item.disabled{color:#d3d3d3;border:1px solid #d3d3d3;cursor:not-allowed}.NavTabs .nav-item p{margin:0;padding:0}.HistoryPanel{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;gap:20px}.HistoryPanel .history-header{width:100%;justify-content:end;display:flex;margin-bottom:20px;padding-right:10px;gap:10px}.HistoryPanel .item-wrapper{overflow-y:scroll;overflow-x:visible;display:flex;flex-direction:column;gap:10px}.HistoryPanel .history-item{width:100%;height:110px;border:1px solid #171219;padding:10px;display:flex;gap:7px}.HistoryPanel .history-item.selected{border:3px solid #bf0e12}.HistoryPanel .history-item picture{height:100%;aspect-ratio:1/1}.HistoryPanel .history-item picture img{width:100%;height:100%;object-fit:cover}.HistoryPanel .history-item .title{font-size:16px;margin:0 0 5px;color:#171219}.HistoryPanel .history-item .copy{font-size:12px;color:#87909e;margin:0;text-align:center}.HistoryPanel .history-item .ref-prompt{flex:1}.HistoryPanel .history-item .ref-prompt .title,.HistoryPanel .history-item .ref-prompt .copy{text-align:left}.LoadingIndicator{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0009}.LoadingIndicator h2,.LoadingIndicator h3{color:#fff;margin:0;text-align:center}.LoadingIndicator h2{margin-left:-10px}.LoadingIndicator h2 span{position:absolute}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#171219;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#f3c01b;text-decoration:inherit}a:hover{color:#f3c01b}body{margin:0;display:flex;align-items:flex-start;justify-content:center;min-width:320px;min-height:100vh;padding:50px 0}h1{font-size:3.2em;line-height:1.1}button{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#171219;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#f3c01b;color:#f3c01b}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*::-webkit-scrollbar{width:12px}*::-webkit-scrollbar-track{background-color:#fff0}*::-webkit-scrollbar-thumb{border-radius:10px;background-color:#f3c01b;border-left:3px solid #ffffff;border-right:3px solid #ffffff}*{scrollbar-color:#F3C01B #ffffff00;scrollbar-width:thin}