.main-content{padding:20px 0 0 0}.box-edit-container{max-width:100%;padding:0}.edit-container{min-height:750px}.edit-container input.name{color:#7c7d7c;padding:2px;font-size:28px;border:2px solid white;text-align:center}.edit-container input.name:hover{border:2px solid #eee;border-radius:5px;outline:none}.edit-container input.name:focus{border:2px solid #2780e3;border-radius:5px;outline:none}.edit-container .processing-container{margin-top:150px}.edit-header{margin-top:50px;text-align:center}.edit-header-bar{margin-left:158px;padding-top:10px}.edit-wrapper{min-height:500px}.edit-holder{position:relative;display:flex;justify-content:center;align-items:flex-start;width:auto}.edit-left,.edit-main{box-sizing:border-box}.edit-left{flex:0 0 150px;width:150px;margin-right:8px;text-align:center;padding-top:104px;position:sticky;top:0;max-height:100vh;overflow-y:auto;overflow-x:hidden}.edit-main{flex:0 1 auto;min-width:0}#editor .app .header{height:45px;vertical-align:center;justify-content:center;cursor:pointer}#editor .app .header .controls *{cursor:pointer}#editor .app .header .controls .controls__item{margin:9px 9px 0 9px}#editor .app .header .controls .controls__item:hover{border-radius:3px}#editor .app .header .controls .download{display:none}#editor .app .header .options{margin-left:50px;margin-top:9px}#editor .canvas-wrapper__outer{border:1px solid #d4d4d4;background-color:white;border-radius:5px}#editor .controls__text{font-size:22px}#editor .main{}#editor .drawArea{border:none}.thumbnail-holder{position:relative;margin:0 auto;cursor:pointer;font-size:12px;color:#333;width:100px}.thumbnail-empty{width:100px;background-color:white}.thumbnail-holder .thumbnail-wrapper{position:relative;background-color:#dcdcdc;width:100px;left:0;right:0;top:0;border-radius:5px}.thumbnail-holder-select .thumbnail-wrapper{background-color:#394250}.thumbnail-holder .thumbnail-wrapper .image{position:absolute;top:2px;left:2px;right:2px;width:96px;overflow:hidden;background-color:#fff}.thumbnail-holder .thumbnail-wrapper .image img{width:100%;height:auto;display:block;image-rendering:auto}.thumbnail-holder .thumbnail-wrapper .controls{position:absolute;bottom:0;left:7px;right:7px;height:18px}.thumbnail-holder .thumbnail-wrapper .controls a{color:white}.thumbnail-holder .index{position:absolute;bottom:0;height:20px}.thumbnail-holder .remove-wrapper{display:table;position:relative;top:2px;left:2px;right:2px;width:96px;overflow:hidden;background-color:rgba(220,220,220,0.75)}.thumbnail-holder .remove-wrapper span{display:table-cell;vertical-align:middle}.thumbnail-holder .remove-wrapper a{color:black;font-size:14px;font-weight:bold}.submenu .icon-thumbnail{margin-right:10px;width:15px}.submenu nav{display:block;text-align:center}.submenu nav ul{margin:0;padding:0;list-style:none;text-align:left}.submenu .nav a{display:block;color:#333;text-decoration:none;padding:13px 30px;position:relative}.submenu .nav{vertical-align:top;display:inline-block;border-radius:6px}.submenu .nav *{font-size:15px}.submenu .nav li{position:relative}.submenu .nav>li{float:left;border-bottom:4px solid transparent;margin-right:1px;border-radius:3px}.submenu .nav>li>a{margin-bottom:1px;padding:5px 10px}.submenu .nav>li:hover,.submenu .nav>li:hover>a{color:black;border-radius:5px}.submenu .nav li:hover>a{background-color:#eee}.submenu .nav>li:first-child{}.submenu .nav>li:first-child>a{}.submenu .nav>li:last-child{margin-right:0}.submenu .nav>li:last-child>a{}.submenu .nav li li a{}.submenu .nav li a:first-child:nth-last-child(2):before{position:absolute;height:0;width:0;border:5px solid transparent;top:50%;right:5px}.submenu .nav ul{position:absolute;white-space:nowrap;margin:0;padding:0;z-index:1000;background-color:white;left:-99999em}.submenu .nav>li>ul{background-color:white;border-radius:3px}.submenu .nav>li>ul>a{}.submenu .nav>li:hover>ul{left:auto;margin-top:0;min-width:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}.submenu .nav>li li:hover>ul{left:100%;margin-left:0;top:-1px;background-color:white;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}.submenu .nav>li>a:first-child:nth-last-child(2):before{border-top-color:#aaa}.submenu .nav>li:hover>a:first-child:nth-last-child(2):before{border:5px solid transparent;margin-top:-5px}.submenu .nav li li>a:first-child:nth-last-child(2):before{border-left-color:#aaa;margin-top:-5px;content:""}.submenu .nav li li:hover>a:first-child:nth-last-child(2):before{border:5px solid transparent;right:10px}#editor{position:relative;display:inline-block;margin:10px auto;box-shadow:0 0 8px rgba(0,0,0,.15);background:#fff}.edit-main{text-align:center}.editor-bars{position:sticky;top:0;z-index:5;background:#fff}.editor-canvas-scroll{overflow:auto;padding:0 12px 12px}.editor-toolbar{display:flex;gap:6px;justify-content:center;align-items:center;padding:6px;flex-wrap:wrap}.editor-toolbar button{width:38px;height:38px;border:1px solid #d0d0d0;background:#fff;border-radius:4px;cursor:pointer;color:#333}.editor-toolbar button:hover{background:#f0f0f0}.editor-toolbar button.active{background:#262626;color:#fff;border-color:#262626}.editor-toolbar .editor-toolbar-del{color:#c0392b}.kv-text-editor{margin:0;border:0;outline:0;padding:4px;overflow:hidden;background:transparent;resize:none;line-height:1;white-space:pre;box-sizing:content-box;z-index:10;color:transparent;-webkit-text-fill-color:transparent;caret-color:#111;word-break:normal}.kv-text-editor::selection{background:rgba(30,120,255,0.28);color:transparent}.kv-text-editor::-moz-selection{background:rgba(30,120,255,0.28);color:transparent}.editor-context-bar{display:flex;justify-content:center;align-items:center;height:44px;box-sizing:border-box;padding:0 6px}.editor-context-bar.has-controls{background:#fff}.editor-context-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.editor-context-controls select,.editor-context-controls .ctx-num,.editor-context-controls button{height:30px;border:1px solid #d0d0d0;background:#fff;border-radius:4px;color:#333;cursor:pointer}.editor-context-controls select{padding:0 4px}.editor-context-controls .ctx-num{width:62px;padding:0 2px 0 8px;cursor:text}.editor-context-controls button{min-width:30px}.editor-context-controls button.active{background:#262626;color:#fff;border-color:#262626}.editor-context-controls .ctx-btn{font-size:12px;padding:0 8px}.editor-context-controls .ctx-label{font-size:12px;font-weight:600;color:#555;margin-left:4px}.editor-context-controls .ctx-sep{width:1px;height:22px;background:#e3e3e3;margin:0 4px}.editor-context-controls .ctx-color{width:30px;height:30px;border:1px solid #d0d0d0;border-radius:4px;overflow:hidden;cursor:pointer;display:inline-block}.editor-context-controls .ctx-color input[type="color"]{width:150%;height:150%;margin:-25%;padding:0;border:none;cursor:pointer}.pdf-text-layer{position:absolute;top:0;left:0;overflow:hidden;line-height:1;z-index:3;pointer-events:none;user-select:none}.pdf-text-layer.selectable{pointer-events:auto;user-select:text;cursor:text}.pdf-text-layer>span,.pdf-text-layer>div{color:transparent;position:absolute;white-space:pre;transform-origin:0% 0%;cursor:text}.pdf-text-layer ::selection{background:rgba(0,100,255,0.25)}.editor-context-controls .ctx-range{width:110px;cursor:pointer}