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;overflow:hidden;padding:0;width:100%}body{font-family:Arial,sans-serif}.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:hidden;width:100%}.toolbar{background-color:#dbdbdb;gap:10px;justify-content:space-between;padding:10px 20px}.tabs-container,.toolbar{align-items:center;display:flex}.tabs-container{flex:1 1;gap:6px;min-width:0;overflow-x:auto;padding:3px;scrollbar-color:#999 #ddd;scrollbar-width:thin}.tabs-container::-webkit-scrollbar{height:4px}.tabs-container::-webkit-scrollbar-track{background:#ddd;border-radius:2px}.tabs-container::-webkit-scrollbar-thumb{background:#999;border-radius:2px}.tab{align-items:center;background:#f5f5f5;border:3px solid #000;border-radius:.4em;box-shadow:.1em .1em;cursor:pointer;display:flex;flex-shrink:0;gap:8px;max-width:200px;min-width:100px;padding:8px 12px;position:relative;transition:all .2s ease}.tab:hover{box-shadow:.15em .15em;transform:translate(-.05em,-.05em)}.tab:active{box-shadow:.05em .05em;transform:translate(.05em,.05em)}.tab.active{background:#fff;border-color:#000;box-shadow:.2em .2em,inset 0 -5px 0 0 #000}.tab.dirty:before{background:#ff6b6b;border-radius:50%;content:"";height:6px;left:4px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.tab-dropdown{align-items:center;display:flex;position:relative}.tab-dropdown-button{background:none;border:none;border-radius:2px;color:#666;cursor:pointer;font-size:14px;line-height:1;padding:2px 4px;transition:all .2s ease}.tab-dropdown-button:hover{background:#0000001a;color:#000}.tab-dropdown-menu{background:#fff;border:2px solid #000;border-radius:4px;box-shadow:.2em .2em .4em #0000004d;margin-top:6px;max-width:280px;min-width:180px;overflow:visible;width:-webkit-max-content;width:max-content;z-index:2000}.tab-dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background-color .2s ease}.tab-dropdown-item:hover{background:#f0f0f0}.tab-dropdown-icon{font-size:12px}.tab-dropdown-divider{background:#ddd;height:1px;margin:4px 0}.tab-dropdown-info{background:#f9f9f9;border-top:1px solid #eee;padding:8px 12px}.tab-dropdown-info-item{color:#666;font-size:12px;margin-bottom:4px}.tab-dropdown-info-item:last-child{margin-bottom:0}.tab-dropdown-info-item strong{color:#333}.tab-rename-form{display:block;padding:8px 12px 6px}.tab-rename-input{background:#fff;border:2px solid #000;border-radius:4px;box-sizing:border-box;display:block;font-size:14px;line-height:1.2;outline:none;padding:6px 8px;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:6px}.tab-drop-zone.drag-over,.tab-drop-zone:hover{background-color:#0000001a}.tab-title{flex:1 1;font-family:Raleway,sans-serif;font-size:14px;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:3px;color:#666;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:2px 6px;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:18px;font-weight:700;justify-content:center;min-width:40px;padding:8px 12px}.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:24px!important;font-style:normal!important;font-weight:400!important;line-height:1.6;max-height:calc(100vh - 60px);outline:none;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding:30px;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}img.selected{cursor:move;outline:1px dashed #000;z-index:100}.image-actions{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;display:flex;gap:5px;padding:5px;position:absolute;z-index:1000}.image-action-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;cursor:pointer;font-size:12px;padding:4px 8px;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:2px 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:10px;pointer-events:auto;position:absolute;width:10px}.crop-handle--nw{cursor:nwse-resize;left:-5px;top:-5px}.crop-handle--n{cursor:ns-resize;left:50%;top:-5px;transform:translateX(-50%)}.crop-handle--ne{cursor:nesw-resize;right:-5px;top:-5px}.crop-handle--e{cursor:ew-resize;right:-5px;top:50%;transform:translateY(-50%)}.crop-handle--se{bottom:-5px;cursor:nwse-resize;right:-5px}.crop-handle--s{bottom:-5px;cursor:ns-resize;left:50%;transform:translateX(-50%)}.crop-handle--sw{bottom:-5px;cursor:nesw-resize;left:-5px}.crop-handle--w{cursor:ew-resize;left:-5px;top:50%;transform:translateY(-50%)}.crop-controls{gap:12px;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:3px solid #000;border-radius:.4em;box-shadow:.1em .1em;cursor:pointer;font-size:16px;height:44px;justify-content:center;padding:.4em .6em;transition:transform .2s,box-shadow .2s;width:44px}.crop-action:hover{box-shadow:.15em .15em;transform:translate(-.05em,-.05em)}.crop-action:active{box-shadow:.05em .05em;transform:translate(.05em,.05em)}.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:24px;font-style:normal!important;font-weight:400!important;left:30px;line-height:1.6;max-width:calc(100% - 60px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:30px;-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:5px;max-width:400px;padding:30px;text-align:center}.popup h2{margin-top:0}.popup ul li.saved-page{border-radius:3px;padding:10px;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:3px solid #000;border-radius:.4em;box-shadow:.1em .1em;color:#000;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;margin:0 5px;padding:.2em 1em;text-decoration:none;transition:all .2s ease}.button:hover{box-shadow:.15em .15em;transform:translate(-.05em,-.05em)}.button:active{box-shadow:.05em .05em;transform:translate(.05em,.05em)}.button-close,.popup button[aria-label=Close]{background:#0000;border:none;color:#333;cursor:pointer;font-size:20px;margin:0;padding:0;position:absolute;right:10px;top:10px;transition:color .2s ease}.button-close:hover,.popup button[aria-label=Close]:hover{background-color:initial;color:#e53935}@media (max-width:600px){.popup{padding:20px;width:90%}.button{font-size:16px;padding:.5em 1.1em}.popup button[aria-label=Close]{font-size:20px;padding:0}}.notification{animation:slideDown .3s ease-out;background:#636363;border-radius:4px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:14px;font-weight:500;left:50%;padding:12px 24px;position:fixed;top:20px;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(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
/*# sourceMappingURL=main.0c69d556.css.map*/