.layer-manager{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:190px;padding-bottom:40px}.layer-manager-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px}.layer-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 8px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;margin-bottom:5px;width:100%;border-radius:7px}.layer-item:not(.layer-item--active):hover{background-color:rgba(0,0,0,.04)}.layer-item--active{background-color:var(--color-main-transparent);border:2px solid var(--color-main-clear)}.layer-item--hidden{opacity:.45}.layer-item--dragging{opacity:.4}.layer-thumbnail{flex-shrink:0;width:150px;height:100px;border:1px solid rgba(0,0,0,.12);border-radius:3px;overflow:hidden;background:#fafafa}.layer-thumbnail canvas{display:block;width:100%;height:100%}.layer-info{flex:1;min-width:0;overflow:hidden}.layer-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.layer-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.layer-btn{opacity:0;transition:opacity .15s}.layer-item:hover .layer-btn{opacity:.6}.app-full .layer-btn,.layer-btn:hover{opacity:1!important}.layer-menu{display:flex;flex-direction:column;gap:2px}.layer-menu-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:4px 8px;border-radius:4px}.layer-menu-item:hover{background-color:rgba(0,0,0,.05)}.layer-menu-item:disabled{opacity:.4;pointer-events:none}