.alert{position:absolute;left:0;right:0;z-index:20;width:60%;background:#ffff7f;text-align:center;margin:0 auto;margin-top:1em;font-size:.8em;padding:5px;border:1px solid #f0e37a;border-radius:16px}body.ui-dark .alert{background:#d0bc7f;border:1px solid #9b874a;color:#2d2d2d}body.ui-dark .alert a,body.ui-dark .alert a:visited{color:#296091}
.font-picker h6{padding:.5em .2em;margin:0;clear:both;background:#ddd;color:#444;font-weight:normal}.font-picker div.section{margin:10px 0}body.ui-dark .font-picker h6{background:#444;color:#ddd}
.text-style div.section{margin:10px 0}
.manip-marker{stroke-width:1px;fill:#4c565e}body.ui-dark .manip-marker{fill:#fff}.selected .manip-marker{fill:#ff6c00 !important}
.dialog-library-add{width:unset !important}.library-add-form h4{text-align:center}.library-add-form .preview{border:1px solid #555;border-radius:4px;padding:10px;margin:14px 0}.library-add-form .preview input{margin:5px}.dialog.dialog-library{width:70vw;top:7vh;bottom:7vh;padding:1em;background:#fff}.dialog.dialog-library .component{display:flex;flex-direction:column;height:100%}.dialog.dialog-library .library-items{display:grid;grid-template-columns:repeat(5, 1fr)}.dialog.dialog-library .library-items.list-view{padding:4px 0;display:flex;flex-flow:column wrap;max-height:100%}.dialog.dialog-library .library-item{cursor:pointer;margin:.5em;border:1px solid #aaa;border-radius:3px;display:flex;flex-direction:column;justify-content:space-between}.dialog.dialog-library .library-item:hover{background:#f7f7f7}.dialog.dialog-library .list-view .library-item{flex-direction:row;justify-content:unset;margin:4px 8px}.dialog.dialog-library .library-item-name{font-weight:400}.dialog.dialog-library .library-item img{padding:5px;aspect-ratio:1;max-width:100%}.dialog.dialog-library .list-view .library-item img{width:32px}.dialog.dialog-library .library-item-details{padding:1em;line-height:1.5em;border-top:1px solid #ccc}.dialog.dialog-library .list-view .library-item-details{border-top:0;padding:.5em}.dialog.dialog-library .pages button{padding:1em}.dialog.dialog-library .search{margin-left:1em;padding:.7em}.dialog.dialog-library .bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dialog.dialog-library .library-items-container{min-height:0;overflow-y:auto}.dialog.dialog-library .online-toggle{display:none}.ui-dark .library-item:hover{background:#444445 !important}.ui-dark .library-items-container{background:#222223}
.knife-point{fill:red}.knife-line{stroke:red;stroke-width:1px}
.insert-form .insert-browse label{display:inline-block;padding:.5em;margin-top:.7em}.insert-form .preview{margin-top:.7em;text-align:center}.insert-form .preview img{max-height:100px}.insert-form label.button{background:#eee}
.zoom button{min-width:20px;min-height:20px;margin:2px}
.dialog.dialog-browse{width:70vw;top:7vh;bottom:7vh;padding:1em;background:#fff}.dialog.dialog-browse .component{display:flex;flex-direction:column;height:100%}.dialog.dialog-browse .browse-items{display:grid;grid-template-columns:repeat(3, 1fr)}.dialog.dialog-browse .browse-items.list-view{padding:4px 0;display:flex;flex-flow:column wrap;max-height:100%}.dialog.dialog-browse .browse-item{cursor:pointer;margin:.5em;border:1px solid #aaa;border-radius:3px;display:flex;flex-direction:column;justify-content:space-between}.dialog.dialog-browse .browse-item:hover{background:#f7f7f7}.dialog.dialog-browse .list-view .browse-item{flex-direction:row;justify-content:unset;margin:4px 8px}.dialog.dialog-browse .browse-item-name{font-weight:400}.dialog.dialog-browse .browse-item img{padding:5px;aspect-ratio:1;max-width:100%}.dialog.dialog-browse .list-view .browse-item img{width:32px}.dialog.dialog-browse .browse-item-details{padding:1em;line-height:1.5em;border-top:1px solid #ccc}.dialog.dialog-browse .list-view .browse-item-details{border-top:0;padding:.5em}.dialog.dialog-browse .pages button{padding:1em}.dialog.dialog-browse .search{margin-left:1em;padding:.7em}.dialog.dialog-browse .bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dialog.dialog-browse .browse-items-container{min-height:0;overflow-y:auto}.dialog.dialog-browse .online-toggle{display:none}.ui-dark .browse-item:hover{background:#444445 !important}.ui-dark .browse-items-container{background:#222223}
.print-settings .preview{width:60%;max-width:300px;margin-right:1em}.print-settings img{width:100%;border:1px solid #aaa}
.plugin-settings{padding:15px 0}.plugin-settings .plugin-settings-content{padding:8px;background:#eee;border-radius:3px}.plugin-settings .plugin-settings-content p{margin:0 0 10px 0}.plugin-name{font-size:1.2em}.plugin-name input{margin-right:10px}
.advanced-save h4{margin-top:1em;margin-bottom:1em}.advanced-save .dim{min-width:100px;box-sizing:border-box}.advanced-save .preview{width:33%}.advanced-save .preview img{width:100%;border:1px solid #aaa}.advanced-save label{display:block;padding-bottom:4px}.advanced-save .row{display:flex;margin-bottom:8px}.advanced-save input{margin-right:4px}.advanced-save input[type=radio]{margin-left:0}.advanced-save .group{padding-bottom:8px}
page-size-picker>.component{display:inline}
:root{--gutter-width: calc(min(160px, max(10%, 100px)))}html,body{height:100%;overflow:hidden;color:#333;font-size:16px}body{font-family:sans-serif;padding:0;margin:0}body[data-ui-font-size="75"]{font-size:12px}body[data-ui-font-size="150"]{font-size:24px}body[data-ui-font-size="200"]{font-size:32px}button,select,input{font-size:1em}#container{width:100%;height:100%}svg.canvas,svg.ghost{position:absolute;z-index:5;width:100%;height:100%;touch-action:none}svg.ghost{z-index:11;pointer-events:none}#inner_container{left:0;right:0;top:0;bottom:0;position:absolute;cursor:crosshair;overflow:hidden;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}#inner_container:has(.pan-ready){cursor:grab}#inner_container:has(.pan-hand){cursor:grabbing}#inner_container:has(.pan-hand) .mouse-marker{visibility:hidden !important}.left-gutter{-webkit-user-select:none;position:fixed;left:3px;top:3px;z-index:15;scrollbar-width:none;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-evenly;pointer-events:none}.left-gutter>div{max-height:calc(100vh - 3px - 1em);overflow-y:auto !important;scrollbar-width:thin;pointer-events:all;min-width:120px}.left-gutter>div:first-child{max-width:15vw}.left-gutter>div::-webkit-scrollbar{display:none}.left-gutter label{margin-left:5px}.left-gutter label:hover{color:#000}body.rulers .left-gutter{top:33px;left:33px}body.rulers .left-gutter>div{max-height:calc(100vh - 33px - 1em)}button,.button{border-radius:6px;border:0;box-shadow:2px 2px 0px #ececec;background:#fff;color:#333}button:disabled,.button:disabled{cursor:not-allowed}button.primary{background:#29adff;color:#fff}button.primary:hover{background:#1b96e3}button.active{background:#c3e0ff}button:hover{background:#f7f7f7}button.active:hover{background:#c3e0ff;box-shadow:2px 2px 0 #d3eefb}.shortcut{background:#ff0;border:1px solid orange;padding-left:2px;padding-right:2px;font-size:.7em}.button-set button{display:block;width:100%;padding:6px;line-height:1.3em;margin:6px auto;position:relative}.button-set button .shortcut{position:absolute;left:0;bottom:0}.button-set.horizontal{display:flex;justify-content:space-around;margin:0 auto}.button-set.horizontal button{width:auto;display:block}.button-set.horizontal.grow button{flex:1;margin:4px}.status-line{display:flex;justify-content:space-between;position:fixed;text-align:center;bottom:0;left:0;z-index:100;font-size:.8em;padding-left:1em;padding-right:1em;right:0;background:#efefef;box-shadow:0 2px 8px #aaa;line-height:1.5em}.mouse-marker{fill:rgba(0,0,0,.3)}.cursor-pos-follow{position:fixed;pointer-events:none;background:#e8f2fb}.right-panel{-webkit-user-select:none;position:fixed;right:3px;top:3px;z-index:15;scrollbar-width:none;display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:space-evenly;pointer-events:none}.right-panel>div{max-height:calc(100vh - 3px - 1em);overflow-y:auto !important;scrollbar-width:thin;pointer-events:all;max-width:15vw;min-width:120px}.right-panel>div::-webkit-scrollbar{display:none}body.rulers .right-panel{top:33px}body.rulers .right-panel>div{max-height:calc(100vh - 33px - 1em)}.right-panel button{display:block;width:100%;padding:.5em 28px}.color-picker h5{color:#3c3c3c;background:#ddd;font-weight:normal;display:block;margin:0;margin-bottom:5px;padding:0 .6em 0 .6em}.color-picker label{color:#444;font-weight:normal}.color-picker div.row{padding:.3em .6em 0 .6em;display:flex;justify-content:space-between}.color-picker div.row:last-child{padding-bottom:5px}.color-picker-fg.none,.color-picker-bg.none,.color-picker-button.none,.swatch.none{background-color:#fff !important}.color-picker-fg.none::after,.color-picker-bg.none::after,.color-picker-button.none::after,.swatch.none::after{content:"";display:block;border:.2px solid red;background:red;width:141%;transform:rotate(-45deg) translate(-15px, 5px)}.swatch.plus::after{content:"+";font-weight:bold;font-size:22px;display:block;width:30px;line-height:30px;text-align:center}.color-picker-hsv{padding:.5em}.color-picker-opacity{display:flex;align-items:center;justify-content:space-evenly}.color-picker-opacity label{font-size:.8em;padding:.8em .4em}.color-picker-button{width:30px;height:30px;border:1px solid #ccc;cursor:pointer;display:inline-block;vertical-align:middle}#setup color-picker{margin-right:1em}.stroke-picker label{color:#444;font-weight:normal;display:block}.stroke-picker h5{color:#444;background:#ddd;font-weight:normal;display:block;margin:0;margin-bottom:5px;padding:0 .6em 0 .6em}.stroke-picker div.row{padding:.3em .6em 0 .6em;padding-bottom:5px;display:flex;justify-content:space-between}.stroke-picker input{width:5ch}.dialog-color-picker h5{padding:5px;margin:0;clear:both;background:#ddd;color:#444;font-weight:normal}.swatch.empty{box-shadow:0 0 0 2px red inset}.swatch.empty:after{content:"";position:absolute;border-top:2px solid red;width:40px;transform:rotate(45deg);transform-origin:0% 0%}.modal-container{position:fixed;top:0;left:0;bottom:0;right:0;z-index:200;display:flex;justify-content:center}.dialog{position:fixed;width:120px;z-index:100;background:#eee;box-shadow:0 0 15px #ccc}.dialog-color-picker{width:240px}.dialog-color-picker input{box-sizing:border-box;width:100%}.dialog-color-picker .swatch{width:30px;height:30px;float:left}#about,#share,#load,#login,#goto,#news{display:none}.dialog-about{border-radius:4px;width:50vw;top:15vh;padding:0 1em 1em 1em;background:#fff}.dialog-about .buttons{text-align:center;margin-bottom:1.2em}.dialog-about .buttons button{font-size:1.5em;padding:.5em;background:#16b3ff;color:#eee}.dialog-about ul{list-style:none}.dialog-about li{margin-bottom:.8em;margin-right:2em;float:left}.dialog-about a{font-size:.9em;text-decoration:none}.dialog-about a:visited,.dialog-about a:hover,.dialog-about a:active{color:#0869d0}.messagebox{top:15vh;width:50vw;padding:1em;background:#fff;border-radius:8px}.messagebox-error .prompt::before{content:"⚠️ "}.dialog-setup,.dialog-share,.dialog-common,.dialog-login,.dialog-insert,.dialog-template{top:15vh;width:50vw;padding:0 1em 1em 1em;background:#fff;border-radius:8px;max-height:70vh;overflow-y:auto;scrollbar-width:thin}.dialog-login .error{display:none;color:#b00;padding-top:5px;padding-bottom:5px}.dialog-login input[type=text],.dialog-login input[type=password]{border-radius:3px;border:1px solid #aaa;padding:4px;margin-bottom:8px}.dialog-login button{padding:10px;font-size:.9em;margin-right:10px}.dialog-login .log-in,.dialog-login .sign-up{padding:10px}.dialog-buttons{padding:.5em;text-align:center}.dialog-buttons button{padding:.5em;margin-right:1em;margin-bottom:1em}.dialog-buttons button{background:#f4f5f6}.dialog-buttons button.primary{background:#29adff;color:#fff}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}.object-picker-option{padding:1em}.object-picker-option:hover{background:#ffd}@media only screen and (min-device-width: 0px)and (max-device-width: 1024px){.status-line,.float-zoom{display:none}.left-gutter{top:0}.left-gutter>div{max-height:100dvh}.right-panel{top:0}.right-panel>div{max-height:100dvh}.dialog-about,.dialog-setup,.dialog-share,.dialog-common,.dialog-login,.dialog-insert,.dialog-template{width:80vw;top:5dvh}.shortcut{display:none}}.ants{animation-name:ants;animation-duration:.2s;animation-iteration-count:infinite;animation-delay:0s;animation-timing-function:linear;stroke-dasharray:2,2}text.ants{stroke-width:.5;stroke:#333 !important}use.ants{opacity:.5}@keyframes ants{from{stroke-dashoffset:0}to{stroke-dashoffset:4}}.faded{opacity:.6}svg.thumbnail{width:6em;height:6em}.dialog-font-picker{width:auto}.dialog-font-picker select{font-size:1em}#share-link{width:calc(100% - 10px);color:#aaa}.ui-float{background:#aaa;padding:10px}.account-panel .title{padding-left:.6em;padding-top:1em;overflow:hidden;text-overflow:ellipsis}.account-panel .login-button{box-shadow:1px 1px 2px #aaa}.account-panel .offline{padding:.2em}textarea.text-tool{background:rgba(0,0,200,.08);border:0;resize:none;outline:0;padding:0;margin:0;overflow:hidden;line-height:1.1em;position:absolute;z-index:12}line.guide{stroke:#f33;vector-effect:non-scaling-stroke;stroke-width:1;visibility:hidden}.show-guides line.guide{visibility:visible}.tooltip{display:none}.float-doc{display:none;background:#eee;padding:10px;position:absolute;top:1em;right:1em;margin-top:1em;border-radius:3px;border:1px solid #aaa;z-index:20}input[type=checkbox]{margin-left:0}input[type=text],input[type=number]{padding-left:.5em;border:1px solid #555}#save-status .saved,#save-status .saving{display:none}#save-status .saved::before{content:"✔";color:green;margin-right:3px}#save-status .saving::before{content:"⌛";margin-right:3px}.save-online:disabled:hover .tooltip{display:block;position:absolute;right:120%;background:#29adff;border-radius:3px;color:#fff;padding:7px;top:25%;width:100px}.save-online:disabled:hover .tooltip::after{content:" ";position:absolute;left:100%;margin-left:-1px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #29adff;top:25%}.from-library:disabled:hover .tooltip{display:block;position:absolute;left:120%;background:#29adff;border-radius:3px;color:#fff;padding:7px;top:25%;width:100px}.from-library:disabled:hover .tooltip::after{content:" ";position:absolute;right:100%;margin-right:-1px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0) #29adff rgba(0,0,0,0) rgba(0,0,0,0);top:25%}#reset-zoom,#reset-colors{margin-top:1em;background:#eee}.flexer{display:flex}.dialog-setup{max-width:600px}.dialog-setup label{margin-right:9px;font-size:.9em}.dialog-setup h4{padding:12px 6px;margin:0}.dialog-setup h5{margin:10px 0}.show-rulers svg.ruler{background:#fff;position:fixed}.show-rulers svg.ruler text{font-size:12px}.show-rulers svg.ruler line{stroke:#000}svg.y-ruler{top:0;left:7em;width:30px;height:100%}svg.x-ruler{top:calc(1em + 2px);left:7em;width:100%;height:30px}.ui-panel{background:#f4f5f6;margin:4px;margin-bottom:8px;border-radius:6px;border:1px solid #bcd}.ui-panel h5{cursor:default;background:#e6e8eb;font-weight:normal;display:block;margin:0;padding:3px 5px;color:#aaa;transition:color .2s ease-out;border-top-left-radius:6px;border-top-right-radius:6px}.ui-panel h5 .toggle-sign{float:right}.ui-panel h5:hover{background:#d5d5d5}.ui-panel.expanded h5{color:#444}.ui-panel.expanded h5:before{content:"▾ "}.ui-panel h5:before{content:"▸ "}.ui-panel .content{max-height:0;overflow:hidden;transition:max-height .1s ease-out,padding .1s ease-out;padding:0px 8px;font-size:.8em}.ui-panel.expanded .content{padding:4px 8px;max-height:none}.layers label.selected{font-weight:bold}.layers .layer{display:flex;align-items:center;padding-right:8px}.layers .layer:hover{background:#eee}.layers .layer.selected{background:#c3e0ff}.layers .layer-opacity{margin-bottom:8px}.layers label{margin-left:0;overflow:hidden;text-overflow:ellipsis}.layers input{margin-left:5px}.layers canvas.thumbnail{margin:2px;max-height:32px;border:1px solid #ccc;background:#fff}tab-collection .button-set{width:100% !important;border-bottom:1px solid #eee}tab-collection .button-set button.active{font-weight:bold}tab-collection .button-set button,tab-collection .button-set button:hover{background:none;box-shadow:none}tab-collection .button-set button:hover{color:#555;cursor:pointer}tab-collection a-tab{display:none;padding:0 20px}tab-collection .warning{padding:.7em;border:1px solid #abc;border-radius:5px}input.dim{width:5ex}body.desktop .web{display:none}body.web .desktop{display:none}.dialog-insert input[type=file]{display:none}:root{--checkbox-color: #29adff;--checkbox-disabled-color: #adadad}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;content:"";width:1em;height:1em;padding:.08em;transform:translateY(0.3em);background:#fff;border:1px solid #999;border-radius:0}input[type=checkbox]::before{content:"";width:.7em;height:.7em;display:block;transform-origin:bottom left}input[type=checkbox]:checked::before{background:var(--checkbox-color);clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)}input[type=checkbox]:disabled{--checkbox-color: var(--checkbox-disabled-color)}input[type=radio]{appearance:none;content:"";width:1em;height:1em;background:#fff;border-radius:50%;border:1px solid #999;margin:0 4px -2px 4px;display:inline-block;position:relative}input[type=radio]:checked::before{content:"";width:.6em;height:.6em;background:var(--checkbox-color);display:block;border-radius:50%;left:50%;top:50%;position:absolute;transform:translate(-50%, -50%)}input[type=radio]:disabled{--checkbox-color: var(--checkbox-disabled-color)}select{background:#fff;border:1px solid #999;border-radius:4px;padding:4px}input.dim,input[type=number]{padding:4px;border:1px solid #999;border-radius:4px}.show-loading .loading{display:block !important}.loading{display:none;position:fixed;width:200px;height:20px;left:calc(50vw - 100px);top:30vh;z-index:100;border-radius:30px;border:5px solid #8acdd9;background:#fff;padding:5px}.loading:after{content:"Loading...";color:#767676;display:block;position:absolute;top:2px;text-align:center;width:100%}.loading:before{content:" ";animation:load-anim 2s infinite;animation-timing-function:cubic-bezier;background:#c8f8f8;display:block;width:100%;height:100%;border-radius:inherit}@keyframes load-anim{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0)}100%{clip-path:inset(0 0 0 100%)}}.context-menu button{text-align:left;border-radius:0;display:block;width:100%;padding:.5em;position:relative}.context-menu .modal-container{-webkit-user-select:none}.dialog-save-menu button,.dialog-insert-menu button,.to-layer-menu button{margin:0;border-radius:0;text-align:left}
body.ui-dark{color:#ccc}body.ui-dark a,body.ui-dark a:visited{color:#98c1e6}body.ui-dark .left-gutter label:hover{color:#aaa}body.ui-dark button,body.ui-dark .button{background:#2d2d35;color:#ccc;box-shadow:none}body.ui-dark button:hover,body.ui-dark .button:hover{background:#556;box-shadow:none}body.ui-dark .status-line{background:#222;box-shadow:none}body.ui-dark .ui-panel{background:#222;border-color:#555}body.ui-dark .dialog{background:#333;box-shadow:0 0 5px #555}body.ui-dark .dialog-about{background:#333}body.ui-dark .dialog-setup{background:#333}body.ui-dark textarea{caret-color:#ccc}body.ui-dark .color-picker-fg,body.ui-dark .color-picker-bg{box-shadow:none}body.ui-dark .object-picker-option:hover{background:#556}body.ui-dark .mouse-marker{fill:rgba(255,255,255,.3)}body.ui-dark button.active{background:#61518e}body.ui-dark button.primary{background:#61518e}body.ui-dark button.primary:hover{background:#433764}body.ui-dark .shortcut{color:#000;background:#ae9e6d;border:none}body.ui-dark .dialog-color-picker h5{background:#444;color:#ddd}body.ui-dark .color-picker,body.ui-dark .stroke-picker{border-top:0}body.ui-dark .color-picker label,body.ui-dark .stroke-picker label{color:#ddd}body.ui-dark .cursor-pos-follow{background:#61518e}body.ui-dark #reset-zoom,body.ui-dark #reset-colors{background:#445}body.ui-dark .ui-panel h5{color:#ccc;background:#2d2d35}body.ui-dark .layers .thumbnail{background:#000}body.ui-dark .layers .layer:hover{background:#000}body.ui-dark .layers .layer.selected{background:#61518e}body.ui-dark .ui-float{background:#222}body.ui-dark input{border:1px solid #555;background:#222;color:#ccc}body.ui-dark tab-collection .button-set{border-bottom:1px solid #555}body.ui-dark tab-collection .button-set button{background:none}body.ui-dark .login-button{box-shadow:none}body.ui-dark select{background:#222;color:#ccc}body.ui-dark .loading{border-color:#b8b8b8;background:#333}body.ui-dark .loading::after{color:#b8b8b8}body.ui-dark .loading::before{background-color:#61518e}body.ui-dark .plugin-settings-content{background:#222}

/*# sourceMappingURL=main.css.map*/