:root{--main-bg-color: #72797A;--text-color: #000000;--border-color: #808080;--canvas-bg-color: #B2B2B2;--link-color: #19c;--ruler-color: #B2B2B2;--icon-bg-color: #72797A;--icon-bg-color-hover: #2B3C45;--input-color: #B2B2B2;--orange-color: #f9bc01;--global-se-spin-input-width: 82px}.svg_editor *{transform-origin:0 0}.svg_editor{display:grid;grid-template-rows:auto 15px 1fr 40px;grid-template-columns:40px 15px 50px 1fr 15px;grid-template-areas:"main main   main top top" "left corner rulerX rulerX side" "left rulerY workarea workarea side" "left bottom bottom bottom bottom";font-size:8pt;background:var(--main-bg-color);font-family:Verdana,Helvetica,Arial;color:var(--text-color);user-select:text;width:100%;height:100%}#title_panel>p{color:#fff;padding-left:5px;padding-right:3px;font-weight:700}@media screen and (max-width:1250px){.svg_editor{grid-template-rows:minmax(80px,auto) 15px 1fr 40px}}.svg_editor.open{grid-template-columns:34px 15px 50px 1fr 220px}#svgroot{user-select:none;position:absolute;top:0;left:0}#workarea{grid-area:workarea;background-color:#a0a0a0;border:1px solid var(--border-color);overflow:auto;text-align:center}#svgcanvas{line-height:normal;display:inline-block;background:var(--canvas-bg-color);text-align:center;vertical-align:middle;position:relative}#sidepanels{grid-area:side}#sidepanel_handle{writing-mode:vertical-rl;text-orientation:upright;color:#fff;position:absolute;cursor:pointer;top:50%}.svg_editor:not(.open) #sidepanel_content{display:none}a{color:var(--link-color)}hr{border:none;border-bottom:1px solid var(--border-color)}#linkLabel>svg{height:20px;padding-top:4px}#layersLabel{color:#fff}#layerpanel{user-select:none;padding-left:15px}#layerbuttons{margin:0;padding:0 2px;width:125px;height:20px;border:0px;overflow:hidden;display:flex;justify-content:center;align-items:center}#layerlist{margin:1px;padding:0;width:132px;border-collapse:collapse;border:1px solid var(--border-color);background-color:#fff}#layerlist tr.layer{background-color:#fff;margin:0;padding:0}#layerlist tr.layersel{border:1px solid var(--border-color);background-color:#ccc}#layerlist td.layervis{width:22px;cursor:pointer}#layerlist td.layerinvis{background-image:none;cursor:pointer}#layerlist td.layervis *{display:block}#layerlist td.layerinvis *{display:none}#layerlist td.layername{cursor:pointer}#layerlist td.layername:hover{color:#00f}#layerlist tr.layersel td.layername{font-weight:700}#selLayerLabel{white-space:nowrap}#selLayerNames{display:block;top:-8px;position:relative}#main_button{grid-area:main;color:#fff;border-radius:3px;padding-block:2px;padding-left:3px;height:34px}#main_icon{position:relative;top:-2px;left:-2px;width:95px;line-height:26px}#main_icon:hover{background:#eee!important}#main_icon.buttondown{background:#eee!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;border-radius:3px 3px 0 0}#logo{margin-top:-2px}#logo img{border:0;width:28px;height:28px}#main_icon>div{float:left}#main_button .dropdown{position:absolute;right:7px;top:4px}#main_icon span{position:absolute;inset:0;display:block;z-index:2;font-weight:700;padding-left:34px;line-height:32px;font-family:sans-serif}#main_menu{z-index:12;background:#eee;position:relative;width:230px;padding:5px;-moz-box-shadow:#555 1px 1px 4px;-webkit-box-shadow:#555 1px 1px 4px;box-shadow:#555 1px 1px 4px;font-size:1.1em;display:none;overflow:hidden;clear:both;top:-9px}#main_menu ul,#main_menu li{list-style:none;margin:0;padding:0}#main_menu li{line-height:22px;padding-top:7px;padding-left:7px;margin:-5px;overflow:auto;cursor:pointer}#main_menu li:hover{background:#ffc}#main_menu li>div{float:left;padding-right:5px}#main_menu p{margin-top:5px}#tools_top{grid-area:top;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;background-color:var(--main-bg-color)}#tools_top>*{display:flex;flex-direction:row;flex-wrap:wrap;background-color:var(--main-bg-color)}#tools_bottom{grid-area:bottom;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;scrollbar-width:thin}#tools_bottom::-webkit-scrollbar{width:3px;height:3px}#tools_bottom se-list,#tools_bottom se-select{margin-bottom:8px}#zoom{color:var(--text-color);background-color:var(--main-bg-color);border:none}#tools_left{grid-area:left;border-right:none;margin-left:auto;margin-right:auto;overflow-y:scroll;scrollbar-width:none;user-select:none}#tools_left::-webkit-scrollbar{width:3px}#tools_left::-webkit-scrollbar-track,#tools_bottom::-webkit-scrollbar-track{background:transparent}#tools_left::-webkit-scrollbar-thumb,#tools_bottom::-webkit-scrollbar-thumb{background-color:#464646}#workarea.wireframe #svgcontent *{fill:none;stroke:#000;stroke-width:1px;stroke-opacity:1;stroke-dasharray:0;opacity:1;pointer-events:stroke;filter:none}#workarea.wireframe #svgcontent text{fill:#000;stroke:none}#workarea.wireframe #canvasBackground>rect{fill:#fff!important}#cur_context_panel{grid-area:rulerX;line-height:22px;overflow:auto;padding-left:5px;font-size:12px;background:#000c;color:#ccc}#cur_context_panel a{float:none;text-decoration:none}#cur_context_panel a:hover{text-decoration:underline}input[type=text]{padding:2px}.dropdown{position:relative}.dropdown button{width:15px;height:21px;margin:6px 0 0 1px;padding:0;border-left:1px solid #FFFFFF;border-top:1px solid #FFFFFF;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background-color:#e8e8e8}.dropdown button.down{border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;background-color:#5a6162}.dropdown ul{list-style:none;position:absolute;margin:0;padding:0;left:-85px;top:26px;z-index:4;display:none}.dropup ul{top:auto;bottom:24px}.dropdown li{display:block;width:120px;padding:4px;background:#e8e8e8;border:1px solid #5a6162;margin:0 0 -1px;line-height:16px}.dropdown li:hover{background-color:#ffc}.dropdown li.special{padding:10px 4px}.dropdown li.special:hover{background:#ffc}#font_family_dropdown-list li{font-size:1.4em}#font_family{margin-left:5px;margin-right:0}#main_menu li#tool_open,#main_menu li#tool_import{position:relative;overflow:hidden}#tool_image{overflow:hidden}#tool_open input,#tool_import input,#tool_image input{position:absolute;opacity:0;font-size:10em;top:-5px;right:-5px;margin:0;cursor:pointer}.disabled{opacity:.5;cursor:default}.tool_sep{border-left:1px outset #EEE;margin:5px 1px;height:30px}.width_label{padding-right:5px}#text{position:absolute;left:-9999px}.bottom-icon{width:22px}#palette{margin-left:auto;margin-right:16px;display:flex;align-items:center}#stroke_expand{width:0;overflow:hidden}#toggle_stroke_tools{position:absolute;right:0;top:0;bottom:0;width:25px;text-align:center;border-radius:0 3px 3px 0;margin:0}#toggle_stroke_tools:before{content:">>";letter-spacing:-3px;font-weight:700;color:#666}.expanded #toggle_stroke_tools:before{content:"<<"}#toggle_stroke_tools:hover{background:#fff}#tool_opacity{right:0}#tool_opacity{overflow:visible}ul li.current{background-color:#f4e284}#copyright{text-align:right;padding-right:.3em}.overlay{position:absolute;inset:0;background-color:#000;opacity:.6;z-index:5}#save_output_btns{display:none;text-align:left}#save_output_btns p{margin:.5em 1.5em;display:inline-block}#bg_blocks{overflow:auto;margin-left:30px}.dropdown li.tool_button{width:24px}.gallery{display:flex;flex-direction:column;align-items:center;background-color:#000}.page-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:10px;max-width:90vw;justify-content:center;background-color:#000}.thumbnail{width:100%;height:auto;cursor:pointer;border:2px solid transparent;position:relative}.page-overlay{position:fixed;inset:0;background:#000;display:flex;justify-content:center;align-items:center}.page-overlay-content{position:relative;text-align:center;background:#000}.page-overlay-content canvas{max-width:90%;max-height:80vh}.close-btn{position:absolute;top:10px;right:10px;background:red;color:#fff;border:none;padding:5px 10px;cursor:pointer}.close-btn:hover{background:#8b0000}.editor[data-v-69dcf05d]{border:1px solid #ccc;height:65vh;width:98%;margin-bottom:20px}.error-list[data-v-69dcf05d]{margin-top:10px;color:red;font-family:Arial,sans-serif}.error-item[data-v-69dcf05d]{font-size:14px;margin-bottom:5px}.cm-lint-gutter[data-v-69dcf05d]{background-color:#f003;width:20px}.cm-lint-error[data-v-69dcf05d]{background-color:red;height:4px;width:100%;margin:2px}.editor[data-v-9ac1a3f4]{border:1px solid #ccc;height:20vh;width:98%;margin-bottom:20px}.error-list[data-v-9ac1a3f4]{margin-top:10px;color:red;font-family:Arial,sans-serif}.error-item[data-v-9ac1a3f4]{font-size:14px;margin-bottom:5px}.cm-lint-gutter[data-v-9ac1a3f4]{background-color:#f003;width:20px}.cm-lint-error[data-v-9ac1a3f4]{background-color:red;height:4px;width:100%;margin:2px}.container[data-v-2f8ea893]{margin:auto;display:flex;justify-content:center;padding:20px;border:1px solid #ddd}.form[data-v-2f8ea893]{display:flex;flex-direction:column;gap:10px;width:50%}h2[data-v-2f8ea893]{text-align:center;margin-bottom:20px;color:#000}input[data-v-2f8ea893]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box}button[data-v-2f8ea893]{background:#28a745;color:#fff;padding:10px;border:none;cursor:pointer}button[data-v-2f8ea893]:disabled{background:#ccc}label[data-v-2f8ea893]{color:#000}.close-btn[data-v-2f8ea893]{background:#8b0000}.overlay[data-v-5038e4a6]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;color:#fff;z-index:1000}.overlay-custom[data-v-5038e4a6]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffed;display:flex;justify-content:center;align-items:center;color:#fff9;z-index:10}.container[data-v-5038e4a6]{display:flex;width:100%;height:98vh}.left-panel[data-v-5038e4a6]{flex-grow:1;background:#f0f0f0;overflow:auto}.right-panel[data-v-5038e4a6]{flex-grow:1;background:#e0e0e0;overflow:auto}.resizer[data-v-5038e4a6]{width:6px;cursor:ew-resize;background:#888;transition:background .2s}.resizer[data-v-5038e4a6]:hover{background:#555}.item[data-v-fd0742eb]{margin-top:2rem;display:flex;position:relative}.details[data-v-fd0742eb]{flex:1;margin-left:1rem}i[data-v-fd0742eb]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-fd0742eb]{font-size:1.2rem;font-weight:500;margin-bottom:.4rem;color:var(--color-heading)}@media (min-width: 1024px){.item[data-v-fd0742eb]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-fd0742eb]{top:calc(50% - 25px);left:-26px;position:absolute;border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;width:50px;height:50px}.item[data-v-fd0742eb]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-fd0742eb]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-fd0742eb]:first-of-type:before{display:none}.item[data-v-fd0742eb]:last-of-type:after{display:none}}