@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/variable/pretendardvariable.css";:root{--Font-base: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, Helvetica Neue, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, sans-serif}body{font-family:var(--Font-base)}body{margin:0;padding:0}#app{left:0;top:0;position:fixed}.instance>*{position:absolute;top:0;left:0;right:0;bottom:0}#app>#drawnLayer,#app>#toolsArea{position:fixed;top:0;left:0;right:0;bottom:0}#app>#drawnLayer{z-index:10}#app>#toolsArea{z-index:11}#disup{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:20;transition:all .1s;opacity:1;background:#fff;border-radius:6px;border:1px solid black;box-shadow:4px 4px 4px #0000000d;padding:8px;display:flex;gap:.4rem;align-items:center;overflow:visible;width:max-content;max-width:80vw;flex-wrap:wrap}#disup.hide{opacity:0;pointer-events:none}#disup>*{z-index:21}#tools{display:flex}#tools>button{border-right:0px}#tools>button:last-child{border-right:1px solid #000}#tools>button,#disup>button{background-color:#fff;color:#000;border:1px solid #000;cursor:pointer;padding:3px;margin:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box}#disup>button.active,#tools>button.active{background-color:#000;color:#fff}.colorwrp{height:1.5rem;display:flex;justify-content:start;align-items:center;overflow:hidden;position:relative}.colorbtn{box-sizing:border-box;border-radius:9999px;background:red;cursor:pointer;height:1.5rem;width:3rem;max-width:1.5rem;transition:all .3s cubic-bezier(.165,.84,.44,1);border:.5px solid rgba(0,0,0,.5)}.colorwrp.focus>.colorbtn{max-width:3rem}.colorwrp>input{opacity:0;width:0px;height:0px;max-width:0px;max-height:0px;position:absolute;left:0;bottom:0;pointer-events:none;overflow:hidden}#pagition{display:flex;background:#fff;box-shadow:2px 2px 2px #0000000d;border:1px solid rgba(0,0,0,.2)}#pagition>button{background:transparent;border:none;outline:none;cursor:pointer}#strokes{display:flex;background:#fff;position:relative}.strkel{width:1.5rem;height:1.5rem;box-sizing:border-box;display:flex;justify-content:center;cursor:pointer}.stk{width:.5rem;height:1.5rem;border-radius:9999px;background:#000}.selstk{position:absolute;bottom:-6px;height:3px;width:1.5rem;border-radius:9999px;background:#186ef7;left:0;transition:all .2s cubic-bezier(.165,.84,.44,1)}.tool-button,.util-button{width:fit-content;min-width:fit-content;-webkit-user-select:none;user-select:none;transition:all .1s cubic-bezier(.165,.84,.44,1)}#cfg{position:absolute;left:-10px;top:50%;transform:translateY(-50%) translate(-100%);width:20px;height:20px;cursor:pointer;color:#fff;background:#000;padding:4px;border-radius:3px}#cfg>svg{width:100%;height:100%}.modalWRP{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000000000}.modalCTT{background-color:#fff;padding:20px;border-radius:8px;box-shadow:#0000001a 0 4px 8px;max-width:400px;width:90%;box-sizing:border-box;position:relative;max-height:90vh;overflow:auto}.stvb{margin-right:10px;padding:10px 20px;border:medium;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer;margin-top:.5rem}.stvb:last-child{background-color:#ccc;color:#000}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#192226;color:#fff;z-index:1000000000;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}#loading-ctt{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;margin:auto}#progress-bar{width:0%;height:30px;background-color:#82aaff;border-radius:5px;transition:all .2s cubic-bezier(.165,.84,.44,1)}#progress-container{width:min(90vw,400px);background-color:#f3f3f3;border-radius:5px;margin:20px 0}#progress-title{margin:0 0 10px;padding:0}#progress-desc{color:#5e7a88}.toast{padding:15px;margin:5px 0;background-color:#000000b3;color:#fff;border-radius:5px;font-size:14px;box-shadow:0 4px 8px #0003;opacity:1;word-wrap:break-word;box-sizing:border-box;transition:top .25s cubic-bezier(.165,.84,.44,1),opacity .25s cubic-bezier(.165,.84,.44,1);display:flex;align-items:center;justify-content:flex-start}.toast.success{background-color:#4caf50}.toast.info{background-color:#2196f3}.toast.error{background-color:#f44336}.toast.loading{background-color:#fff;color:#000}.toast.loading .spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid black;border-radius:50%;width:20px;height:20px;animation:spin 1.3s ease-in-out infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast.slide-in{transform:translateY(-20px);opacity:0;animation:slideIn .25s cubic-bezier(.165,.84,.44,1) forwards}.toast.slide-out{transform:translateY(-20px);opacity:0;animation:slideOut .25s cubic-bezier(.165,.84,.44,1) forwards;z-index:9950}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}.toast-container{position:fixed;top:20px;right:20px}.toast{width:90%;max-width:400px}.toast p{margin:0;padding:0;font-size:14px;line-height:1.5}