.image-content.photo-editor-side-panel--collapsed{grid-template-columns:1fr 20px}.image-content{transition:grid-template-columns .18s ease}body.photo-editor-panel-resizing{cursor:ns-resize!important;user-select:none!important;-webkit-user-select:none!important}body.photo-editor-panel-resizing *{cursor:ns-resize!important}.photo-editor-side-panel{display:flex;min-width:0;min-height:0;overflow:hidden}.photo-editor-side-panel .photo-editor-side-panel-toggle-wrap{position:relative;z-index:var(--z-background-canvas-resize-btn);flex:0 0 20px;width:20px;align-self:stretch;min-width:0;min-height:0}.photo-editor-side-panel .photo-editor-side-panel-toggle-rail{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--main-700);pointer-events:none}.photo-editor-side-panel .photo-editor-side-panel-toggle-wrap:has(.photo-editor-side-panel-toggle:hover) .photo-editor-side-panel-toggle-rail{background:var(--purple)}.photo-editor-side-panel .photo-editor-side-panel-toggle{position:absolute;left:2px;top:50%;transform:translateY(-50%);z-index:1;width:18px;min-width:18px;height:40px;padding:0;border:0;border-radius:0 6px 6px 0;color:var(--main-200);background:var(--main-700);cursor:pointer;display:flex;align-items:center;justify-content:center}.photo-editor-side-panel .photo-editor-side-panel-toggle:hover{color:var(--button-color);background:var(--purple)}.photo-editor-side-panel .photo-editor-side-panel-toggle:focus-visible{outline:2px solid var(--blue-border);outline-offset:-1px}.photo-editor-side-panel .photo-editor-side-panel-toggle-icon{display:flex;transition:transform .15s ease}.photo-editor-side-panel.photo-editor-side-panel--collapsed .photo-editor-side-panel-toggle-icon{transform:rotate(180deg)}.photo-editor-side-panel .photo-editor-side-panel-content{display:flex;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;opacity:1;transition:opacity .12s ease,flex-basis .18s ease}.photo-editor-side-panel.photo-editor-side-panel--collapsed .photo-editor-side-panel-content{flex:0 0 0;opacity:0;pointer-events:none}.tabs-container{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden;font-size:var(--fontsize-normal);padding-top:8px}.tabs-container .tabs{display:flex;gap:8px;color:var(--main-100);margin-bottom:10px}.tabs-container .tabs .tab-header{display:flex;justify-content:space-evenly;padding:4px 8px 2px;gap:4px;width:100%;border-radius:var(--global-border-radius);background:var(--main-500);cursor:pointer}.tabs-container .tabs .tab-header:hover{color:var(--button-color);background:var(--purple);opacity:1}.tabs-container .tabs .tab-header .tab-label{display:none}.tabs-container .tabs .tab-header.active .tab-label{display:inline}.tabs-container .tabs .active{color:var(--button-color);background:var(--purple);opacity:1}.tabs-container .toolbar{display:inline-flex;gap:1px;padding:4px;color:var(--main-200);background:var(--main-800);border:1px solid var(--main-600);border-radius:var(--global-border-radius);margin-bottom:10px}.tabs-container .toolbar .toolbar-item{width:30px;height:30px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .15s ease}.tabs-container .toolbar .left-border{border-left:2px solid var(--main-hover)}.tabs-container .toolbar .toolbar-item:hover{border-radius:8px;background:var(--main-hover)}.tabs-container .toolbar .toolbar-item:active{transform:scale(.96)}.tabs-container .toolbar .toolbar-item svg{width:var(--icon_size);height:var(--icon_size);fill:var(--main-200);transition:fill .2s ease}.tabs-container .toolbar .toolbar-item.delete:hover svg{fill:var(--color-red-500)}.tabs-container .version-actions .toolbar-item{width:30px;height:30px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .15s ease}.tabs-container .version-actions .toolbar-item:hover{border-radius:8px;background:var(--main-hover)}.tabs-container .version-actions .toolbar-item:active{transform:scale(.96)}.tabs-container .version-actions .toolbar-item svg{width:var(--icon_size);height:var(--icon_size);fill:var(--main-200);transition:fill .2s ease}.tabs-container .version-actions .toolbar-item.delete:hover svg{fill:var(--color-red-500)}.tabs-container .toolbar .hovered{background:var(--main-hover)}.tabs-container .tab-content{display:flex;flex-direction:column;flex:1 1 0;min-height:0}.tabs-container .scroll-panel{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.tabs-container .image-info-panel{padding:8px;display:flex;flex-direction:column;align-items:center;gap:8px}.tabs-container .image-info-thumb-wrap{padding:4px;display:flex;align-items:center;justify-content:center}.tabs-container .image-info-thumb{display:block;max-width:100%}.navigator-panel{display:flex;flex-direction:column;gap:10px;min-height:0;color:var(--main-200)}.navigator-preview-wrap{position:relative;width:100%;min-height:150px;border:1px solid var(--main-600);background:var(--main-800);overflow:hidden;cursor:grab;touch-action:none}.navigator-preview-wrap:active{cursor:grabbing}.navigator-preview-wrap canvas{display:block;width:100%;height:auto}.navigator-viewport{box-sizing:border-box;position:absolute;left:0;top:0;width:0;height:0;border:2px solid var(--blue-border);background:#2196f31f;box-shadow:0 0 0 9999px #00000038;pointer-events:none}.navigator-controls{display:flex;align-items:center;gap:6px;padding-right:20px}.navigator-zoom-btn{width:30px;height:30px;border:1px solid var(--main-600);border-radius:var(--global-border-radius);background:var(--main-700);color:var(--main-100);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.navigator-zoom-btn:hover{background:var(--purple);color:var(--button-color)}.navigator-zoom-btn svg{width:22px;height:22px;display:block}.navigator-zoom-select{flex:1 1 auto;min-width:0;height:30px;border:1px solid var(--main-600);border-radius:var(--global-border-radius);background:var(--main-800);color:var(--main-100)}.dropdown-newlayer{position:absolute;display:none;flex-direction:column;background:var(--dropdown-bg);border-radius:6px;box-shadow:0 2px 6px #00000026;padding:4px;min-width:190px;z-index:var(--z-editor-popover)}#dropdownContextMenu,#dropdownSelectContextMenu,#dropdownPathPointMenu{position:fixed;z-index:var(--z-layer-context-panel)}.dropdown-newlayer .dropdown-leaf{font-size:var(--fontsize-normal);display:flex;align-items:center;align-content:center;justify-content:space-between;padding:4px;border-radius:6px;cursor:pointer}.dropdown-newlayer .dropdown-icon{display:flex;align-items:center;align-content:center;gap:4px;color:var(--main-100)}.dropdown-newlayer .dropdown-item{font-size:var(--fontsize-normal);padding:4px;border-radius:6px;cursor:pointer}.dropdown-newlayer .dropdown-item:hover,.dropdown-newlayer .dropdown-leaf:hover{background-color:var(--main-hover)}.tabs-container .layer-item,.history-item{display:flex;align-items:center;align-content:center;padding:4px;width:100%;color:var(--main-200);border:1px solid transparent;cursor:pointer}.tabs-container .layer-item{height:var(--layer-item-height, 74px);justify-content:center;font-size:var(--fontsize-small)}.tabs-container .layer-item>div{flex-shrink:0}.tabs-container .layer-item>.layer-name{flex-shrink:1}.tabs-container .layer-group{background:var(--main-600)}.tabs-container .history-item{height:36px;justify-content:flex-start;font-size:var(--fontsize-small);overflow:hidden}.tabs-container .layer-item:hover,.history-item:hover{background:var(--main-700)}.tabs-container .layer-item.active{background:var(--main-600);border:1px solid var(--blue-border)}.tabs-container .layer-item.layer-group.active{border:1px solid #9C27B0}.tabs-container .history-item.active{background:var(--main-600);border:1px solid var(--blue-border)}.version-history-toolbar{display:flex;align-items:center;padding:8px;border-bottom:1px solid var(--main-700);flex-shrink:0}.version-history-save-btn{width:100%;padding:8px 12px;border:1px solid var(--blue-border);border-radius:4px;background:var(--main-700);color:var(--main-100);cursor:pointer;font-size:var(--fontsize-small)}.version-history-save-btn:hover{background:var(--main-hover)}.version-history-empty{padding:16px 12px;color:var(--main-300);font-size:var(--fontsize-small);line-height:1.45}.version-item{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid var(--main-700)}.version-item:hover{background:var(--main-700)}.version-thumb{flex-shrink:0;width:56px;height:42px;border-radius:4px;overflow:hidden;background:var(--main-800);border:1px solid var(--main-600)}.version-thumb img{display:block;width:100%;height:100%;object-fit:cover}.version-meta{flex:1;min-width:0}.version-title{font-size:var(--fontsize-small);color:var(--main-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-when{font-size:var(--fontsize-xsmall, 11px);color:var(--main-300);margin-top:2px}.version-actions{display:flex;flex-direction:row;align-items:center;gap:6px;flex-shrink:0}.version-action-btn{padding:4px 8px;border:1px solid var(--main-500);border-radius:4px;background:var(--main-700);color:var(--main-100);cursor:pointer;font-size:var(--fontsize-xsmall, 11px)}.version-action-btn:hover{background:var(--main-hover)}.tabs-container .thumb{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--layer-thumb-width, 64px);overflow:hidden}.tabs-container .thumb-normal{margin-left:10px}.tabs-container .thumb-child{margin-left:30px}.tabs-container .thumb-child-child{margin-left:50px}.tabs-container .layer-item-icons{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:20px;gap:2px}.tabs-container .layer-item-comment-info{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;margin:0;border:none;border-radius:999px;background:var(--purple);color:#fff;cursor:pointer;flex-shrink:0;box-shadow:0 1px 4px #00000026}.tabs-container .layer-item-comment-info:hover{filter:brightness(1.08)}.tabs-container .layer-item-comment-info:active{transform:scale(.94)}.tabs-container .layer-item-comment-info svg{width:12px;height:12px;display:block}.tabs-container .layer-item-comment-info svg path{fill:#fff}.tabs-container .eye{width:20px;cursor:pointer;margin-top:0;margin-bottom:0}.tabs-container .eye:hover{color:var(--blue-hover)}.tabs-container .layer-name{flex:1 1 auto;min-width:0;margin-right:5px}.tabs-container .layer-name .layer-name-doc-size{font-size:var(--fontsize-extra-small);color:var(--main-300);line-height:1.2;margin-top:2px}.tabs-container .layer-name .layer-name-opacity-slider{width:100%;margin-bottom:5px;padding-right:4px}.tabs-container .layer-name .layer-name-opacity-pct{font-size:var(--fontsize-extra-small);color:var(--main-300)}.tabs-container .layer-name .layer-name-blend{font-size:var(--fontsize-extra-small);color:var(--main-300);margin-left:5px}.tabs-container .spinner{margin-left:5px}