.popup,body{font-family:Arial,Helvetica,sans-serif}body,html,textarea{scrollbar-width:none;-ms-overflow-style:none}.load,.text_area{box-sizing:border-box}#detail,#group,header{display:flex}footer,header{background-color:#0277bd;position:fixed}#dictate,#role,#submit{background-color:#bbdefb}#delete,#div_type,#narrate,#tiktoken,input[type=text]{background-color:#d3d3d3}#reset,#submit{width:110px;margin:0 0 20px;padding:10px 30px;vertical-align:middle}#reset,input:checked+#div_json,input:checked+#div_logit,input:checked+#div_scroll,input:checked+#div_stop,input:checked+#div_type,input:checked+#div_url{background-color:#f8bbd0}#narrate,#reset,#submit,#tiktoken{vertical-align:middle}#paste,footer,header{position:fixed}#paste,.popup,footer{padding:10px}#paste,#paste_area,.popup{background-color:#333}#paste_area,#select_model,.content,.detail{overflow:hidden}#orientation-lock,#paste_area,body{text-align:center}.counter,.tooltip-bubble,img{pointer-events:none}html{scroll-padding-top:94px;scroll-padding-bottom:108px}body,html{height:calc(100dvh -202px);overscroll-behavior:none}body::-webkit-scrollbar,html::-webkit-scrollbar{width:0;background:0 0}body{background-color:#1c87c9;margin:105px 0 0;padding:0 0 105px}body,button,input,select,textarea{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px}#orientation-lock{position:fixed;display:none;top:0;left:0;width:100dvw;height:100dvh;background:rgba(0,0,0,.9);color:#fff;font-size:24px;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .3s ease-in-out}#delete,.default{background-repeat:no-repeat;background-position:center}header{z-index:1000;top:0;left:0;width:100%;padding:0 0 10px;align-items:center;justify-content:center}img{width:300px;height:auto;margin:10px 0 0}.popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);visibility:hidden;z-index:1002;width:160px;color:#fff;font-size:20px;border-radius:6px;opacity:0}.checkbox,.content,.counter,.main-container{position:relative}#clipboard,.load{background-color:#e1bee7}.popup.show{visibility:visible;opacity:1;animation:1s 2s forwards popup-fade}.main-container{display:inline-block;width:80%;max-width:1024px;margin:10px 0 25px;padding:20px 20px 10px;border:1px solid #ddd;border-radius:.5em}.rotate-main{animation:2s ease-in-out forwards page-rotate;transition:background-color 1s ease-in-out;transform-origin:center}.textarea-container{min-height:192px;overflow:hidden;margin:-26px 0 0}textarea{transition:height .5s ease-in-out}textarea::-webkit-scrollbar{display:none}.counter{width:100%;margin:0 0 0 -6px;font-size:10px;text-align:right;color:#757575;opacity:0}#reset,#submit,select{color:#000}.expanded{height:98px}.collapsed{height:52px}#text_context{margin:0 0 10px}.text_area{resize:none;width:100%;padding:1rem;border-radius:.5em}select{appearance:none;border:0;outline:0;padding:1rem 4rem 1rem 1rem;border-radius:.5em;background-image:url("../images/select.png"),linear-gradient(to left,#e0f7fa 3em,#b2ebf2 3em);background-repeat:no-repeat;background-position:right .8em center,0 0;background-size:1.4em,auto;cursor:pointer}#clipboard,#dictate,.load{border:3px #000}option{color:inherit;background-color:#f5f5f5}#select_instruction{width:100%;margin:15px 0 6px;text-overflow:clip;white-space:normal;word-break:break-word}#select_model{width:320px;margin:5px 0 10px;white-space:nowrap;text-overflow:ellipsis}#group{margin:15px 0 10px;justify-content:center;gap:18px}#delete{background-image:url("../images/delete.png");cursor:not-allowed}#clipboard,#dictate,#layer,#role,.collapsible,.load,.switch{cursor:pointer}#layer{background-color:#b2ebf2;background-image:url("../images/layer_on.png");border:3px solid #000}.checkbox input,input[type=file]{display:none}#narrate,#reset,#submit,.checkbox,.hidden,.load,input[type=text]{display:inline-block}.load{background-image:url("../images/file.png")}#clipboard{background-image:url("../images/clipboard.png")}#role{background-image:url("../images/instruction.png")}#dictate{background-image:url("../images/dictate_off.png")}.default{width:40px;height:40px;padding:0;margin:0;border:none;border-radius:.75em;vertical-align:bottom}.collapsible{width:330px;margin:8px 0 5px;padding:10px 0 10px 28px;color:#000;background-color:#ffccbc;border:none;border-radius:.5em;outline:0}.detail span,.label,.paste_close,.range,hr{color:#fff}.collapsible:after{content:attr(data-text);float:right;margin:0 10px 0 5px;color:#455a64;font-weight:700}.content{min-width:calc(100% + 50px);left:-25px;max-height:0;margin:0 0 8px;background-color:transparent;transition:max-height .5s ease-out}.switch,footer{bottom:0;left:0}.checkbox{width:154px;height:34px}.switch{position:absolute;top:0;right:0;transition:.4s;border-radius:34px}#paste_area,.detail,.slider{position:relative}#div_type,#narrate,#tiktoken,.detail,input[type=text]{cursor:not-allowed}.hidden{margin:0 5px}#div_json,#div_logit,#div_scroll,#div_stop,#div_url{background-color:#fff9c4}.switch:before{position:absolute;content:"";left:2px;bottom:2px;width:24px;height:24px;background:radial-gradient(circle,#fff,#000);border:solid #263238;border-radius:50%;transition:.4s}input:checked+.switch:before{-webkit-transform:translateX(84px);-moz-transform:translateX(84px);transform:translateX(115px)}.busy,.switch:after{transform:translate(-50%,-50%)}.switch:after{position:absolute;display:block;top:50%;left:50%;font-size:14px}#div_url:after{content:"Set URL"}input:checked+#div_url:after{content:"Clear URL"}#div_type:after{content:"Page URL"}input:checked+#div_type:after{content:"Image URL"}#div_scroll:after{content:"Show Scroll"}input:checked+#div_scroll:after{content:"Hide Scroll"}#div_json:after{content:"Show JSON"}input:checked+#div_json:after{content:"Hide JSON"}#div_logit:after{content:"Set Logit"}input:checked+#div_logit:after{content:"Clear Logit"}#div_stop:after{content:"Set Stop"}input:checked+#div_stop:after{content:"Clear Stop"}input[type=text]{padding:12px 20px;border:1px solid #ccc;border-radius:.5em}#url_type{width:290px;margin:16px 0 20px}#logit_bias{width:235px;margin:16px 10px 20px 0}#stop_sequence{width:290px;margin:0 0 5px}#tiktoken{background-image:url("../images/tiktoken.png");border:3px #000}#detail{flex-wrap:wrap;flex-direction:column}.detail{display:inline-flex;font-weight:500;margin:-5px 0 10px;opacity:.3}#reset,#response_json,#response_text,#submit,.request_image,.slider{cursor:pointer}input[type=radio]{position:absolute;display:none}input[type=radio]:checked+span:before{box-shadow:inset 0 0 0 .4375em #37474f}.detail span{display:flex;align-items:center;padding:.375em .82em .375em .375em;border-radius:99em;transition:.25s}.detail span:before{display:flex;flex-shrink:0;content:"";background-color:#fff;width:1.5em;height:1.5em;border-radius:50%;margin-right:.375em;transition:.25s;box-shadow:inset 0 0 0 .125em #37474f}hr{width:320px}.hr1,.hr3{margin:15px auto 20px}.hr2{margin:0 auto 20px}.slider-container{display:inline-grid;grid-template-columns:60px 220px 60px;margin:15px 0 5px}.slider{--sliderCursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:220px;height:15px;border-radius:5px;background:#d3d3d3;outline:0}.request_image,.response_request_text{margin:10px 0 6px;padding:1rem;border-radius:.5em;display:none;width:100%;box-sizing:border-box}.request_image,.scroll{background-repeat:no-repeat;background-position:center;background-size:contain}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#fff;cursor:var(--sliderCursor)}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#fff;cursor:var(--sliderCursor)}#response_text{background-color:#ffffdf}#response_json{background-color:#fce4ec}#request_text_clipboard,#request_text_file{background-color:#e3f2fd}.response_request_text{overflow-x:hidden;font-size:18px;text-align:left;white-space:pre-wrap;word-break:break-word}.request_image{background-color:#b2dfdb}footer{display:flex;width:100%;height:108px;align-items:center;justify-content:center;box-sizing:border-box}#submit{border:none;border-radius:15px}#narrate{width:54px;height:54px;margin:0 30px 20px;border:3px #000;border-radius:2em;background-image:url("../images/narrate_start.png");background-repeat:no-repeat;background-position:center}#reset{border:none;border-radius:15px}#paste{display:none;top:50%;left:calc(50% - 55px);transform:translate(-50%,-50%) scale(0);transform-origin:center;width:150px;height:50px;border:none;border-radius:10px;opacity:0;transition:opacity .5s,transform .5s}#paste_area,.scroll{border:none;outline:0;cursor:pointer}#paste_area{width:100%;height:100%;resize:none;caret-color:transparent;line-height:1.2;padding-top:14px;box-sizing:border-box;font-family:sans-serif}#paste_area:empty::before{content:attr(data-placeholder);color:#fff;font-size:20px;display:block;text-align:center;pointer-events:none;white-space:pre-line}.paste_close{position:absolute;top:5px;right:10px;font-size:24px;cursor:pointer}#scroll_top{top:61%;background-image:url("../images/scroll_top.png")}#scroll_bottom{top:81%;background-image:url("../images/scroll_bottom.png")}.scroll{position:fixed;display:flex;z-index:1004;left:min(90vw,calc(50% + 512px));width:40px;height:40px;margin:0;padding:0;background-color:transparent;opacity:.1}.busy{display:none;z-index:1003;top:50%;left:50%;text-align:left;color:#1c4c5b}.busy:after{content:" ";border-radius:50%;border:6.4px solid #333;border-color:#333 transparent;animation:1.2s linear infinite busy-rotate}.busy,.busy:after{position:fixed;width:100px;height:100px}.tooltip-container{position:relative;display:inline-block}.tooltip-bubble{position:absolute;visibility:hidden;z-index:1001;bottom:calc(100% + 20px);left:50%;transform:translateX(-50%) scale(.5)!important;transform-origin:center bottom!important;width:140px;padding:10px;background-color:#333;color:#fff;border-radius:5px;font-size:20px;opacity:0;transition:opacity .3s,transform .3s;text-align:center}.tooltip-bubble::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #333}.tooltip-container:hover .tooltip-bubble{opacity:1;visibility:visible;transform:translateX(-50%) scale(1)!important}.tooltip-container.clicked .tooltip-bubble{opacity:0;visibility:hidden;transform:translateX(-50%) scale(.5)!important}@keyframes popup-fade{to{opacity:0}}@keyframes page-rotate{0%{transform:scale(1) rotateY(0) translate(0,0)}50%{transform:scale(.25) rotateY(180deg) translate(0,0)}100%{transform:scale(1) rotateY(360deg) translate(0,0)}}@keyframes busy-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}