body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{background-color:#f0f0f0;height:100%;margin:0;padding:0;width:100%}body{font-family:Arial,sans-serif}:root{--toolbar-control-height:36px}.raleway-font{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400}.app{background-color:#fff;display:flex;flex-direction:column;height:100vh;overflow:visible;width:100%}.toolbar{background-color:#dbdbdb;justify-content:space-between;padding:9px 18px;position:relative}.toolbar,.toolbar-tabs-area{align-items:center;display:flex;gap:9px}.toolbar-tabs-area{flex:1 1;min-width:0}.toolbar-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:9px}.export-menu-wrapper{align-items:center;display:flex;position:relative}.export-menu{background:#fff;border:2.7px solid #000;border-radius:.36em;box-shadow:.18em .18em;display:flex;flex-direction:column;gap:5.4px;min-width:162px;padding:7.2px;position:absolute;right:0;top:calc(100% + 5.4px);z-index:1000}.export-menu-item{justify-content:flex-start;margin:0;width:100%}.toolbar-toggle{box-sizing:border-box;display:none;height:36px;height:var(--toolbar-control-height);line-height:1;min-height:36px;min-height:var(--toolbar-control-height);min-width:0}.tabs-backdrop{background:#00000059;inset:0;position:fixed;z-index:1100}.tabs-container{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;gap:5.4px;min-width:0;overflow-x:auto;padding:2.7px;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab{align-items:center;background:#f5f5f5;border:2.7px solid #000;border-radius:.36em;box-shadow:.09em .09em;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;gap:7.2px;height:36px;height:var(--toolbar-control-height);max-width:180px;min-height:36px;min-height:var(--toolbar-control-height);min-width:90px;padding:7.2px 10.8px;position:relative;transition:all .2s ease}.tab:hover{box-shadow:.135em .135em;transform:translate(-.045em,-.045em)}.tab:active{box-shadow:.045em .045em;transform:translate(.045em,.045em)}.tab.active{background:#fff;border-color:#000;box-shadow:.18em .18em,inset 0 -4.5px 0 0 #000}.tab.dirty:before{background:#ff6b6b;border-radius:50%;content:"";height:5.4px;left:3.6px;position:absolute;top:50%;transform:translateY(-50%);width:5.4px}.tab-dropdown{align-items:center;display:flex;position:relative}.tab-dropdown-button{background:none;border:none;border-radius:1.8px;color:#666;cursor:pointer;font-size:12.6px;line-height:1;padding:1.8px 3.6px;transition:all .2s ease}.tab-dropdown-button:hover{background:#0000001a;color:#000}.tab-dropdown-menu{background:#fff;border:1.8px solid #000;border-radius:3.6px;box-shadow:.18em .18em .36em #0000004d;margin-top:5.4px;max-width:252px;min-width:162px;overflow:visible;width:-webkit-max-content;width:max-content;z-index:2000}.tab-dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:12.6px;gap:7.2px;padding:7.2px 10.8px;transition:background-color .2s ease}.tab-dropdown-item:hover{background:#f0f0f0}.tab-dropdown-icon{font-size:10.8px}.tab-dropdown-divider{background:#ddd;height:.9px;margin:3.6px 0}.tab-dropdown-info{background:#f9f9f9;border-top:.9px solid #eee;padding:7.2px 10.8px}.tab-dropdown-info-item{color:#666;font-size:10.8px;margin-bottom:3.6px}.tab-dropdown-info-item:last-child{margin-bottom:0}.tab-dropdown-info-item strong{color:#333}.tab-rename-form{display:block;padding:7.2px 10.8px 5.4px}.tab-rename-input{background:#fff;border:1.8px solid #000;border-radius:3.6px;box-sizing:border-box;display:block;font-size:12.6px;line-height:1.2;outline:none;padding:5.4px 7.2px;width:100%}.tab-rename-input::placeholder{color:#888}.tab-rename-input:focus{border-color:#000;box-shadow:none;outline:none}.tab.dragging{opacity:.6}.tab-drop-zone{flex-shrink:0;height:100%;width:5.4px}.tab-drop-zone.drag-over,.tab-drop-zone:hover{background-color:#0000001a}.tab-title{flex:1 1;font-family:Raleway,sans-serif;font-size:12.6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-title,.tab.active .tab-title{font-weight:500}.tab-close{align-items:center;background:#0000;border:none;border-radius:2.7px;color:#666;cursor:pointer;display:flex;font-size:14.4px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:1.8px 5.4px;transition:all .2s ease}.tab-close:hover{background:#ff4757;color:#fff;transform:scale(1.1)}.tab-close:active{transform:scale(.95)}.new-tab-btn{align-items:center;display:flex;font-size:16.2px;font-weight:700;justify-content:center;min-width:36px;padding:7.2px 10.8px}.editor-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.content-editable,.editor-wrapper{height:100%;position:relative;width:100%}.content-editable{word-wrap:break-word;box-sizing:border-box;flex:1 1;font-family:Raleway,sans-serif!important;font-optical-sizing:auto!important;font-size:21.6px!important;font-style:normal!important;font-weight:400!important;line-height:1.6;max-height:calc(100vh - 54px);outline:none;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding:27px;z-index:1}.content-editable:focus{cursor:text}img{cursor:pointer;height:auto;max-width:100%;position:relative;transition:box-shadow .2s ease;z-index:10}.content-editable img{user-select:none;-webkit-user-select:none}img.selected{cursor:move;outline:.9px dashed #000;z-index:100}.image-actions{background:#fff;border:.9px solid #ccc;border-radius:3.6px;box-shadow:0 1.8px 7.2px #00000026;display:flex;gap:4.5px;padding:4.5px;position:absolute;transform:translateX(-50%);z-index:1000}.image-action-btn{background:#f8f9fa;border:.9px solid #dee2e6;border-radius:2.7px;cursor:pointer;font-size:10.8px;padding:3.6px 7.2px;transition:background-color .2s}.image-action-btn:hover{background:#e9ecef}.crop-overlay{inset:0;pointer-events:none;position:fixed;z-index:1500}.crop-area,.crop-mask{pointer-events:none;position:absolute}.crop-mask{inset:0}.crop-mask-layer{background:#00000073}.crop-mask-layer,.crop-selection{pointer-events:auto;position:absolute}.crop-selection{border:1.8px solid #2c3e50d9;box-sizing:border-box;cursor:move}.crop-selection:after,.crop-selection:before{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.crop-selection:before{background-image:repeating-linear-gradient(90deg,#00000059 0,#00000059 1px,#0000 0,#0000 33.33333%)}.crop-selection:after{background-image:repeating-linear-gradient(180deg,#00000059 0,#00000059 1px,#0000 0,#0000 33.33333%)}.crop-handle{background:#2c3e50f2;border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:9px;pointer-events:auto;position:absolute;width:9px}.crop-handle--nw{cursor:nwse-resize;left:-4.5px;top:-4.5px}.crop-handle--n{cursor:ns-resize;left:50%;top:-4.5px;transform:translateX(-50%)}.crop-handle--ne{cursor:nesw-resize;right:-4.5px;top:-4.5px}.crop-handle--e{cursor:ew-resize;right:-4.5px;top:50%;transform:translateY(-50%)}.crop-handle--se{bottom:-4.5px;cursor:nwse-resize;right:-4.5px}.crop-handle--s{bottom:-4.5px;cursor:ns-resize;left:50%;transform:translateX(-50%)}.crop-handle--sw{bottom:-4.5px;cursor:nesw-resize;left:-4.5px}.crop-handle--w{cursor:ew-resize;left:-4.5px;top:50%;transform:translateY(-50%)}.crop-controls{gap:10.8px;position:fixed;transform:translate(-50%);z-index:1600}.crop-action,.crop-controls{display:flex;pointer-events:auto}.crop-action{align-items:center;background:#fff;border:2.7px solid #000;border-radius:.36em;box-shadow:.09em .09em;cursor:pointer;font-size:14.4px;height:39.6px;justify-content:center;padding:.36em .54em;transition:transform .2s,box-shadow .2s;width:39.6px}.crop-action:hover{box-shadow:.135em .135em;transform:translate(-.045em,-.045em)}.crop-action:active{box-shadow:.045em .045em;transform:translate(.045em,.045em)}.image-action-btn.delete{background:#dc3545;border-color:#dc3545;color:#fff}.image-action-btn.delete:hover{background:#c82333}.placeholder{color:#888;font-family:Raleway,sans-serif!important;font-optical-sizing:auto!important;font-size:21.6px;font-style:normal!important;font-weight:400!important;left:27px;line-height:1.6;max-width:calc(100% - 54px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:27px;-webkit-user-select:none;user-select:none}.popup-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup{background-color:#fff;border-radius:4.5px;max-width:360px;padding:27px;text-align:center}.popup h2{margin-top:0}.popup ul li.saved-page{border-radius:2.7px;padding:9px;transition:background-color .2s}.popup ul li.saved-page:hover{background-color:#f1f1f1}.content-editable *{font-family:inherit!important;font-optical-sizing:inherit!important;font-size:inherit!important;font-style:inherit!important;font-weight:inherit!important}.button{background:#fff;border:2.7px solid #000;border-radius:.36em;box-shadow:.09em .09em;color:#000;cursor:pointer;font-family:inherit;font-size:14.4px;font-weight:700;margin:0 4.5px;padding:.18em .9em;text-decoration:none;transition:all .2s ease}.button:hover{box-shadow:.135em .135em;transform:translate(-.045em,-.045em)}.button:active{box-shadow:.045em .045em;transform:translate(.045em,.045em)}.button.icon-button{align-items:center;display:flex;flex-shrink:0;height:36px;height:var(--toolbar-control-height);justify-content:center;padding:.35em;width:36px;width:var(--toolbar-control-height)}.button.icon-button svg{fill:currentColor;flex-shrink:0;height:23.4px;width:23.4px}.toolbar-actions .button{align-items:center;box-sizing:border-box;display:flex;height:36px;height:var(--toolbar-control-height);justify-content:center;min-height:36px;min-height:var(--toolbar-control-height);padding:7.2px 10.8px}.button:disabled{cursor:not-allowed;opacity:.5}.button:disabled,.button:disabled:active,.button:disabled:hover{box-shadow:.09em .09em;transform:none}.button-close,.popup button[aria-label=Close]{background:#0000;border:none;color:#333;cursor:pointer;font-size:18px;margin:0;padding:0;position:absolute;right:9px;top:9px;transition:color .2s ease}.button-close:hover,.popup button[aria-label=Close]:hover{background-color:initial;color:#e53935}@media (max-width:768px){.toolbar{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:9px}.toolbar-tabs-area{display:none}.toolbar-actions{display:flex;flex-wrap:nowrap;gap:7.2px;justify-content:space-between;width:100%}.toolbar-toggle{align-items:center;display:flex;flex-shrink:0;font-size:18px;justify-content:center;margin:0;padding:.45em .495em}.tabs-container.mobile{align-items:stretch;background:#f5f5f5;border-right:2.7px solid #000;bottom:0;box-shadow:.18em 0 .54em #0003;display:flex!important;flex-direction:column;gap:10.8px;left:0;overflow-x:hidden;overflow-y:auto;padding:18px 14.4px;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:50vw;z-index:1200}.tabs-container.mobile.open{transform:translateX(0)}.tabs-container.mobile .tab{box-sizing:border-box;margin:0 auto;max-width:100%;min-width:auto;width:calc(100% - 28.8px)}.tabs-container.mobile .new-tab-btn{box-sizing:border-box;margin:0 auto;max-width:90px;min-width:36px;width:auto}.tabs-container.mobile .tab-drop-zone{height:5.4px;margin:0 auto;width:calc(100% - 28.8px)}.tab{min-width:0}.toolbar-actions .button{flex:1 1;font-size:11.7px;justify-content:center;margin:0;min-width:0;padding:.495em .63em;white-space:nowrap}.export-menu{left:auto;right:0}.toolbar-actions .toolbar-toggle{flex:0 0 auto;width:auto}}@media (max-width:600px){.popup{padding:18px;width:90%}.button{font-size:14.4px;padding:.45em .99em}.popup button[aria-label=Close]{font-size:18px;padding:0}}.notification{animation:slideDown .3s ease-out;background:#636363;border-radius:3.6px;box-shadow:0 1.8px 7.2px #00000026;color:#fff;font-size:12.6px;font-weight:500;left:50%;padding:10.8px 21.6px;position:fixed;top:18px;transform:translateX(-50%);z-index:2000}.notification.error{background:#dc3545}.notification.warning{background:#ffc107;color:#212529}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-18px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
/*# sourceMappingURL=main.ff5176e8.css.map*/